@extends('layouts.admin')
@section('pageTitle')
  <title>Best Insurance | Profile,Product,Occupation Mapping</title>
@stop
@section('content')
<section class="content ">
     <div class="box">
      <div >
         
          <div class="modal-body " id="comment-btn">
           <div class="col-xs-12">
              <a href="{{URL::to('get-download-sample')}}">
                <p type="button" class="pull-right"><i class="fa fa-download"></i>&nbsp; &nbsp;&nbsp;<b class="">Download Sample file</b></p>
              </a>
          </div>
          {{Form::open(array('url' => 'account/import-leads', 'method' => 'POST','files' => 'true','id' => 'form-popup'))}}
         
            <div class="form-group col-xs-12 required">
            <span class="control-label"></span>
              {{Form::label(' Import file',array())}}
              {{Form::file('csv')}}
            </div>
          </div>
            <br><br><br><br><br><br><br><br>
          <div class="modal-footer">
             
              <!-- confirm button -->
              <div id="RejConfirmButton">{{Form::submit('Submit',array('class' => 'btn btn-success'))}}</div>
              {{Form::close()}}
          </div>

      </div>
    </div>

</section>



<!-- </div> -->
@stop
@section('pageBottomJs')

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

<!-- 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') }}">

<style type="text/css">
  /* for Actions alignments in table */
  .actalign{
    text-align: center;
  }
  /* for Add news button */
    .info-box {
      min-height: 42px;
    }
  /* validation message color*/
  .error{
    color:red;
  }
  tr td{
    border: 1px solid #f4f4f4;

  }
  tr th{
    border-top: 1px solid #f4f4f4 !important;
    border-bottom: 3px solid #f4f4f4 !important;
    border-left:1px solid #f4f4f4 !important;
    border-right:1px solid #f4f4f4 !important;

  }

</style>
<script type="text/javascript">

//  Edit button functinality
$(document).ready(function () {


    $('#bulk_import').click(function () {

         var id = $(this).attr("data-id");

          $('#comment-btn').show();
          $('#RejConfirmButton').show();
         
          // modal title 
          $('#reject-modal-title').html(
          '<h4 class="modal-title">Import CSV file</h4>'
          );

          // modal body
          $('#reject-modal-body').html(
            "<p>Are you sure want to reject this application? Once you reject you cann't revert it back. Please confirm</p>"
          );
          $('#rejectTrigger').click();
    });
    $("#add-btn").hide();
    
    // 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');
      var profile_id = $(this).attr('profileId');
      var product_id = $(this).attr('productId');
      //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));

            // submit btn name changing to Update when click on edit btn
            $('#submit-btn').attr("value", "Update");
            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": [[0, 'asc']],
          "aLengthMenu" : [[10,20,50,100,-1],[10,20,50,100,"All"]],
          "aoColumnDefs": [
            {"bSortable": false, "aTargets": [2]}
          ],
  });

  // form validation rules for select box
  $.validator.addMethod("valueNotEquals", function(value, element, arg){
  return arg != value;
 }, "This field is required.");

  // import form validation
   $('#form-popup').validate({
          rules:{
            csv:{
              required:true
            },
            profile_id: { valueNotEquals: "0" },
            product_id: { valueNotEquals: "0" },
            multiselect_to: { required:true},
          },
          messages:{
            profile_id: { valueNotEquals: "* Please select profile." },
            product_id: { valueNotEquals: "* Please select product." },
            csv:'* Please select file.'
          }
      });

// normal form validation
   $('#formValidation').validate({
          rules:{
            csv:{
              required:true
            },
            profile_id: { valueNotEquals: "0" },
            product_id: { valueNotEquals: "0" }
          },
          messages:{
            profile_id: { valueNotEquals: "* Please select profile." },
            product_id: { valueNotEquals: "* Please select product." },
            csv:'* Please select file.'
          }
      });
   
});

</script>
@stop