@extends('reachassuree_agent/layouts.main')
@section('title', $data['title'])
@section('content')

<style>
  .dropdown-checklist {
    padding: 0px 12px;
    line-height: 0px;
  }

  .dropdown-checklist input {
    margin-left: 3px;
  }

  #datatable tbody td:nth-child(35),
  #datatable tbody td:nth-child(36) {
    white-space: normal;
    word-wrap: break-word;
  }
</style>

<div class="page-content">
  <div class="container-fluid">
    @if(session()->has('message'))
      <p class="alert alert-danger">{{session('message')}}</p>
    @endif

    <!-- start page title -->
    <div class="page-title-box d-sm-flex align-items-center justify-content-between">
      <h4 class="mb-sm-0 font-size-18">
        <a href="javascript:void(0);" onclick="history.back();" class="btn btn-primary px-3 waves-effect waves-light btn-sm backToButton" title="Back Button" id="backToButton"><i class="mdi mdi-arrow-left font-size-20"></i></a>&nbsp;&nbsp;&nbsp; {{$data['title']}}
      </h4>
    </div>
    <!-- end page title -->

    <div class="row" id="card">
      <div class="card">
        <div class="card-body">
          <br>
          <div class="table-responsive">
            <table id="datatable" class="table align-middle table-nowrap table-striped display nowrap w-100">
              <thead class="table-light">
                <tr>
                  <th>Action</th>
                  <th>id</th>
                  <th>Policy Holder Name</th>
                  <th>Current Policy No.</th>
                  <th>Previous Policy No.</th>
                </tr>
              </thead>
              <tbody></tbody>
            </table>
            @csrf
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

@endsection

