@extends('web.layouts.container')

@section('content')
    <section class="ceo-pg section bg-babyBlue">
        <div class="container">
            <img src="{{asset($pages->image)}}" alt="" class="sec-img wow fadeInUp"/>
            <div class="card-body text-center col-lg-10 m-auto wow fadeInUp slow">
                <h1 class="fw-bold color-dark mb-4 text-capitalize">{{$pages->page_title}}</h1>
                <p class="det col-10 lh-lg m-auto">{!! $pages->description !!}</p>
            </div>
        </div>
    </section>
    <!-- Start management-pg -->
    <section class="management-pg section">
        <div class="container">
            <div class="inner bg-babyBlue">
                <div class="row align-items-center">
                    <div class="col-lg-12">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="text-box col-lg-9 m-auto wow left_to_right_apperance py-4">
                                    <h1 class="title color-dark fw-bold text-capitalize">
                                        {{$managersTitle1}} <span class="color-primary mb-4">{{$managersTitle2}}</span>
                                    </h1>
                                    <p class="p">{!! $managerPage->description !!}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    @if(count($managers))
                        @foreach($managers as $manager)
                            <div class="col-lg-3">
                                <div class="mnger_card wow left_to_right_apperance">
                                    <img src="{{asset($manager->image)}}" alt="" class="sec-img"/>
                                    <div class="content">
                                        <h3 class="name text-white mb-3 fw-bold">{{$manager->name}}</h3>
                                        <p class="text-white">{{$manager->specialist}}</p>
                                    </div>
                                </div>
                            </div>
                            <!--@if($loop->iteration == 2)-->
                            <!--    <div class="col-lg-3 px-0">-->
                            <!--        <a href="{{route('contact.index')}}" class="butn white_border_butn m-auto mt-5"><b>{{__('main.contact_us')}}</b></a>-->
                            <!--    </div>-->
                            <!--@endif-->
                        @endforeach
                    @endif
                </div>
            </div>
        </div>
    </section>
@endsection

@section('inner_js')


@endsection