@extends('panel.layouts.app')
@section('page-title')
<title>
{{ LaraCore::setting('html_prefix') }} {{ (LaraCore::setting('html_prefix') != '') ? '|' : '' }} Client 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 header-height">
            <i class="fa fa-cube"></i>
            <h3 class="box-title">
              Client Quotations
            </h3>
            <div class="box-tools box-tools-common pull-right">
              <button class="btn btn-primary show-tooltip" data-toggle="modal" onclick="loadCopyQuotationModel()"><i class="fa fa-clone"></i> Copy Quotation</button>
              @if($is_allow_carrier_quotation)
              <button class="btn btn-primary show-tooltip" data-toggle="modal" id="copy_carrier_quotation_button" onclick="loadCopyCarrierQuotationModel()"><i class="fa fa-clone"></i> Copy Carrier Quotation</button>
              @endif
              <a href="javascript:void(0)" class="btn btn-box-tool show-tooltip" onclick="ToggleDataTable('client-quotation-grid')" title="Search"><i class="fa fa-search"></i></a>
            </div>
            {{ Form::open(["url"=>route('print.client.quotation'),"method"=>"POST","target"=>"_blank"]) }}
            {{ Form::hidden('client_id','',['id'=>'clientId']) }}
            {{ Form::close() }}
          </div>
          <div class="box-body">
            <div class="table-responsive">
             <table id="client-quotation-grid" class="table table-bordered table-hover display">
              <thead>
                <th>Client Code</th>
                <th>Name</th>
                <th>Package Types</th>
                <th>Quotation</th>
                <th>Carrier Quotation</th>
                <th>Print</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  = "";
  var is_allow_carrier_quotation = '{!! json_encode($is_allow_carrier_quotation) !!}' === 'true';
  
  $(document).ready(function () {

    initDate('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
    initDateRange('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
    initFileInput();
    CarriersTable = $('#client-quotation-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("post.client.quotation")}}',
        type: 'POST',
      },
      columns: [
        {data: 'id', name: 'id'},
        {data: 'name', name: 'name'},
        {data: 'packagetypes', name: 'packagetypes', className:'text-center', orderable:false, searchable:false},
        {data: 'defaults', name: 'defaults', orderable:false,searchable:false,className:'text-center'},
        {data: 'quotation_btn', name: 'quotation_btn', orderable:false,searchable:false,className:'text-center', visible: is_allow_carrier_quotation},
        {data: 'print', name: 'print', orderable:false,searchable:false,className:'text-center'},
        ],'rowCallback': function(row, data, dataIndex){
        var rowId = data['id'];
        if($.inArray(rowId, rows_selected) !== -1){
          $(row).find('.entity_chkbox').prop('checked', true);
          $(row).addClass('selected');
        }
      },         
    });
    checkAllClients();
    initSelect();

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

    $(document).on('click', '#carriers_quotation_save', function () {
        if (is_allow_carrier_quotation) {
            $('#copy_carrier_quotation_button').show();
        } else {
            $('#copy_carrier_quotation_button').hide();
        }
        let fromClient = $('#fromClient').val();
        let selectedClients = [];
        $('#copy_carrier_rates_model input[type="checkbox"].check-clients:checked:visible').each(function () {
            selectedClients.push($(this).val());
        });
        $('.check-clients:checked').each(function () {
            selectedClients.push($(this).val());
        });

        if (!fromClient) {
            toastr.error('Please select a "Copy quotation from" client.');
            return;
        }
        if (selectedClients.length === 0) {
            toastr.error('Please select at least one "Copy quotation to" client.');
            return;
        }

        $.ajax({
            url: "{{ route('copy.carriers') }}",
            type: "POST",
            data: {
                fromClient: fromClient,
                toClients: selectedClients,
                _token: "{{ csrf_token() }}",
            },
            beforeSend: function () {
                $('#carriers_quotation_save').prop('disabled', true);
            },
              success: function (response) {
                console.log('AJAX Response:', response);
                if (response.status === 'success') {
                    toastr.success(response.message);
                    $('#copy_carrier_rates_model').modal('hide');
                    CarriersTable.draw(true);
                } else {
                    toastr.error(response.message);
                }
            },
            error: function (xhr, status, error) {
                console.error('AJAX error:', error);
                toastr.error('An error occurred while copying quotations.');
            },
            complete: function () {
                $('#carriers_quotation_save').prop('disabled', false).text('Copy Quotation');
            }
        });
    });

    $('#copy_carrier_rates_model').on('shown.bs.modal', function () {
        initializeCheckboxes();
    });

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

    $(document).on('click', 'button[name="sendMailQuat"]', function(e){
      e.preventDefault();
      var client_id = $(this).val();
      $.ajax({
        type: "POST",
        url: '{{route('send.client.quotation.mail')}}',
        data: {
          "client_id":client_id,
        },
        dataType: "json",
        success: function(res) {
          if (res.status == 'success') {
            toastr.success('Mail send successfully !', 'Success !', { onHidden: function() {          
            }});
          } else if (res.status == 'fail') {
            toastr.error('Please first add email from client!', 'Eroor !', { onHidden: function() {          
            }});
          }
        },
      });
    });

    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 copyClientPriceAndPackage(){
      var form = $("#copy_client");
      var fromClient = $(form).find("select[name=fromClient]").val();
      var Selected = $(form).find("input[type=checkbox]:checked").map(function () {
        return this.value;
      }).get().join(",");
      
      if (fromClient == '') {
        $('select[name=fromClient]').parents('.has-feedback').addClass('has-error');
      }
      if (Selected == '') {
        toastr.error('Please select atleast one list client', 'Error !', { onHidden: function() {}});
      }
      if (fromClient != '' && Selected != '') {
        var url = $('#copy_client').attr('action');
        var type = "POST";
        $.ajax({
          type: "POST",
          url: url,
          data: {'toClients':Selected, 'fromClient':fromClient},
          dataType: 'json',
          success: function (res) {
            if(res.status == 'success'){
              $('#copy_rates_model input[type="checkbox"].check-clients:checked').iCheck('uncheck');
              $('#copy_rates_model').modal('hide');
              CarriersTable.draw(true);
              toastr.success('Rates copied successfully', 'Success !', { onHidden: function() {}});
            }
          },
          error: function (jqXHR, exception) {
            var Response = jqXHR.responseText;
            ErrorBlock = $(form).find('.list_item');
            Response = $.parseJSON(Response);
            DisplayErrorMessages(Response, ErrorBlock, 'input');
          }
        });
        return false; 
      }          
    }

    $('#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');
        }
      });
    });

  });

