@extends('web.layouts.container')

@section('content')
    <section class="keypersonnel-pg">
        <div class="container">
            <div class="inner-sec">
                <div class="main-item mb-5 pb-5">
                    <div class="row">
                        <div class="col-lg-5">
                            <div class="img-box">
                                <img src="{{asset($ceo->image)}}" alt="" class="member_img"/>
                            </div>
                        </div>
                        <div class="col-lg-7">
                            <div class="text-box">
                                <h2 class="title">{{$ceo->name}} </h2>
                                <h5 class="dept">{{$ceo->job_title}}</h5>
                                <ul class="custom-list">
                                    @if(count($ceoDescriptions))
                                        @foreach($ceoDescriptions as $ceoDescription)
                                            <li class="li">{{$ceoDescription}} </li>
                                        @endforeach
                                    @endif
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    @if(count($teams))
                        @foreach($teams as $team)
                            @if($loop->iteration == 1) @continue @endif
                            <div class="col-lg-6">
                                <div class="sm-item">
                                    <div class="row">
                                        <div class="col-md-5">
                                            <div class="img-box">
                                                <img src="{{asset($team->image)}}" alt="" class="member_img"/>
                                            </div>
                                        </div>
                                        <div class="col-md-7">
                                            <div class="text-box">
                                                <h6 class="title">{{$team->name}}</h6>
                                                <h6 class="dept">{{$team->job_title}}</h6>
                                                <ul class="custom-list">
                                                    @if(count(json_decode($team->description, true)))
                                                        @foreach(json_decode($team->description, true) as $teamDescription)
                                                            <li class="li">{{$teamDescription}} </li>
                                                        @endforeach
                                                    @endif
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    @endif
                </div>
            </div>
        </div>
    </section>
@endsection

@section('inner_js')

@endsection