@extends('layouts.vendor')



@section('content')



            <div class="content-area">

              <div class="mr-breadcrumb">

                <div class="row">

                  <div class="col-lg-12">

                      <h4 class="heading">{{ __('Vendor Verification') }}</h4>

                      <ul class="links">

                        <li>

                          <a href="{{ route('vendor-dashboard') }}">{{ __('Dashboard') }}</a>

                        </li>

                      <li>

                        <a href="{{ route('vendor-verify') }}">{{ __('Vendor Verification') }}</a>

                      </li>

                      </ul>

                  </div>

                </div>

              </div>

              <div class="add-product-content">

                <div class="row">

                  <div class="col-lg-12">

                    <div class="product-description">

                      <div class="body-area" id="modalEdit">

                        @if($data->checkVerification())

                        <div class="alert alert-success validation" style="">

                          <p class="text-left">

                            <div class="text-center"><i class="fas fa-check-circle"></i> You have successfully submitted document. Waiting for approval from admin</div>

                            <div class="text-center">Status: {{$verify_data->status}}</div><br/>

                            <div class="text-center action-list"><a href="javascript:;" class="set-gallery" data-toggle="modal" data-target="#setgallery"><i class="fas fa-paperclip"></i> View Attachments</a><input type="hidden" value="{{$verify_data->id}}"/></div>

                          </p> 

                        </div>

                        @elseif($data->checkStatus())

                        <div class="alert alert-success validation" style="">

                          <p class="text-left">

                            <div class="text-center"><i class="fas fa-check-circle"></i> Your asiaonline account has been approved.</div>

                            <div class="text-center">Status: {{$verify_data->status}}</div><br/>

                            <div class="text-center action-list"><a href="javascript:;" class="set-gallery" data-toggle="modal" data-target="#setgallery"><i class="fas fa-paperclip"></i> View Attachments</a><input type="hidden" value="{{$verify_data->id}}"/></div>

                          </p> 

                        </div>

                        @else

                        @include('includes.admin.form-both')



                        <div class="gocover" style="background: url({{asset('assets/images/'.$gs->admin_loader)}}) no-repeat scroll center center rgba(45, 45, 45, 0.5);"></div>

                        <form id="verifyform"  action="{{route('vendor-verify-submit')}}" method="POST" enctype="multipart/form-data">

                          {{csrf_field()}}

                            <div class="row">

                              <div class="col-lg-4">

                                <div class="left-area">

                                  <h4 class="heading">

                                      {{ __('Description') }} *

                                  </h4>

                                </div>

                              </div>

                              <div class="col-lg-7">

                                  <textarea class="input-field" name="text" required="" placeholder="{{ __('Enter Details') }}"></textarea> 

                              </div>

                            </div>

                              <div class="row">

                                  <div  class="col-lg-4">

                                    <div class="left-area">

                                      <h4 class="heading">

                                        {{ __('Attachment') }}*

                                      </h4>

                                      <p class="sub-heading">(Maximum Size is 10 MB)</p>



                                    </div>

                                  </div>

                                  <div  class="col-lg-3">

                                      <div class="attachments" id="attachment-section">

                                        <div class="attachment-area">

                                          <span class="remove attachment-remove"><i class="fas fa-times"></i></span>

                                          <input type="file" name="attachments[]" required>

                                        </div>

                                      </div>

                                    <a href="javascript:;" id="attachment-btn" class="add-more mt-4"><i class="fas fa-plus"></i>{{ __('Add More Attachment') }} </a>

                                  </div>

                                </div>

                                <div class="row">

                                    <div class="col-lg-4"></div>

                                    <div class="col-lg-8" style="font-size: 12px;color: grey;">Minimum single original document is necessary: <br/>

                                      Aadhar card, Electricity Bill, Voter ID, Driving license or Passport <br/>Allowed file formats are .jpg,.jpeg,.png,.pdf</div>

                                  </div>

                                <input type="hidden" name="warning" value="{{ isset($verify) ? $verify->admin_warning : '0' }}" />

                                <input type="hidden" name="verify_id" value="{{ isset($verify) ? $verify->id : '0' }}" />

                            <div class="row">

                              <div class="col-lg-4">

                                <div class="left-area">



                                </div>

                              </div>

                              <div class="col-lg-7">

                                <button class="addProductSubmit-btn" type="submit">{{ __('Submitt') }}</button>

                              </div>

                            </div>

                          </form>

                          @endif

                      </div>

                    </div>

                  </div>

                </div>

              </div>

            </div>