@section('custom-scripts')
<script type="text/javascript">
  var changeGeneralPolicyStatusURL = '{{route("change.general.policy.status")}}';
  var downloadGeneralPdf = "{{ route('download.general.insurance.pdf') }}";
  var ajaxURLGetGeneralPolicies = "{{route('general.insurance.duplicate.ajax')}}";
  var restoreGeneralPolicy = "{{route('restore.general.policy')}}";
  var deleteGeneralPolicy = "{{route('delete.general.policy')}}";
  var redirectURL = "{{route('restore.general.policy')}}";
  var isDeleted = '{{$data["is_deleted"]}}';
  var path = "";
  var csrfToken = $("[name=_token").val();

  var table = $('#datatable').DataTable({
    "aoColumnDefs": [{"bSortable": true,"aTargets": [0, 1, 2, 3]}],
    "order": [[2, 'desc']],
    "ordering": true,
    "processing": true,
    "serverSide": true,
    "scrollX": true,
    "scrollY": function() {return $(window).height() - 350;},
    "lengthMenu": [[10, 50, 100, 150],[10, 50, 100, 150]],
    "language": {"processing": '<button type="button" class="btn btn-dark waves-effect waves-light"><i class="bx bx-loader bx-spin font-size-16 align-middle me-2"></i> Processing...</button>'},
    "ajax": {
      "url": ajaxURLGetGeneralPolicies,
      "type": "POST",
      "data": {
        "_token": csrfToken,
        "is_deleted": isDeleted,
      }
    },
    "aoColumns": [
      {"mData": "action","bSortable": false},
      {"mData": "id"},
      {"mData": "policy_holder_name"},
      {"mData": "current_policy_number"},
      {"mData": "previous_policy_number"},
    ]
  });

  //- for column search
  $('#current_policy_number').click(function() {
    event.stopPropagation();
  });
  $('#current_policy_number').on('keyup', function() {
    table.columns(27).search(this.value).draw();
  });

  $('#previous_policy_number').click(function() {
    event.stopPropagation();
  });
  $('#previous_policy_number').on('keyup', function() {
    table.columns(28).search(this.value).draw();
  });


  var currentDate = new Date();
  var currentDay = currentDate.getDate();
  var currentMonth = currentDate.getMonth() + 1;
  var currentYear = currentDate.getFullYear();

  function padNumber(number) {
    if (number < 10) {
      return '0' + number;
    }
    return number;
  }

  var formattedCurrentDate = padNumber(currentDay) + '-' + padNumber(currentMonth) + '-' + currentYear;
  $('#start_date').val(formattedCurrentDate);

  var start_date = formattedCurrentDate;
  var end_date = '';

  $('#start_date').datepicker({
    format: 'dd-mm-yyyy',
    autoclose: true,
    setDate: start_date,
  }).on('changeDate', function (e) {
    start_date = e.date;
    $('.datepicker').hide();
    validateStart();
  });

  $('#end_date').datepicker({
    format: 'dd-mm-yyyy',
    autoclose: true
  }).on('changeDate', function (e) {
    end_date = e.date;
    $('.datepicker').hide();
    validateEnd();
  });

  function validateStart() {
    if (end_date && start_date > end_date) {
      end_date = '';
      $('#end_date').datepicker("destroy").val("");
    
      $('#end_date').datepicker({
        format: "dd-mm-yyyy",
        autoclose: true
      }).on('changeDate', function() {
        $('.datepicker').hide();
      });
    }
  }

  function validateEnd() {
    if (start_date && end_date < start_date) {
      start_date = '';
      $('#start_date').datepicker("destroy").val("");
    
      $('#start_date').datepicker({
        format: "dd-mm-yyyy",
        autoclose: true
      }).on('changeDate', function() {
        $('.datepicker').hide();
      });
    }
  }

  $("#date_type").select2();

  const currentPage = window.location.pathname

  const selectDateTypes = $('#date_type');
  const startInputDates = $('#start_date');
  const endInputDates = $('#end_date');

  selectDateTypes.on('change', handleInputChange);
  startInputDates.on('change', handleInputChange);
  endInputDates.on('change', handleInputChange);
    
  function handleInputChange() {
    const selectDateType = selectDateTypes.val();
    const startInputDate = startInputDates.val();
    const endInputDate = endInputDates.val();

    const pageData = {
      date_type: selectDateType,
      start_date: startInputDate,
      end_date: endInputDate,
    };

    const jsonPageData = JSON.stringify(pageData);
    localStorage.setItem(currentPage, jsonPageData);
  }
  
  const storedData = localStorage.getItem(currentPage);
  const parsedData = JSON.parse(storedData);

  if(parsedData != null){
    if(currentPage == "/admin/general-policies"){

      if(parsedData.date_type != ''){
        $('#date_type').val(parsedData.date_type).change();
      }

      if(parsedData.start_date != ''){
        $('#start_date').val(parsedData.start_date).datepicker("setDate", parsedData.start_date);
      }
      
      if(parsedData.end_date != ''){
        $('#end_date').val(parsedData.end_date).datepicker("setDate", parsedData.end_date);
      }

    }else if(currentPage == "/admin/deleted-general-policies"){
      if(parsedData.date_type != ''){
        $('#date_type').val(parsedData.date_type).change();
      }

      if(parsedData.start_date != ''){
        $('#start_date').val(parsedData.start_date).datepicker("setDate", parsedData.start_date);
      }
      
      if(parsedData.end_date != ''){
        $('#end_date').val(parsedData.end_date).datepicker("setDate", parsedData.end_date);
      }
    }

    var datatables = $('#datatable').DataTable();
    datatables.columns.adjust().draw();
  }

  function clearFilterFields() {
    start_date = formattedCurrentDate;
    $('#start_date').datepicker("destroy").val(formattedCurrentDate);
    $('#end_date').datepicker("destroy").val("");
    localStorage.removeItem(currentPage);
    
    $('#start_date').datepicker({
      format: "dd-mm-yyyy",
      autoclose: true,
      setDate: formattedCurrentDate
    }).on('changeDate', function() {
      $('.datepicker').hide();
    });

    $('#end_date').datepicker({
      format: "dd-mm-yyyy",
      autoclose: true
    }).on('changeDate', function() {
      $('.datepicker').hide();
    });

    $('#date_type').val("Transaction Date").change();

    $('#datatable').DataTable().ajax.reload(null, false);
  }

  function changeStatus(id) {
    var general_policy_status = document.getElementById("general_policy_status" + id);

    if (general_policy_status.checked) {
      general_policy_status = 1;
    } else {
      general_policy_status = 0;
    }

    $.ajax({
      type: 'GET',
      url: changeGeneralPolicyStatusURL + "?id=" + id + "&general_policy_status=" + general_policy_status,
      success: function(resultData) {
        if (resultData['status'] == 1) {
          toastr["success"](resultData['msg']);
        }
      }
    });
  }

  function openFullScreen() {
    var element = document.getElementById("card");

    if (element.requestFullscreen) {
      element.requestFullscreen();
    } else if (element.webkitRequestFullscreen) {
      /* Safari */
      element.webkitRequestFullscreen();
    } else if (element.msRequestFullscreen) {
      /* IE11 */
      element.msRequestFullscreen();
    }
  }

  function clearSearch() {
    for (let index = 0; index <= 28; index++) {
      table.column(index).visible(true);
    }

    $('.custom-select option:first').prop('selected', true);
    $('.toggle-vis').prop('checked', true);

    $("#transaction_date , #document_number").val('');
    $("#group , #policy_holder_name").val('');
    $("#mobile_number , #whatsapp_number , #email").val('');
    $("#insurance_type").val('');
    $("#broker").val('');
    $("#agency").val('');
    $("#sub_agent").val('');
    $("#insurance_company").val('');
    $("#risk_from_date , #risk_to_date , #tp_due_date").val('');
    $("#division , #segment").val('');
    $("#bank").val('');
    $("#vehicle_no , #vehicle_name").val('');
    $("#sum_assured , #basic_premium , #tpa_premium , #tax_amount , #total_amount , #net_comminsionable_amount").val('');
    $("#mode").val('');
    $("#current_policy_number , #previous_policy_number").val('');
    $("#party_payment_mode , #party_payout_amount , #byus_payment_mode , #byus_payout_amount").val('');
    $("#remark").val('');
    $("#created_by , #created_at , #modified_by , #updated_at").val('');

    table.search('').columns().search('').draw();
  }

  function generalPolicyDelete(id) {
    swal.fire({
      title: "Are you sure want to delete this?",
      text: "You won't be able to revert this!",
      showCancelButton: true,
      confirmButtonColor: "#526BDF",
      cancelButtonColor: "#EC6767",
      confirmButtonText: "Yes, delete it!",
      cancelButtonText: "No, cancel it!",
    }).then((result) => {
      if (result.isConfirmed) {
        remove(id);
      }
    });
  }

  function remove(id) {
    $.ajax({
      type: 'GET',
      url: deleteGeneralPolicy + "?id=" + id,
      success: function(resultData) {
        if (resultData['status'] == 1) {
          toastr["success"](resultData['msg']);
          $('#datatable').DataTable().ajax.reload(null, false);
        }
      }
    });
  }

  function generalPolicyRestore(id) {
    swal.fire({
      title: "Are you sure want to restore this?",
      text: "You won't be able to revert this!",
      showCancelButton: true,
      confirmButtonColor: "#526BDF",
      cancelButtonColor: "#EC6767",
      confirmButtonText: "Yes, restore it!",
      cancelButtonText: "No, cancel it!",
    }).then((result) => {
      if (result.isConfirmed) {
        restore(id);
      }
    });
  }

  function restore(id) {
    $.ajax({
      type: 'GET',
      url: restoreGeneralPolicy + "?id=" + id,
      success: function(resultData) {
        if (resultData['status'] == 1) {
          toastr["success"](resultData['msg']);
          $('#datatable').DataTable().ajax.reload(null, false);
        }else{
          toastr["error"](resultData['msg']);
        }
      }
    });
  }

  function downloadPdf() {
    var ids = [];
    var objectS = table.ajax.json().data;

    for (var i = 0; i < objectS.length; i++) {
      ids.push(objectS[i]['id']);
    }

    var totalRecords = table.ajax.json().totalAmounts;
    
    if (objectS.length != 0) {
      $.ajax({
        type: 'POST',
        url: downloadGeneralPdf,
        "data": {
          "_token": csrfToken,
          "ids": ids,
          "total": totalRecords,
          "date_type": function() { return $("#date_type").val(); },
          "start_date": function() { return $("#start_date").val(); },
          "end_date": function() { return $("#end_date").val(); },
        },
        beforeSend: function() {
          showLoader();
        },
        success: function(resultData) {
          hideLoader();
          path = resultData['path'];
          window.open(path, '_blank');
        }
      });
    } else {
      toastr["error"]("There are no policy yet.");
    }
  }

  function downloadDoc(id, document_number) {
    var ajaxURL = "{{ route('download.general.insurance.document') }}";

    $.ajax({
      url: ajaxURL + "?id=" + id + "&document_number=" + document_number,
      dataType: 'json',
      success: function(resultData) {
        if (resultData['status'] == 1) {
          var downloadLink = document.createElement('a');
          downloadLink.href = resultData['download_url'];
          downloadLink.download = resultData['file_name'];
          downloadLink.click();
        } else {
          toastr["error"](resultData['msg']);
        }
      },
      error: function(xhr, status, error) {
        toastr["error"](xhr.responseJSON['message']);
      }
    });
  }
</script>
@endsection