function initFileInput(){
  file_inputs = $('input[type="file"]');
  if(file_inputs.length > 0){
    $.each(file_inputs, function(index, element) {
      file_input_name = $(this).attr('name');

      var file_input_src = "";
      var file_input_config = new Array();

      var input_src = $('input[name="'+file_input_name+'"]').data('src');

      if(input_src != "" && input_src !== undefined){
        var file_input_src = input_src.split(",");
        var input_src_names =  $('input[name="'+file_input_name+'"]').data('names');;
        var input_src_names_arr = input_src_names.split(",");
        $.each(file_input_src, function(index, element) {
          file_input_src[index] = APP_URL+'/assets/uploads/carriers/'+file_input_src[index];
        });
        $.each(input_src_names_arr, function(i, e) {                                
          file_type = getFileType(file_input_src[i]);
          obj = { type: file_type, caption:  input_src_names_arr[i], showDelete: false, showZoom: true}
          file_input_config.push(obj);
        });
      }else{
        file_input_config.push({});
      }
      var file_input_options = getFileInputOptions();
      $.extend( file_input_options, {
        initialPreview: file_input_src, 
        initialPreviewConfig: file_input_config,
      });
      $(this).fileinput(file_input_options);

      var file_input_name = $(this).attr('name');
      $(this).on('filecleared', function(event) {
        var file_input_src = "";

        var file_input_options = getFileInputOptions();
        $.extend( file_input_options, {
          initialPreview: file_input_src, 
          initialPreviewConfig: [ {caption: "", filename: "", showDelete: false,  showZoom: true} ,]
        });
        $(this).fileinput('refresh',file_input_options);
        var input_name = file_input_name.replace('[]', '');                     
        $('input[name="'+input_name+'_token"]').val('default.jpg');
      });
    });         
  }
}

