@extends('panel.layouts.app')
@section('page-title')
<title>
{{ LaraCore::setting('html_prefix') }} {{ (LaraCore::setting('html_prefix') != '') ? '|' : '' }} Offered 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">
              Offered Quotations
            </h3>
            <div class="box-tools box-tools-common pull-right">
              <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.offer.quotation'),"method"=>"POST","target"=>"_blank"]) }}
            {{ Form::hidden('lead_id','',['id'=>'leadId']) }}
            {{ 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>Date</th>
                <th>Name</th>
                <th>Email</th>
                <th>Package Types</th>
                <th>Quotation</th>
                <th>Actions</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' =>  'offer_qoutation'])
      </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'))}}');
    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.offered.quotations")}}',
        type: 'POST',
      },
      columns: [
      {data: 'formattedDate', name: 'email_lead_quotations.created_at'},
      {data: 'name', name: 'name'},
      {data: 'email', name: 'email'},
      {data: 'packagetypes', name: 'packagetypes', className:'text-center', orderable:false, searchable:false},
      {data: 'defaults', name: 'defaults', orderable:false,searchable:false,className:'text-center'},
      {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');
        }
      },         
    });
    initSelect();
  });

  $(document).on('click', 'button[name="remove_offer_quotation"]', function(e){
    e.preventDefault();
    var lead_id = $(this).data('id') || "";
    console.log('lead_id',lead_id)
    if(lead_id != ""){
      rows_selected = lead_id;
      $('#delete_offer_qoutation_modal').modal('show');
    }
  });

  $(document).on('click', '#delete_offer_qoutation', function(e){
    var lead_id = rows_selected;
    var formData = { lead_id :lead_id };
    var url = APP_URL+"/delete-offer-qoutation";
    $.ajax({
      type: "POST",
      url: url,
      data: formData,
      dataType: 'json',
      success: function (data) {
        console.log('data',data);
        rows_selected = '';
        CarriersTable.draw();
        $('#delete_offer_qoutation_modal').modal('hide');
        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 setLeadQoutation(element){
    var lead_id = $(element).attr('lead-id');
    $.ajax({
      type: "POST",
      url: '{{route('open.quotation-model')}}',
      data: {
        "lead_id":lead_id,
      },
      dataType: "html",
      success: function(res) {
        $('body').append(res);
        setTimeout(function(){
          $("#editEmailLeadQuotationModal input:text").first().focus();
        }, 1000);
      },
    }).done(function(result){
      $('#editEmailLeadQuotationModal').modal('show');
      editEmailLeadQuotationModal();
    });
  }

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

  function SaveEditEmailLeadQuotation(form){
    var Data = $(form).serializeArray();
    Data.push({name:"sendMail", value:"yes"});
    Data = $.param(Data);
    $.ajax({
      type: "POST",
      url: $(form).attr('action'),
      data: Data,
      dataType: "json",
      beforeSend: function(msg){
        $(".master-loader").show();
      },
      success: function(res) {
        $(".master-loader").fadeOut( "slow" );
        if(res.status=='success'){
          CarriersTable.draw();
          $('#editEmailLeadQuotationModal').modal('hide');
          $('#editEmailLeadQuotationModal').on('hidden.bs.modal', function () {
            $('#editEmailLeadQuotationModal').remove();
          });
        }
        DisplayMessages('Rates updated successfully.');
        toastr.success('Mail send successfully !', 'Success !', { onHidden: function() {}});
      },
      error: function (jqXHR, exception) {
        $(".master-loader").fadeOut( "slow" );
        var Response = jqXHR.responseText;
        ErrorBlock = $(form);
        Response = $.parseJSON(Response);
        DisplayErrorMessages(Response, ErrorBlock, 'input');
      }
    });
    return false;
  }

  function packageType(element){
    var lead_id = $(element).attr('lead-id');
    $.ajax({
      type: "POST",
      url: '{{route('open.package-model')}}',
      data: {
        "lead_id":lead_id,
      },
      dataType: "html",
      success: function(res) {
        $('body').append(res);
      },
    }).done(function(result){
      $('#defaultEmailPackagetypeModalDisplay').on('hidden.bs.modal', function (event) {
        $('#defaultEmailPackagetypeModalDisplay').remove();
      });
      $('#defaultEmailPackagetypeModalDisplay').modal('show');
    });
  }

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

  function updateClientLeadQuotation(){
    var form = $("#email_default_lead_quotation_form");
    var formData = $(form).serializeArray();
    formData.push({name:"sendMail", value:"no"});
    formData = $.param(formData);
    $.ajax({
      type: "POST",
      url: '{{route('update.leadQuotation.price')}}',
      data: formData,
      dataType: "json",
      beforeSend: function(msg){
        $(".master-loader").show();
      },
      success: function(res) {
        $(".master-loader").fadeOut( "slow" );
        if(res.status=='success'){
          CarriersTable.draw();
          $('#editEmailLeadQuotationModal').modal('hide');
          $('#editEmailLeadQuotationModal').on('hidden.bs.modal', function () {
            $('#editEmailLeadQuotationModal').remove();
          });
        }
        DisplayMessages('Rates updated successfully.');
      },
      error: function (jqXHR, exception) {
        $(".master-loader").fadeOut( "slow" );
        var Response = jqXHR.responseText;
        ErrorBlock = $(form);
        Response = $.parseJSON(Response);
        DisplayErrorMessages(Response, ErrorBlock, 'input');
      }
    });
    return false;
  }

</script>
@stop