@extends('web.layouts.main')
@section('content')
@push('title') {{__('web.aboutus')}} @endpush

   <div class="inner_header">
        <div class="container">
            <ul class="page_links">
                <li>
                    <a href="{{url(getCurrentLocale().'/')}}">{{__('web.hone')}}</a>
                </li>
                <li>
                    <a href="{{url(getCurrentLocale().'/aboutus')}}">{{__('web.aboutus')}}</a>
                </li>
            </ul>
            <h3 class="text-center text-light mt-5">{{__('web.aboutus')}} </h3>
        </div>
        <img src="{{url('')}}/assets/web/images/about_shap.png" alt="" class="l_shap">
        <img src="{{url('')}}/assets/web/images/part_shap.png" alt="" class="r_shap">
    </div>


    <!--Contents-->
    <main>
        <section class="about_head">
            <img src="{{asset($about->image_3)}}" alt="" class="main_img">
            
        </section>
        <!-- -------------- about ----------------- -->
        <section class="about section_padding">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="img">
                            <img src="{{asset($about->image_2)}}" class="main_img" alt="">
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="info mt-5 pt-5">
                            <h2>{{__('web.about')}} <span>{{__('web.us')}}</span></h2>
                            <div class="text p-0">
                                {!! aboutdescription($about->id) !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
        </section>
        
        <section class="about-cards pb-5">
                <div class="container">
                    <div class="row">
                    
                    @foreach($pages as $row)
                    <div class="col-lg-4">
                        <div class="about_card wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">
                            <div class="icon-outer">
                                <img src="{{asset($row->image)}}" alt="" class="icon">
                            </div>
                            <div class="content text-center">
                                <h5 class="title"><b>{{aboutname($row->id)}}</b></h5>
                                <p class="p color-gray2">{!! pagedescription($row->id) !!}</p>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
                </div>
            </section>
        <section class="about-cards bg-light section_padding">
             <div class="container">
                <h3 class="sec_title text-center mb-5"><b>{{__('web.tracks')}}</b></h3>
                <div class="row">
                    @foreach($tracks as $row)
                    <div class="col-lg-4">
                       <a href="">
                            <div class="about_card wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">
                                <div class="icon-outer">
                                    <img src="{{url('')}}/assets/web/images/reg1.svg" alt="" class="icon">
                                </div>
                                <div class="content text-center">
                                    <h5 class="title"><b> {{aboutname($row->id)}}  </b></h5>
                                    <p class="p color-gray2">
                                         {!! pagedescription($row->id) !!}
                                    </p>
                                </div>
                            </div>
                       </a>
                    </div>
                    @endforeach
                </div>
            </div>
        </section>
        <section class="about about2 section_padding">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="info mt-5 pt-5">
                            <h2>{{__('web.works')}}</h2>
                            <div class="text p-0">
                                {!! aboutwork($about->id) !!}
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="img">
                            <img src="{{asset($about->image_4)}}" class="main_img" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- -------------- partners ----------------- -->
        <section class="partners vision_mission section_padding">
            <div class="container">
                <!--<div class="row justify-content-center">
                    <div class="col-lg-5">
                        <div class="section_head text-center mb-5">
                            <h2>{{__('web.aboutus')}}</h2>
                            <p>{{__('web.about_desc')}}</p>
                        </div>
                    </div>
                </div>-->
                <div class="content">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="items">
                                <div class="icon">
                                    <img src="{{url('')}}/assets/web/images/icons/vis.svg" alt="">
                                </div>
                                <div class="info d-block">
                                    <h4  class="text-center">{{__('web.vision')}}</h4>
                                    <p class="text">{!! aboutvision($about->id) !!}</p>
                                </div>
                            </div>
                             <div class="items">
                                <div class="icon">
                                    <img src="{{url('')}}/assets/web/images/icons/mis.svg" alt="">
                                </div>
                                <div class="info d-block">
                                    <h4  class="text-center">{{__('web.message')}}</h4>
                                    <p class="text">{!! aboutmission($about->id) !!}</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="items goal_item">
                                <div class="icon">
                                    <img src="{{url('')}}/assets/web/images/icons/gol.svg" alt="">
                                </div>
                                <div class="info d-block ">
                                    <h4 class="text-center">{{__('web.goals')}}</h4>
                                    <p class="text">{!! aboutgoal($about->id) !!}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <img src="{{url('')}}/assets/web/images/part_back.png" alt="" class="part_back">
        </section>
        <!-- -------------- success ----------------- -->
        <section class="success section_padding">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-5">
                        <div class="section_head text-center mb-5">
                            <h2>{{__('web.partners')}}</h2>
                            <p>{{__('web.partners_desc')}}</p>
                        </div>
                    </div>
                </div>
                <div class="content">
                    <div class="swiper_success">
                        <div class="swiper-wrapper">
                            @foreach($partners as $row)
                            <div class="swiper-slide">
                                <a  class="items d-block">
                                    <div class="img">
                                        <img src="{{asset($row->image)}}" alt="">
                                    </div>
                                </a>
                            </div>
                            
                            @endforeach
                        </div>
                    </div>
                    <span class="swiper_next"><i class="fas fa-chevron-right"></i></span>
                    <span class="swiper_prev"><i class="fas fa-chevron-left"></i></span>
                </div>
            </div>
        </section>
        <!-- -------------- subscribe ----------------- -->
           <section class="subscribe section_padding bg-light">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-5">
                        <div class="section_head text-center mb-5">
                            <h2>{{__('web.subscribe_us')}}</h2>
                            <p>{{__('web.subscribe_desc')}}</p>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-center">
                    <div class="col-lg-6">
                        <form onsubmit="subscribedata(this)" method="post" action="{{url(getCurrentLocale().'/subscribe')}}" class="form">
                            @CSRF
                            <div class="form-group">
                                <input type="email" name="email" class="form-control" placeholder="{{__('web.email')}}">
                                <button type="submit" class="butn color"><span>{{__('web.subscribe')}}</span></button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <img src="{{url('')}}/assets/web/images/sub_shap.png" alt="" class="sub_shap">
        </section>
  <div class="modal fade modal_login" id="mailerrors" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-body text-center">
                        <div class="icon">
                            <img src="{{url('')}}/assets/web/images/icons/alert.svg" alt="">
                        </div>
                        <h4 class="text-danger">{{__('web.emailrequired')}} </h4>
                        <a href="#" class="butn sub_butn" data-dismiss="modal"><span>{{__('web.fillunputs')}}  </span></a>
                    </div>
                </div>
            </div>
        </div>

        <!--  modal_success -->
        <div class="modal fade modal_login" id="mailsuccess" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-body text-center">
                        <div class="icon">
                            <img src="{{url('')}}/assets/web/images/icons/checked.svg" alt="">
                        </div>
                        <h4>{{__('web.success')}} </h4>
                    </div>
                </div>
            </div>
        </div>
    </main>
    
@push('js')
<script>
        function subscribedata(elem) {
    event.preventDefault();
   
         let action = $(elem).attr('action');
       
       let urls = action;
       
       let dataform = new FormData( $(elem)[0]);
        
     
      $.ajax({
          url : urls,
          type: 'POST',              
          data: dataform,
          contentType: false, 
          processData: false, 
          success:function(data)
          {
            
            $("#mailsuccess").modal('show');
             window.setTimeout(function(){location.reload()},1000)
               }
          ,error: function (data) {
              
 
  $("#mailerrors").modal('show');
 
}
        })


}
</script>
@endpush
@stop