@extends('website.layouts.master')
{{--@section('title') {{__('website.shop').' - '.$shop->getQualifiedName()}}  @stop--}}
@section('css')
    <link rel="stylesheet" href="{{asset('website/css/subpages.css')}}">

    <link rel="stylesheet" href="{{asset('website/css/style.css')}}">
    <link rel="stylesheet" href="{{asset('website/css/plugins.css')}}">

    {{--    <link rel="stylesheet" href="{{asset('website/css/style.css')}}">--}}

@stop
@section('script.title') @stop
@section('content')
    <style>
        #product_count{
            border: 0;
            font-size: 16px;
            background: #539C53;
            height: 42px;
            line-height: 42px;
            text-transform: capitalize;
            min-width: 270px;
            border-radius: 5px;
            margin: 18px 0 15px 20px;
            !important;
        }
        .verified-badge{
            width: 20px;
            margin-left: 5px;
            margin-right: 5px;
        }
    </style>
@php
    $brand_translation = $brand->translations->where('language_id',getLocaleId())->first();
@endphp
    <nav class="breadcrumb-area">
        <div class="container">
            <ol class="breadcrumb-list">
                <li class="breadcrumb-item"><a href="{{ url('/') }}">{{ trans('theme.nav.home') }}</a></li>
                <li class="breadcrumb-item active"><a href="{{ route('brands') }}">{{trans('theme.all_brands')}}</a></li>
                <li class="breadcrumb-item active"><a href="{{ route('show.brand', $brand->slug) }}">{!! $brand_translation->name ?? $brand->name !!}</a></li>
            </ol>

        </div>
    </nav>
    <section class="sub-page product-page">
        <div class="container">
            <div class="card">
                <div class="card-body">
                    <div class="product_details_wrapper mb-55">
                        <!--product details start-->
                        <div class="product_details">
                            <div class="row">
                                <div class="col-lg-5 col-md-6">
                                    <div class="product-details-tab">
                                        <div id="img-1" class="zoomWrapper single-zoom">
                                            <img src="{{ get_cover_img_src($brand, 'brand') }}" width="500px" height="300px" >
                                        </div>

                                    </div>
                                </div>
                                <div class="col-lg-7 col-md-6">
                                    <div class="product_d_right">
                                        <h3><a href="#">{!! $brand_translation->name ?? $brand->name !!}</a></h3>
                                        <div class="price_box">
                                            <p class="member-since small">{!! optional($brand->country)->name !!}</p>
                                        </div>
                                        <div class="product_desc">
                                            <p>{!! $brand_translation->description ?? $brand->description !!}</p>
                                        </div>

                                        <div class="product_variant quantity">
                                            <a style="background: #478F47;" class="button"  href="{{ route('brand.products', $brand->slug) }}">{{ trans('theme.products') }}</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--product details end-->


                    </div>
                </div>
            </div>
        </div>
    </section>



@stop

@section('script')
    <script src="{{asset('website/js/plugins.js')}}"></script>
    <script src="{{asset('website/js/main.js')}}"></script>

    <!-- Main JS -->



@stop