@extends('web.layouts.main')
@section('content')      
<!-- Start section -->
<section class="pg_header section">
    <div class="container">
        <h5 class="title_w_vector mx-auto w-fit mt-2">{{$title}}</h5>

    </div>
</section>

<!-- Start section -->
<section class="about_sec section">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6">
                <div class="text_box">
                    <div class="sec_head d-flex mb-4 mt-4">
                        <h5 class="title_w_vector color-primary me-4 mt-2">{{$title}}</h5>
                        <h4 class="label color-secondary fw-bold">
                            {{__('pages.about_title_1')}} <br> {{__('pages.about_title_2')}}
                        </h4>
                    </div>
                    <div class="p">
                        {!!$page->description??"" !!}
                    </div>
                    <ul class="ul mt-5">
                        @foreach($features as $value)
                        <li> {{$value->currentDescription->title ??""}}</li>
                        @endforeach
                    </ul>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="img_box">
                    <img src="{{$page->image?asset($page->image):url('').'/assets/web/images/exp_years.svg'}}" class="img" alt="">
                    <div class="txt fw-bold color-secondary">{{__('pages.about_title_3')}}</div>
                </div> 
            </div>
        </div>
        <div class="row mt-5 pt-4">
            <div class="col-lg-2">
                <h5 class="title_w_vector color-primary me-4 mt-2">{{__('pages.about_title_4')}}</h5>
            </div>
            <div class="col-lg-10">
                <div class="p">
                    {!!$page->brief??"" !!}
                </div>

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

<!-- Start section -->
<section class="philosophy_sec section">
    <div class="container">
        <div class="sec_head d-flex mb-5 mt-4">
            <h5 class="title_w_line color-secondary fw-bold mx-auto">{{__('pages.Our-philosophy')}}</h5>
        </div>
        <div class="row col-lg-9 mx-auto">
            <div class="col-lg-6">
                <div class="philosophy_card">
                    <div class="box">
                        <div class="icon_box">
                            <h5 class="title_w_line color-primary fw-bold">{{__('pages.message')}} </h5>
                            <img src="{{$page3->image?asset($page3->image):url('').'/assets/web/images/icons/philosophy_card_1.svg'}}" class="icon" alt="">
                        </div>
                        <div class="content">
                            <div class="p">
                                {!!$page3->message??"" !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="philosophy_card">
                    <div class="box">
                        <div class="icon_box">
                            <h5 class="title_w_line color-primary fw-bold">{{__('pages.vision')}}</h5>
                            <img src="{{$page3->image?asset($page3->image_2):url('').'/assets/web/images/icons/philosophy_card_2.svg'}}" class="icon" alt="">
                        </div>
                        <div class="content">
                            <div class="p">
                                {!!$page3->vision??"" !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="philosophy_card">
                    <div class="box">
                        <div class="icon_box">
                            <h5 class="title_w_line color-primary fw-bold">{{__('pages.value')}}</h5>
                            <img src="{{$page3->image?asset($page3->image_3):url('').'/assets/web/images/icons/philosophy_card_3.svg'}}" class="icon" alt="">
                        </div>
                        <div class="content">
                            <div class="p">
                                {!!$page3->value??"" !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="philosophy_card">
                    <div class="box">
                        <div class="icon_box">
                            <h5 class="title_w_line color-primary fw-bold">{{__('pages.goal')}}</h5>
                            <img src="{{$page3->image?asset($page3->image_4):url('').'/assets/web/images/icons/philosophy_card_4.svg'}}" class="icon" alt="">
                        </div>
                        <div class="content">
                            <div class="p">
                                {!!$page3->goal??"" !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<!-- Start section -->
<section class="partners_sec section">
    <div class="container">
        <div class="sec_head d-flex mb-5 mt-4">
            <h5 class="title_w_line color-secondary fw-bold mx-auto">{{__('pages.ClientsProud')}} </h5>
        </div>
        <div class="swiper-container partners_swiper">
            <div class="swiper-wrapper">
                @foreach($clients as $value)
                <div class="swiper-slide">
                    <div class="partner_card">
                        <div class="partner_box">
                            <img src="{{asset($value->image)}}" class="logo" alt="" />
                        </div>
                        <div class="title">
                            {{$value->currentDescription->title ??""}}
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
            <div class="arrows d-flex justify-content-center align-items-center mt-5">
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>

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

@endsection