@extends('layouts.admin')
@section('pageTitle')
  <title>Best Insurance | Profile,Product,Industry Mapping</title>
@stop
@section('content')
<section class="content ">

  <div class="box col-md-6">
        <div class="box-header">
          <!-- <h3 class="box-title" id="title">Add</h3> -->
          <!-- <a href="" class="btn btn-info pull-right" id="add-btn" >Add</a> -->
        </div>
        <!-- /.box-header -->
        <div class="box-body col-md-12">
        {{Form::open(array('url' => '/account/occupations/updateClassToOccupation', 'method' => 'POST','files' => 'true'))}}
         
          <div class="col-xs-12" >
          <br>
          </div>
          <div class="form-group col-xs-12" id="csv_import">
          <label>Csv File</label>
            {{Form::file('occupation_class')}}
          </div>

          <div class="form-group col-md-12">
          </div>

          <div class="form-group col-md-6">
            {{Form::submit('Submit',array('class' => 'btn btn-success','id' => 'submit'))}}
          </div>
          
        {{Form::close()}}
      </div>
        <!-- /.box-body -->
  </div>
 
<!-- </div> -->
<!-- </div> -->
<!-- </section> -->

@stop
@section('pageBottomJs')

<style type="text/css">
    /* for Actions alignments in table */
    .actalign{
      text-align: center;
    }
    /* for Add news button */
    .info-box {
      min-height: 42px;
    }
  </style>
<!-- dataTables -->
<script src="{{ URL::asset('assets/js/dataTables/jquery.dataTables.min.js') }}"></script>
<script src="{{ URL::asset('assets/js/dataTables/dataTables.bootstrap.min.js') }}"></script>
<link rel="stylesheet" href="{{ URL::asset('assets/js/dataTables/dataTables.bootstrap.css') }}">
<script type="text/javascript">

$(document).ready(function () {

    var profile_id = $('#profile').attr('profileId');
    var product_id = $('#product').attr('productId');
    $("#add-btn").hide();

    $('#submit').click(function(e){
      // if(profile_id = '0'){
      //   alert(profile_id);
      //   e.preventDefault();
      // };
      // if(product_id = '0'){
      //   alert('PLease select product');
      //   e.preventDefault();
      // }
    });

    // change event function for profiles to occupations.
    // $(".edit-btn").click(function(){
      
    //   document.getElementById('multiselect_to').innerHTML = "";
    //   document.getElementById('multiselect').innerHTML = "";
    //   document.getElementById('profile').innerHTML = "";
    //   document.getElementById('product').innerHTML = "";
    //   //$(this).attr('data-id');
     
    //   //alert(profile_id);
      
    //   if(profile_id != '0' && product_id != '0'){
    //     $.ajax({
    //     type: "POST",
    //       headers: {
    //           'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    //       },
    //       url: "/get-occupations-by-profile-and-product",
    //       data: {profileId : profile_id, productId: product_id},
    //       datatype: "json",
    //       success: function(data) {
    //         if(data.unselected != 'empty'){
    //           $.each( data.unselected, function(key,value) {
    //           $("#multiselect").append($("<option></option>")
    //              .attr("value", key).text(value));
    //           });
    //         }
    //         $("#add-btn").show();
    //         $("#profile").append($("<option></option>")
    //              .attr("value", data.profileId).text(data.profileName));
    //         $("#product").append($("<option></option>")
    //              .attr("value", data.productId).text(data.productName));
            
    //         if(data.selected != 'empty'){
    //           $.each( data.selected, function(key,value) {
    //           $("#multiselect_to").append($("<option></option>")
    //              .attr("value", key).text(value));
    //           });
    //         }
    //       }
    //     });
    //   }
    // });
 
  $("#datatable").dataTable({
      "paging": true,
          "lengthChange": true,
          "searching": true,
          "ordering": true,
          "info": true,
          "autoWidth": false,
          "order": [[2, 'desc']],
          "aLengthMenu" : [[10,20,50,100,-1],[10,20,50,100,"All"]],
          "aoColumnDefs": [
            {"bSortable": false, "aTargets": [2]}
          ],
  });
});

</script>
 <!-- Multiselect -->
<script src="{{URL::asset('assets/js/multiselect/multiselect.js')}}"></script>
<!-- Ajax calls -->
@stop