@extends('web.layouts.app')
@section('title', trans('site.CompanyOrBranch'))
@section('content')
    <!-- content -->
    <div class="company_content">
        <div class="container">
            <div class="row">
                <div class="col-lg-5">
                    <div class="company_img">
                        <img src="{{asset('web/img/benaee.png')}}" alt="">
                    </div>
                </div>
                <div class="col-lg-7">
                    <div class="company_deti">
                        <h4>@lang('site.DoYouWantToSell')</h4>
                        <p>
                            @lang('site.DesDoYouWantToSell')
                        </p>
                    </div>
                    <div class="company_buttn">
                        <a class="company_butt1" target="_blank" href="{{route('company_login')}}">
                            <button>@lang('site.enter_company')</button>
                        </a>
                        <a class="company_butt2" target="_blank" href="{{route('branch_login_form')}}">
                            <button>@lang('site.subAccount')</button>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Why sell -->
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="qus">
                    <h4>@lang('site.WhySell')</h4>
                    <p>@lang('site.DesWhySell')</p>
                </div>
            </div>
            <div class="col-12">
                <div class="qus_content">
                    <div class="row">
                        @foreach($abouts as $about)
                            <div class="col-md-6">
                                <div class="detils">
                                    <div class="row">
                                        <div class="col-lg-5">
                                            <img
                                                src="{{$about->image}}"
                                                alt="">
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="detils_con">
                                                <h4>{{$about->title[App::getLocale()]}}</h4>
                                                <p>
                                                    {{$about->description[App::getLocale()]}}
                                                </p>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach                    </div>
                </div>
            </div>
        </div>
    </div>



    <!-- customar -->

    <div class="testmonial">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="qus">
                        <h4>@lang('site.what_customers')</h4>
                        <p>@lang('site.des_what_customers')</p>
                    </div>
                </div>

                <div class="col-12">
                    <div class="owl-carousel owl-theme student">
                        @foreach($testimonials as $testimonial)
                            <div class="item">
                                <div class="opp_customar">
                                    <div class="opp_img">
                                        <img style="    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: 10px auto;" src="{{$testimonial->image}}" alt="">
                                    </div>
                                    <div class="opp_conn">
                                        <p>{{$testimonial->description}}</p>
                                        <h4>{{$testimonial->name}}</h4>
                                    </div>
                                </div>

                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>


@endsection