@extends('web.layouts.main')
@section('content')
@push('title') {{__('web.contactus')}} @endpush
  <div class="inner_header">
        <div class="container">
            <ul class="page_links">
                <li>
                    <a href="{{url(getCurrentLocale().'/')}}">{{__('web.home')}} </a>
                </li>
                <li>
                    <a href="{{url(getCurrentLocale().'/contactus')}}">{{__('web.contactus')}} </a>
                </li>
            </ul>
            <h3 class="text-center text-light mt-5">{{__('web.contactus')}}</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>
        <!-- -------------- register ----------------- -->
        <section class="contact section_padding">
            <div class="container">
                <div class="content">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="contact_info">
                                <div class="img">
                                    <img src="{{url('')}}/assets/web/images/about_logo.svg" alt="">
                                </div>
                                <ul>
                                    <li>
                                        <h6>{{__('web.address')}} : </h6>
                                        <a >{{settings('address')}}</a>
                                    </li>
                                    <li>
                                        <h6> {{__('web.email')}}  : </h6>
                                        <a >{{settings('email')}}</a>
                                    </li>
                                    <li>
                                        <h6>{{__('web.phone')}}   : </h6>
                                        <a >{{settings('phone')}}</a>
                                    </li>
                                    <li>
                                        <h6>{{__('web.whatsapp')}}  : </h6>
                                        <a>{{settings('whatsapp')}}</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="contact_form register">
                                <form  onsubmit="savedate(this)"  action="{{url(getCurrentLocale().'/contacting')}}" method="post" class="form">
                                    @CSRF
                                    <div class="form-group">
                                        <label for="">{{__('web.name')}}*</label>
                                        <input type="text" name="name" id="name" class="form-control" placeholder=" {{__('web.name')}}">
                                    </div>

                                    <div class="form-group">
                                        <label for="">{{__('web.email')}}*</label>
                                        <input type="email"name="email" id="email" class="form-control" placeholder="{{__('web.email')}}">
                                    </div>

                                    <div class="form-group">
                                        <label for="">{{__('web.phone')}}*</label>
                                        <input type="number" name="phone" id="phone" class="form-control" placeholder="{{__('web.phone')}}">
                                    </div>

                                    <div class="form-group select-group">
                                        <label for="">{{__('web.fielding')}}*</label>
                                        <select name="complain_id" id="complain_id" class="form-control">
                                            @foreach($complains as $row)
                                            <option value="{{$row->id}}">{{complainname($row->id)}}</option>
                                           @endforeach
                                        </select>
                                        <span class="icon"><i class="fas fa-chevron-down"></i></span>
                                    </div>

                                    <div class="form-group">
                                        <label for="">{{__('web.message')}}</label>
                                        <textarea name="message" id="message" rows="7" class="form-control" placeholder="{{__('web.message')}}"></textarea>
                                    </div>

                                    <div class="col-12 text-center mt-5">
                                        <button type="submit" class="butn color" data-toggle="modal" data-target="#modal_success"> <span> {{__('web.send')}} </span> </button>
                                    </div>

                                </form>
                            </div>
                        </div>
                    </div>
                </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>
        <div class="modal fade modal_login" id="modal_fail" 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.fillunputs')}} </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');
 
}
        })


}
    function savedate(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) {
              
              $('#modal_fail').modal('show');
              $('.is-invalid').removeClass('is-invalid');
   $.each(data.responseJSON.errors, function(key,value) {
     
     $('#'+key).addClass('is-invalid');
     
 }); 
 
 
 
}
        })


    }
</script>
@endpush
@stop