@extends('layouts.main')
@section('content')
    <div class="container-fluid bgmain mb-5 pb-5" id="pageheader">
        <div class="container">
            <div class="row ">
                <div class="col-sm-4 ">
                    <h4> {{ __('messages.partners') }}</h4>
                </div>
            </div>
        </div>
    </div>
    <div class="container ">
        @session('success')
            <div class="alert alert-success" role="alert">
                {{ session('success') }}
            </div>
        @endsession
        <div class="row">
            @if (App::getLocale() == 'en')
                @foreach ($brands as $brand)
                    <div class="col-sm-4 my-4">
                        <div class="card bg-white border-0">
                            <img src="{{ url('brands/' . $brand->image) }}" class="card-img-top" alt="...">
                            <div class="card-body">
                                <h5 class=" fs-5">
                                    <a href="{{ route('brand.show', $brand->id) }}"
                                        class="textmain text-decoration-none">{{ $brand->name_en }}</a>
                                </h5>
                                <p>
                                    {{ $brand->origin_en }}
                                </p>
                                <p>
                                    {{ $brand->description_en }}
                                </p>
                                <p>
                                    <a href="{{ $brand->url }}">Visit Company Website</a>
                                </p>
                                <a href="{{ route('brand.filter', $brand->id) }}" class="btn mainbutton text-center">
                                    {{ 'Explore Products' }} </a>
                            </div>
                        </div>
                    </div>
                @endforeach
            @else
                @foreach ($brands as $brand)
                    <div class="col-sm-4 my-4">
                        <div class="card bg-white border-0">
                            <img src="{{ url('brands/' . $brand->image) }}" class="card-img-top" alt="...">
                            <div class="card-body">
                                <h5 class=" fs-5">
                                    <a href="{{ route('brand.show', $brand->id) }}"
                                        class="textmain text-decoration-none">{{ $brand->name_ar }}</a>
                                </h5>
                                <p>
                                    {{ $brand->origin_ar }}
                                </p>
                                <p>
                                    {{ $brand->description_ar }}
                                </p>
                                <p>
                                    <a href="{{ $brand->url }}">زيارة موقع الشركة</a>
                                </p>
                                <a href="{{ route('brand.filter', $brand->id) }}" class="btn mainbutton text-center">
                                    {{ 'استكشاف المنتجات' }} </a>
                            </div>
                        </div>
                    </div>
                @endforeach
            @endif
        </div>
    </div>
@endsection