@extends('includes.master')
@section('content')

<style>
.error_class{
  color:red;
}
</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"></p>
          <b style="font-size: 30px">Rack Rate Master</b>        
          <a href="uploads/Rack-Rate-Excel.xls" class="btn btn-success">Download Sample</a>
          <br><hr>



          <div class='row'>&nbsp;</div>

          <div class='row'>

<form name='rack_rate_form' id='rack_rate_form'> 
  {{ csrf_field() }} 

            <div class='col-md-3'>
               <label><b>Select Company</b></label>
            </div>

            <div class='col-md-3'>
               <select class='form-control' name='comp_name' id='comp_name'>
                <option value=''>Select Company</option>
                @foreach($comp as $val)
                  <option value='{{ $val -> comp_id }}'>{{ $val -> comp_name }}</option>
                @endforeach
               </select>
               <span class='error_class' id='err_comp_name'></span>
            </div>

          </div>

          <div class='row'>&nbsp;</div>

          <div class='row'>

            <div class='col-md-3'>
               <label><b>Select file</b></label>
            </div>

            <div class='col-md-3'>
               <input type='file' name='rack_excel' id='rack_excel'>
               <span class='error_class' id='err_rack_excel'></span>
            </div>

          </div>

          <div class='row'>&nbsp;</div>

          <div class='row'>

            <center>
              <div class="col-sm-12">
                   <button type="button" id="submit" name="submit" class="btn btn-primary">Submit</button>
              </div>
            </center>

          </div>
</form>

      <div class='row'>&nbsp;</div>

      <div class='row'>

        <div id='other_errors' class='error_class'>

        </div>

      </div>
        </div>

      </div>
    </div>
  </div>
</div>


  <script type="text/javascript">  
  $('#submit').click(function(){
    
    $(".error_class").empty();
    $(".success_class").empty();

    var formdata = new FormData($('#rack_rate_form')[0]);
   // alert('okae');    
        $.ajax({  
         type: "POST",  
         url: "{{URL::to('rack-rate-excel-upload')}}",
         contentType : false,
         processData : false,
         data : formdata,
         success: function(response){
          var data = JSON.parse(response);
          if(data.status=='success'){
            alert(data.messege);
            window.location = data.redirectUrl;
          }
            else if(data.messege == "error"){
        }else{
            //alert('something went wrong');
            $.each(data , function(key , value){
            $("#err_" + key).text(value);
          });

          }           
          }  
      });   

  });
</script>

@endsection