@extends('web.layouts.container')


@section('content')
    <div class="page-heading" style="background: url({{asset('assets/web/images/page-heading-1.png')}});">
        <div class="container">
            <div class="text-box text-center">
                <h1 class="sec-title"> {{($pageTitle[0] ?? null)}} <b> {{($pageTitle[1] ?? null)}} </b> {{($pageTitle[2] ?? null)}}</h1>
            </div>
        </div>
    </div>
    <section class="about-cards">
        <div class="container">
            <div class="inner-sec">
                <div class="heading text-center mb-5 pb-3 wow fadeInUp"  >
                    <h1 class="pg-title  mt-3 mb-4">{{__('drives.vision_mission_value')}}</h1>

                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="card">
                            <img src="{{asset($drive->mission_image)}}" alt="" class="icon"/>
                            <div class="card-body">
                                <h6 class="title">{{$drive->mission_title}}</h6>
                                <p class="p">{{$drive->mission_description}}</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="card">
                            <img src="{{asset($drive->vision_image)}}" alt="" class="icon"/>
                            <div class="card-body">
                                <h6 class="title">{{$drive->vision_title}}</h6>
                                <p class="p">{{$drive->vision_description}}</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="card values_card">
                            <img src="{{asset($drive->values_image)}}" alt="" class="icon"/>
                            <div class="card-body">
                                <h6 class="title">{{$drive->values_title}}</h6>
                                <ul class="custom-list">
                                    @if(count($drive->values_list_title))
                                        @foreach($drive->values_list_title as $valueKey => $valueListTitle)
                                            <li class="li">
                                                <b>{{$valueListTitle}}:</b>
                                                <span>{{$drive->values_list_description[$valueKey]}}</span>
                                            </li>
                                        @endforeach
                                    @endif
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('inner_js')
@endsection