@extends('includes.master')
  @section('content')    
  <style>
.error_class{
  color:red;
}
.success_class{
  color:green;
}
</style>

          <div class="right_col" role="main">
            <div class="row  class="right_col"">
              <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel">
                  <div class="x_content">
                    <p class="text-muted font-13 m-b-30">
                    <b style="font-size: 30px">Bulk E-card Upload</b>
                    <br><hr>
                   


                @if (count($errors) > 0)

                    <div class="bg-danger">

                      <strong>Sorry!</strong> There were more problems with your HTML input.<br><br>

                      <ul>

                        @foreach ($errors->all() as $error)

                        <li>{{ $error }}</li>

                        @endforeach

                      </ul>

                    </div>

                  @endif

 
                    @if(session('msg'))

                    <div class="bg-success">

                      {{ session('msg') }}

                    </div> 

                     @if (count(session('data')) > 0)

                    <div class="bg-danger">

                      <strong>Sorry!</strong> Not Found Employee ID  .<br><br>

                      <ul>

                        @foreach (session('data')  as $error)

                        <li>{{ $error }}</li>

                        @endforeach

                      </ul>

                    </div>

                  @endif


                    @endif


                    
                    <div id="error" class="bg-danger"> </div>

                    <div id="arr_id" class="bg-danger"> </div>




<!-- action="{{url('pdf-upload-save')}}" -->

              <form method="post"    enctype="multipart/form-data"  id="premium_form" onsubmit="yourJsFunction();" >
                     {{ csrf_field() }}
                     

               
                <div class="col-md-12">
                      <div class="form-group row">
                        <label for="empcode" class="col-sm-4 col-form-label">Select&nbsp;Company:</label>
                        <div class="col-sm-6">
                          <select class="form-control" id="comp_id" name="comp_id" placeholder="Company Code"  required>
                            <option value="">Select One</option>
                            @foreach($comp as $val)
                            <option value="{{$val->comp_id}}">{{$val->comp_name}}</option>
                            @endforeach
                          </select>
                          <label class="control-label" for="inputError"><span id="err_comp_id" class="error_class"></span></label>
                        </div>
                      </div>
                  </div>


                  <div class="col-md-12">
                      <div class="form-group row">
                        <label for="empcode" class="col-sm-4 col-form-label">Upload&nbsp;Pdf:</label>
                        <div class="col-sm-6">
                           <input name="upload[]" type="file" multiple="multiple"  class="form-control"    required>

                            
                          <label class="control-label" for="inputError"><span id="err_comp_id" class="error_class"></span></label>
                        </div>
                      </div>
                  </div>





                  


                     <center><div class="col-sm-12">
                      

                       <input type="Submit" class="btn btn-primary" id="btn_submit" name="Submit" value="Submit">
                       
                     </div>
                   </center>
                 </form>                    
                  </div>
                </div>
              </div>
          </div>
        </div>

<div class="loader" style="display: none"></div>





<script type="text/javascript">


  $('#btn_submit').click(function(evt){ evt.preventDefault();
  
     var formdata = new FormData($("#premium_form")[0]);
 
     $(".loader").show();
    $.ajax({  
             type: "POST",  
             url: "{{URL::to('pdf-upload-save')}}",
             data : formdata,
             processData: false,
             contentType : false,
             success: function(msg){  $(".loader").hide();
                            
                arr=Array(); $('#arr_id').empty();
                $('#error').empty();


                 if(msg.status==1){
                  $.each(msg.Validator,function(index,val){
                   console.log(val);
                                  arr.push('<li>'+val+'</li>');

                 });


                 }else{
                  
                  if(msg.data.length>0){
                   $.each(msg.data,function(index,val){
                                  arr.push('<li>'+val+'</li>');
                  

                 });
                $('#error').append('Not update pdf..');
                }else{
                     $('#error').append('success ');

                }  
                     

                 }

                 $('#arr_id').append('<ul>'+arr+'</ul>');
                       
            }
        }); 
  });



  
  function yourJsFunction(){

     // $(".loader").fadeOut("slow");

     $(".loader").show();
  }
</script>

<style type="text/css">
  .loader{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('images/pageLoader.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}
</style>
 

  @endsection