function setClientQoutation(element){
  var client_id = $(element).attr('client-id');
  $.ajax({
    type: "POST",
    url: '{{route('set.default.client.quotations')}}',
    data: {
      "client_id":client_id,
    },
    dataType: "html",
    success: function(res) {
      $('body').append(res);
      setTimeout(function(){
        $("#clientQuotationModal input:text").first().focus();
      }, 1000);
    },
  }).done(function(result){
    $('#clientQuotationModal').modal('show');
    clientQuotationModal();
  });
}

// function clientCarrierQuotationModal(){
//   $('#copy_carrier_rates_model').on('hidden.bs.modal', function () {
//     var count = 0;
//     var total_checkbox = $('#copy_carrier_rates_model').find('input[type=text]').length;
//     $('#copy_carrier_rates_model').modal('hide');
//         CarriersTable.draw(true);
//   });
// }

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

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

function packageType(element){
  var client_id = $(element).attr('client-id');
  $.ajax({
    type: "POST",
    data: {'client_id':client_id},
    url: '{{route('add.default.packagetype')}}',
    dataType: "html",
    success: function(res) {
      $('body').append(res);
    },
  }).done(function(result){
    $('#defaultPackagetypeModal').on('hidden.bs.modal', function (event) {
      $('#defaultPackagetypeModal').remove();
    });
    $('#defaultPackagetypeModal').on('hide.bs.modal', function (event) {
      var isError = false;
      var PackageWeights = $('#defaultPackagetypeModal').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 client_id = $('#defaultPackagetypeModal').find('input[name="client_id"]').val();
      $.ajax({
        type: "POST",
        async: false,
        url: '{{route('get.lastrecord.id')}}',
        data: {
          "client_id":client_id,
        },
        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();
        }
      });
    });
    $('#defaultPackagetypeModal').modal('show');
  });
}

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');
        });
        CarriersTable.draw(true);
        DisplayMessages('Weight(s) added successfully.');
      }
    },
    error: function (jqXHR, exception) {
      var Response = jqXHR.responseText,
      Response = $.parseJSON(Response);
      DisplayErrorMessages(Response,Form,'input');
    }
  });
}

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 + '/default-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 checkAllClients(){
  $('input[name="check-all-client"]').on('ifChecked ifUnchecked', function(e){
    if(e.currentTarget.checked){
      $('#copy_rates_model input[type="checkbox"].check-clients:not(:checked)').iCheck('check');
    } else {
      $('#copy_rates_model input[type="checkbox"].check-clients:checked').iCheck('uncheck');
    }
  });
}

function checkAllCarrierClients() {
    $('input[name="check-all-client"]').on('ifChecked ifUnchecked', function(e) {
        if (e.currentTarget.checked) {
            $('#copy_carrier_rates_model input[type="checkbox"].check-clients:visible:not(:checked)').iCheck('check');
        } else {
            $('#copy_carrier_rates_model input[type="checkbox"].check-clients:visible:checked').iCheck('uncheck');
        }
    });
}

function changeToClient(element){
  var fromClientId = $('#copy_client').find('#fromClient').val();
  $.ajax({
    type: "POST",
    url: '{{route('get.new.clients')}}',
    data: {'fromClientId':fromClientId},
    dataType: "json",
    success: function (res) {
      if(res.status == 'success'){
        $('#copy_client').find('#tr-content').html(res.html);
        var selector = 'input[type="checkbox"].minimal, input[type="radio"].minimal';
        $('#copy_client').find(selector).iCheck({
          checkboxClass: 'icheckbox_minimal-grey',
          radioClass: 'iradio_minimal-grey'
        });
        checkAllClients();
        initializeCheckboxes();
      }
    }
  });
}

function changeToCarrierClient(element) {
    var fromClientId = $('#fromClient').val(); 
    $.ajax({
        type: "POST",
        url: '{{ route('get.new.carrier.clients') }}',
        data: {
            'fromClientId': fromClientId,
            _token: '{{ csrf_token() }}'
        },
        dataType: "json",
        success: function(res) {
            if (res.status === 'success') {
                $('#copy_client').find('#tr-content').html(res.html);
                var selector = 'input[type="checkbox"].minimal, input[type="radio"].minimal';
                $('#copy_client').find(selector).iCheck({
                    checkboxClass: 'icheckbox_minimal-grey',
                    radioClass: 'iradio_minimal-grey'
                });
                checkAllClients();  
                initializeCheckboxes();
            }
        }
    });
}