{{-- GALLERY MODAL --}}



    <div class="modal fade" id="setgallery" tabindex="-1" role="dialog" aria-labelledby="setgallery" aria-hidden="true">

      <div class="modal-dialog modal-dialog-centered modal-lg" role="document">

        <div class="modal-content">

        <div class="modal-header">

          <h5 class="modal-title" id="exampleModalCenterTitle">{{ __('Attachments') }}</h5>

          <button type="button" class="close" data-dismiss="modal" aria-label="Close">

          <span aria-hidden="true">×</span>

          </button>

        </div>

        <div class="modal-body">



            <div class="top-area">

                <div class="row">

                  <div class="col-sm-12 d-inline-block">



                      <h5> Details: <small id="detail"></small></h5>

                  </div>



                </div>

              </div>



          <div class="gallery-images">

            <div class="selected-image">

              <div class="row">



              </div>

            </div>

          </div>

        </div>

        </div>

      </div>

    </div>





{{-- GALLERY MODAL ENDS --}}



@endsection



@section('scripts')





<script type="text/javascript">

  



  function isEmpty(el){

      return !$.trim(el.html())

  }



// Color Section



$("#attachment-btn").on('click', function(){



    $("#attachment-section").append(''+

                            '<div class="attachment-area  mt-2">'+

                                '<span class="remove attachment-remove"><i class="fas fa-times"></i></span>'+

                                '<input type="file" name="attachments[]" required>'+

                            '</div>'

                            +'');

});





$(document).on('click','.attachment-remove', function(){



    $(this.parentNode).remove();

    if (isEmpty($('#attachment-section'))) {



    $("#attachment-section").append(''+

                            '<div class="attachment-area  mt-2">'+

                                '<span class="remove attachment-remove"><i class="fas fa-times"></i></span>'+

                                '<input type="file" name="attachments[]" required>'+

                            '</div>'

                            +'');



    }



});



// Color Section Ends



</script>

<script type="text/javascript">

  

// Gallery Section Update





    $(document).on("click", ".set-gallery" , function(){

        var pid = $('.product-description').find('input[type=hidden]').val();

        $('#pid').val(pid);

        $('.selected-image .row').html('');

            $.ajax({

                    type: "GET",

                    url:"{{ route('admin-vr-show') }}",

                    data:{id:pid},

                    success:function(data){

          $('#detail').html(data[2]);

          $('#verify-btn').attr('href',data[3]);

          $('#decline-btn').attr('href',data[4]);

                      if(data[0] == 0)

                      {

                      $('.selected-image .row').addClass('justify-content-center');

                $('.selected-image .row').html('<h3>{{ __("No Images Found.") }}</h3>');

              }

                      else {

                      $('.selected-image .row').removeClass('justify-content-center');

                $('.selected-image .row h3').remove();      

                          var arr = $.map(data[1], function(el) {

                          return el });



                          for(var k in arr)

                          {

                $('.selected-image .row').append('<div class="col-sm-6">'+

                                        '<div class="img gallery-img">'+

                                            '<a class="img-popup" href="'+'{{asset('assets/images/attachments').'/'}}'+arr[k]+'">'+

                                            '<img  src="'+'{{asset('assets/images/attachments').'/'}}'+arr[k]+'" alt="gallery image">'+

                                            '</a>'+

                                        '</div>'+

                                    '</div>');

                          }                         

                       }

 

              $('.img-popup').magnificPopup({

                type: 'image'

            });



          $(document).off('focusin');



                    }





                  });

    });

</script>    



@endsection