@extends('front.layouts.main')
@section('main-container')
@section('style')
<style>
</style>
@endsection

<div class="inner-banner">
<img src="{{ asset('/upload/banner/')}}/{{ $data['banner']['image'] }}" class="img-fluid">
        <div class="banner-text">
            <div class="container">
                <div class="row">
                <h6>{!! $data['banner']['title'] !!}</h6>
                <h1>{!! strip_tags($data['banner']['content'], '<br>') !!}</h1>
                </div>
            </div>
        </div>
    </div>
    <section class="inneroverview">
        <div class="container">
            <div class="row">
                <ul class="breadcrumb">
                    <li><a href="{{ route('home')}}">Home <span> > </span></a></li>
                    <li class="active">About</li>
                </ul>
            </div>
        </div>
        <div class="container">
            <div class="row">
                @if(isset($data['about']['title']))
                <div class="col-md-5">
                    <h6>{!! $data['about']['title'] !!}</h6>
                    <h2>{!! $data['about']['sub_title'] !!}</h2>
                    {!! $data['about']['content'] !!}
                </div>
                @endif
                <div class="offset-md-1 col-md-6">
                    <div class="row" id="counter-box">
                        <div class="four col-md-6">
                            <div class="counter_box colored">
                                <h5 class="textred-counter "><span class="counter" data-number="100"></span>K</h5>
                                 <hr>
                                 <p>Franchisee Units spread
                                    <br> across the country.</p>
                            </div>
                           
                        </div>
                        <div class="four col-md-6">
                            <div class="counter_box colored">
                                <h5 class="textred-counter "><span class="counter" data-number="60"></span>K</h5>
                                 <hr>
                                 <p>Franchisee Units spread
                                    <br> across the country.</p>
                            </div>
                           
                        </div>
                        <div class="four col-md-6">
                             <div class="counter_box colored">
                                <h5 class="textred-counter "><span class="counter" data-number="25"></span>K</h5>
                                 <hr>
                                 <p>Franchisee Units spread
                                    <br> across the country.</p>
                            </div>
                        </div>
                        <div class="four col-md-6">
                             <div class="counter_box colored">
                                <h5 class="textred-counter "><span class="counter" data-number="50"></span>K</h5>
                                 <hr>
                                 <p>Franchisee Units spread
                                    <br> across the country.</p>
                            </div>
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
    </section>

    @if(isset($data['message']['title']))
    <section class="business bg-gray chairmean-message">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                <div class="testimonial">
                <h6>{!! $data['message']['title'] !!}</h6>
                    <h2>{!! $data['message']['sub_title'] !!}</h2>
                    <div class="chairman-overflow">
                    {!! $data['message']['content'] !!}            
                    </div>       
                </div>
                </div>
                <div class="col-md-6">                    
                </div>                
            </div>
        </div>
    </section>
    @endif
    
      <section class="vission-mission">
        <div class="container">
            <div class="row">
            @if(isset($data['vision']['title']))
                <div class="col-md-6">
                    <h6>{!! $data['vision']['title'] !!}</h6>
                    <h2>{!! $data['vision']['sub_title'] !!}</h2>
                    <div class="overflow">
                    {!! $data['vision']['content'] !!}
                    </div>
                </div>
                @endif
                @if(isset($data['mission']['title']))
                <div class="col-md-6">
                    <h6>{!! $data['mission']['title'] !!}</h6>
                    <h2>{!! $data['mission']['sub_title'] !!}</h2>
                    <div class="overflow">
                    {!! $data['mission']['content'] !!}
                    </div>
                </div>
                @endif
                <div class="col-md-12 mt-4">
                    <img src="{{asset('/front/images/visionmission.jpg')}}" class="img-fluid">
                </div>
            </div>
        </div>
    </section>

    @if(isset($data['philosophy']['title']))
     <section class="philosophy bg-gray">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                <h6>{!! $data['philosophy']['title'] !!}</h6>
                <h2>{!! $data['philosophy']['sub_title'] !!}</h2>            
                </div>
                <div class="col-md-6">
                {!! $data['philosophy']['content'] !!}
                </div>
                <div class="col-md-12 mt-5">
                  <div class="row" id="counter-box">
                        @foreach($data['philosophy_bottom'] as $pb)
                        <div class="four col-md-3">
                            <div class="counter_box colored">
                                <img src="{{ asset('/upload/')}}/{{ $pb['image'] }}" class="img-fluid">                               
                                 <hr>
                                 {{ $pb['sub_title'] }}
                            </div>                           
                        </div>
                        @endforeach                      
                    </div>
                </div>
            </div>
        </div>
    </section>
    @endif
    
    <section class="board-of-directors">
        <div class="container">
            <div class="row">
                @if(isset($data['director']['title']))
                <div class="col-md-6">
                <h6>{!! $data['director']['title'] !!}</h6>
                <h2>{!! $data['director']['sub_title'] !!}</h2>                     
                </div>
                <div class="col-md-6">
                {!! $data['director']['content'] !!}
                </div>
                @endif


                <div class="col-md-12 mt-4">
                   <div class="row">
                        @foreach($data['director_grid'] as $dgrid)
                         <div class="col-md-3  col-sm-4 mb-4">
                            <a  data-bs-toggle="modal" data-bs-target="#myModal_new_{{ $dgrid['id'] }}">
                                <img src="{{ asset('/upload/')}}/{{ $dgrid['image'] }}" class="img-fluid">                                
                                <h4>{{ $dgrid['title'] }}</h4>
                                <h6>{!! $dgrid['sub_title'] !!}</h6>
                            </a>
                        </div>

<!--Popup start-->
<div class="modal fade big-modal" id="myModal_new_{{ $dgrid['id'] }}" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-4">
                    <img src="{{ asset('/upload/')}}/{{ $dgrid['image'] }}" class="img-fluid"> 
                        <h4>{{ $dgrid['title'] }}</h4>
                        <h6>{!! $dgrid['sub_title'] !!}</h6>
                    </div>
                    <div class="col-md-8">
                        <div class="detail">
                        {!! $dgrid['content'] !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--Popup end-->                   

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

    

@endsection
@section('script')

@endsection