function loadCopyQuotationModel(){
  $.ajax({
    type: "POST",
    url: '{{route('load.copy.quotation.model')}}',
    dataType: "html",
    success: function(res) {
      $('body').append(res);
      var selector = 'input[type="checkbox"].minimal, input[type="radio"].minimal';
      $('#copy_rates_model').find(selector).iCheck({
        checkboxClass: 'icheckbox_minimal-grey',
        radioClass: 'iradio_minimal-grey'
      });
      checkAllClients();
      initSelect();
    },
  }).done(function(result){
    $('#copy_rates_model').on('hidden.bs.modal', function (event) {
      $('#copy_rates_model').remove();
    });
    $('#copy_rates_model').modal('show');
  });
}

function loadCopyCarrierQuotationModel(){
  $.ajax({
    type: "POST",
    url: '{{route('load.carrier.quotation.model.copy')}}',
    dataType: "html",
    success: function(res) {
      $('body').append(res);
      var selector = 'input[type="checkbox"].minimal, input[type="radio"].minimal';
      $('#copy_carrier_rates_model').find(selector).iCheck({
        checkboxClass: 'icheckbox_minimal-grey',
        radioClass: 'iradio_minimal-grey'
      });
      initializeCheckboxes();
      checkAllCarrierClients();
      initSelect();
    },
  }).done(function(result){
    $('#copy_carrier_rates_model').on('hidden.bs.modal', function (event) {
      $('#copy_carrier_rates_model').remove();
    });
    $('#copy_carrier_rates_model').modal('show');
  });
}

function initializeCheckboxes() {
    var selector = 'input[type="checkbox"].minimal, input[type="radio"].minimal';
    $('#copy_carrier_rates_model').find(selector).iCheck({
        checkboxClass: 'icheckbox_minimal-grey',
        radioClass: 'iradio_minimal-grey',
    });
    checkAllCarrierClients();
}

function searchToClient(){
  var str = $('#copy_client').find('input[name="search"]').val();
  var fromClientId = $('#copy_client').find('#fromClient').val();
  $.ajax({
    type: "POST",
    url: '{{route('get.search.toclient')}}',
    data: {'str':str, 'fromClient':fromClientId},
    dataType: "json",
    success: function (res) {
      if(res.status == 'success'){
        var filter_client = res.filter_client;
        var clients_count = res.clients_count;
        $('#copy_client').find('.clients').css('display','none');
        if(clients_count > 0){
          $('#copy_client').find('.msg').addClass('hide');
          $('#copy_client').find('.clients').removeClass('hide');
          $.each(filter_client, function( key, value ) {
            $('#copy_client').find('.client-'+value.id).css('display','table-row');
          });
        }else{
          setTimeout(function(){
            $('#tr-content').find('.msg').removeClass('hide');
            $('#tr-content').find('.clients').addClass('hide');
          }, 100);
        }
      }
    }
  });
}

function updateCheckAllState() {
    var totalVisibleClients = $('#copy_carrier_rates_model #toClients tbody tr:visible').length;
    var checkedClients = $('#copy_carrier_rates_model input[type="checkbox"].check-clients:checked:visible').length;
    
    if (totalVisibleClients === checkedClients) {
        $('input[name="check-all-client"]').iCheck('check');
    } else {
        $('input[name="check-all-client"]').iCheck('uncheck');
    }
}

function printQuotation(element){
  var client_id = $(element).attr('client-id');
  $('#clientId').val(client_id);
  $('#clientId').parents('form').submit();
}

function setClientCarrierQoutation(element){
  var client_id = $(element).attr('client-id');
  $.ajax({
    type: "POST",
    url: '{{route('set.client.carrier.quotations')}}',
    data: {
      "client_id":client_id
    },
    dataType: "json",
    success: function(response) {
      if (response.status === 'failed') {
        DisplayMessages(response.message, 'error');
      } else {
        $('body').append(response.html);
        setTimeout(function(){
          $("#carrierQuotationModal input:text").first().focus();
        }, 1000);
      }
    },
  }).done(function(result){
    $('#carrierQuotationModal').modal('show');
    closeClientCarrierQoutationModal();
  });
}

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

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

</script>
@stop