@extends('panel.layouts.app')
@section('page-title')
<title>
{{ LaraCore::setting('html_prefix') }} {{ (LaraCore::setting('html_prefix') != '') ? '|' : '' }} Carrier Quotations</title>
@stop
@section('content')
<div class="content-wrapper">
  <div class="row">
    <div class="col-md-1"></div>
    <div class="col-md-10">
      <section class="content">
        <div class="box box-default">
          <div class="box-header with-border">
            <i class="fa fa-cube"></i>
            <h3 class="box-title">Carrier Quotations</h3>
            <div class="box-tools box-tools-common pull-right">
            </div>
          </div>
          <div class="box-body">
            <div class="table-responsive">
             <table id="carriers-grid" class="table table-bordered table-hover display rmvSortIcon">
              <thead>
                <th></th>
                <th>Name</th>
                <th style="text-align: center">Centers</th>
                <th>Package Types</th>
                <th>Default Quotations</th>
              </thead>
              <tbody>
              </tbody>
            </table> 
          </div>
        </div>
      </div>
      <div class="carriers_modal_div">
        <div class="edit_modal">
        </div>
        @include('common.modal.delete_confirm_modal',['entity' =>  'package_type'])
      </div>
    </section>
  </div>
  <div class="col-md-1"></div>
</div>
</div>
@stop
@section('custom-scripts')
<script type="text/javascript">
  var rows_selected  = "";
  $(document).ready(function () {
    initDate('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
    initDateRange('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
    CarriersTable = $('#carriers-grid').DataTable({
      'language': { "emptyTable": '{{LaraCore::setting('no_records')}}', "processing": "<i class='fa fa-spinner fa-spin fa-3x'></i>" },
      "aLengthMenu": [[10, 20, 30, 40, 50], [10, 20, 30, 40, 50]],
      "order": [ 0, "desc" ],
      processing: true,
      serverSide: true,
      ajax: {
        url : '{{route("carriers-subdetails.list")}}',
        type: 'POST',
      },
      columns: [
      {data: 'color', name: 'carriers.color',orderable: false},
      {data: 'name', name: 'name'},
      {data: 'centers', name: 'centers',orderable: false},
      {data: 'packagetypes', name: 'packagetypes',orderable: false,className:'text-center'},
      {data: 'default_quotations', name: 'default_quotations',orderable: false,className:'text-center'},
      ],           
    });
    initSelectAll('#carriers-grid', CarriersTable);
    checkAllCity();

    $(document).on('click', 'button[name="save_listitem"]', function(e){
      e.preventDefault();
      listItemSave();
    });

    $('#delete_package_type_modal').on('show.bs.modal', function (event) {
      var action = $(event.relatedTarget).data('action');
      $(event.currentTarget).find('form').attr('action', action);
    });

    $(document).on('click', '#delete_package_type', function(e){
      e.preventDefault();
      var form = $(this).parent('form');
      var $parent_li = $(this).closest('li'); 
      url = $(form).attr('action');
      $.ajax({
        type: 'POST',
        url: url,
        dataType: 'json',
        success: function (data) {
          $('#list_order_'+data.item).remove();
          $parent_li.remove();
          $('#delete_package_type_modal').modal('hide');
          CarriersTable.draw(true);
          DisplayMessages(data['message']);

        },
        error: function (jqXHR, exception) {
          var Response = jqXHR.responseText;          
          Response = $.parseJSON(Response);
          DisplayMessages(Response.message,'error');
        }
      });
    });

    $(document).on('click', 'button[name="add_centers_on_carrier"]', function (e) {
      e.preventDefault();
      saveCenters();
    });

    function listItemSave(){
      var form = $("#package_item_form");
      var formData = form.serialize();
      var Id = form.find('input[name="id"]').val();
      var url = $('#package_item_form').attr('action');
      var type = "POST";
      if($.trim(Id) !== ""){
        var todo_item = $('.todo-list').find('.'+Id +' .text');
        var $parent_li = $(this).closest('li');
      }
      $(form).find('.input-group').removeClass('has-error');
      $(form).find('.help-block').html('');

      $.ajax({
        type: "POST",
        url: url,
        data: formData,
        dataType: 'json',
        success: function (res) {
          if(res.ListItemHtml){
            $('.todo-list').append(res.ListItemHtml);
            var newAddText = $('.todo-list').find('.package-weight-item').last();
            $(newAddText).focus();
          }else{
            todo_item.html(res.data);
          }
          $("#package_item_form")[0].reset();
          Id = form.find('input[name="id"]').val("");
          $('#item_name').val("");
          $('button.list_item_save').text('Add');
        },
        error: function (jqXHR, exception) {
          var Response = jqXHR.responseText;
          ErrorBlock = $(form).find('.list_item');
          Response = $.parseJSON(Response);
          DisplayErrorMessages(Response, ErrorBlock, 'input');
        }
      });
    }

    function saveCenters(){
      var Selected = $("#carrier_save input[type=checkbox]:checked").map(function () {return this.value;}).get().join(",");
      $('#carrier_save').find('#selected_city').val(Selected);
      var form = $("#carrier_save");
      var formData = $(form).serialize();
      var url = $(form).attr('action');
      var id = form.find('input[name="id"]').val();       
      $(form).find('.has-error').removeClass('has-error');
      $(form).find('.help-block').html('');
      var type = "POST";
      var options = {
        target: '',
        url: url,
        type: type,
        success: function(data) {
          $(form)[0].reset();
          form.find('input[name="id"]').val('');
          $("#centers_modal").modal('hide');
          CarriersTable.draw(true);
          DisplayMessages(data['message']);
          // refreshHeader();
        },
        error: function (jqXHR, exception) {
          var Response = jqXHR.responseText;
          ErrorBlock = $(form);
          Response = $.parseJSON(Response);
          DisplayErrorMessages(Response, ErrorBlock, 'input');
        }
      }
      $(form).ajaxSubmit(options);
    }

  });

function SelectCenters(element){
  var carrier_id = $(element).attr('data-id');
  $.ajax({
    type: "POST",
    url: '{{route('load.cities.model')}}',
    data: {
      "carrier_id":carrier_id,
    },
    dataType: "html",
    success: function(res) {
      $('body').append(res);
    },
  }).done(function(result){
    $('#centers_modal').modal('show');
    closeCenter_model();
    CarriersTable.draw(true);
  });
}

function CheckAll(element){
  var BoxBody = $(element).parents('.box-body');
  if($(element).prop("checked") == true){
    $(BoxBody).find('input[type="checkbox"]').prop('checked',true)
  }else{
    $(BoxBody).find('input[type="checkbox"]').prop('checked',false)
  }
}

function closeCenter_model(){
  $('#centers_modal').on('hidden.bs.modal', function () {
    $('#centers_modal').remove();
  });
}

function SaveCarrierCenter(form){
  var Selected = $("#carriers_centers_save input[type=checkbox]:checked").map(function () {return this.value;}).get().join(",");
  $(form).find('#selected_city').val(Selected);
  var Data = $(form).serialize();
  $('#centers_modal').modal('hide');
  var Data = $(form).serialize();
  $.ajax({
    type: "POST",
    url: $(form).attr('action'),
    data: Data,
    dataType: "json",
    success: function(res) {
      if(res.status=='success'){
        toastr.success('Cities added Successfully !', 'Success !', { onHidden: function() {
        }});
        CarriersTable.draw(true);
      }
    },
  });
  return false;
}

function addPackageType(element){
  var carrier_id = $(element).attr('data-id');
  $.ajax({
    type: "POST",
    url: '{{route('add.carriers.packagetype')}}',
    data: {
      "carrier_id":carrier_id,
    },
    dataType: "html",
    success: function(res) {
      $('body').append(res);
    },
  }).done(function(result){
    $('#packagetypeModal').on('hidden.bs.modal', function (event) {
      $('#packagetypeModal').remove();
      CarriersTable.draw(true);
    });
    $('#packagetypeModal').on('hide.bs.modal', function (event) {
      var isError = false;
      var PackageWeights = $('#packagetypeModal').find('.packagetypes');
      $(PackageWeights).find('.package-weight-item').each(function (i, item) {
        if($(item).val() == '' || $(item).val().length >8){
          $(item).addClass('parcel-error');
          isError = true;
        }
      });

      var carrierid = $('#packagetypeModal').find('input[name="carrierid"]').val();
      $.ajax({
        type: "POST",
        async: false,
        url: '{{route('get.weight.package')}}',
        data: {
          "carrierid":carrierid,
        },
        dataType: "json",
        success: function (res) {
          if(res.status=='success' && res.count != 0){
            isError = true;
            toastr.error('Weights are not saved of all items!', 'Error !');
          }
        }
      }).done(function(result){
        if(isError){
          event.preventDefault();
        }
      });
    });
    $('#packagetypeModal').modal('show');
  });
}

function SetTextEdit(element,e){
  e.preventDefault();
  $('#item_name').focus().addClass('bg-light-yellow');
  var Form = $("#package_item_form");
  var Id = $(element).attr('data-id');
  var parent_li = $(this).closest('li');   
  var APP_URL = $('meta[name="_base_url"]').attr('content');
  var url = APP_URL + '/packagetype-item-edit/' + Id + '/edit';
  $.ajax({
    type: "POST",
    url: url,
    data: "id=" + Id,
    dataType: "json",
    success: function (res) {
      $('button.list_item_save').text('Save');
      SetFormValues(res.inputs, Form);
      $('#item_name').select().removeClass('bg-light-yellow');
    }
  });
}

function addTextBox(element){
  var id = $(element).attr('data-id');
  var ParentDiv = $(element).parents('.custom-textboxs');
  var newTextBoxDiv = $(ParentDiv).find('.newTextBox');
  if(id != ''){
    var box = '<div class="form-group bydefaultTextBox TextBox_'+id+'">';
    box += '<input type="text" name="weights[]" class="form-control package-weight-item" value="">';
    box += '<a href="javascript:;" type="button" data-id='+id+' onclick="removeTextBox(this)" data-toggle="tooltip" data-title="Remove Weight"> <i class="fa fa-trash-o"></i></a>';
    box +='</div>';  
  }else{
    var box = '<div class="form-group bydefaultTextBox TextBox_">';
    box += '<input type="text" name="weights[]" class="form-control package-weight-item" value="">';
    box += '<a href="javascript:;" type="button" data-id="" onclick="removeTextBox(this)" data-toggle="tooltip" data-title="Remove Weight"> <i class="fa fa-trash-o"></i></a>';
    box +='</div>';
  }
  var add = $(newTextBoxDiv).append(box);
}

function removeTextBox(element){
  var id = $(element).attr('data-id');
  var ParentDiv = $(element).parents('.TextBox_'+id);
  $(ParentDiv).remove();
}

function SevaPackagetypesWeights(element){
  var id = $(element).attr('data-id');
  var PackageWeights = $(element).parents('.packagetypes');
  var Form = $(PackageWeights).find('form');
  var Data = $(Form).serialize();

  $(PackageWeights).find('.package-weight-item').each(function (i, item) {
    if($(item).val() =='' || $(item).val().length >8){
      $(item).addClass('parcel-error');
    }
  })

  $.ajax({
    type: "POST",
    url: $(Form).attr('action'),
    data: Data,
    dataType: "json",
    success: function(res) {
      if(res.status=='success'){
        $(PackageWeights).find('.package-weight-item').each(function (i, item) {
          $(item).removeClass('parcel-error');
        });
        DisplayMessages('Weight(s) added successfully.');
      }
    },
    error: function (jqXHR, exception) {
      var Response = jqXHR.responseText,
      Response = $.parseJSON(Response);
      DisplayErrorMessages(Response,Form,'input');
    }
  });
}

function setDefaultQuotations(element){
  var carrier_id = $(element).attr('carrier-id');
  var client_id = $(element).attr('client-id');
  $.ajax({
    type: "POST",
    url: '{{route('set.default.quotations')}}',
    data: {
      "carrier_id":carrier_id,
      "client_id":client_id,
    },
    dataType: "html",
    success: function(res) {
      $('body').append(res);
    },
  }).done(function(result){
    $('#quotationModal').modal('show');
    quotationModal();
  });
}

function quotationModal(){
  $('#quotationModal').on('hidden.bs.modal', function () {
    $('#quotationModal').remove();
    CarriersTable.draw(true);
  });
}

function SaveDefaultQuotation(form){
  var Data = $(form).serialize();
  $.ajax({
    type: "POST",
    url: $(form).attr('action'),
    data: Data,
    dataType: "json",
    success: function(res) {
      if(res.status=='success'){
        CarriersTable.draw(true);
      }
      DisplayMessages('Rates added successfully.');
    },
  });
  $('#quotationModal').modal('hide');
  return false;
}

function openStateModel(element){
  var state_abbreviation = $(element).attr('data-id');
  var carrier_id = $(element).attr('carriers-id');
  var state_id = $(element).attr('state-id');
  
  $.ajax({
    type: "POST",
    data: {'state_abbreviation':state_abbreviation, 'carrier_id':carrier_id, 'state_id':state_id},
    url: '{{route('load.cities.model')}}',
    dataType: "html",
    success: function(res) {
      $('body').append(res);
      var selector = 'input[type="checkbox"].minimal, input[type="radio"].minimal';
      $('#centers_modal').find(selector).iCheck({
        checkboxClass: 'icheckbox_minimal-grey',
        radioClass: 'iradio_minimal-grey'
      });
      checkAllCity();
    },
  }).done(function(result){
    $('#centers_modal').modal('show');
    closeStateCenterModel();
  });
}

function closeStateCenterModel(){
  $('#centers_modal').on('hidden.bs.modal', function () {
    $('#centers_modal').remove();
  });
}

function checkAllCity(){
  console.log('intialize');
  $('input[name="check-all-city"]').on('ifChecked ifUnchecked', function(e){
    if(e.currentTarget.checked){
      $('#centers_modal input[type="checkbox"].check-city:not(:checked)').iCheck('check');
    } else {
      $('#centers_modal input[type="checkbox"].check-city:checked').iCheck('uncheck');
    }
  });
}

function searchCenter(arr,state){
  var str = $('#carrier_save').find('input[name="search"]').val();
  $.ajax({
    type: "POST",
    url: '{{route('get.carrier-search.center')}}',
    data: {'str':str, 'state':state},
    dataType: "json",
    success: function (res) {
      if(res.status == 'success'){
        var search_center = res.centers;
        var center_count = res.centers_count;
        $('#carrier_save').find('.centers').css('display','none');
        if(center_count > 0){
          $('#carrier_save').find('.msg').addClass('hide');
          $('#carrier_save').find('.centers').removeClass('hide');
          $.each( search_center, function( key, value ) {
            $('#carrier_save').find('.center-'+value.id).css('display','block');
          });
        }else{
          $('#carrier_save').find('.msg').removeClass('hide');
          $('#carrier_save').find('.centers').addClass('hide');
        }
      }
    }
  });
}
</script>
@stop