@extends('layouts/pos_layout')
@section('title', '| ' . $data['pageTitle'])
@section('content')
<style>
  .page-item.active .page-link {
    background-color: lightgrey !important;
    border: 1px solid black;
  }

  .page-link {
    color: black !important;
  }

  .dataTables_wrapper .dataTables_length {
    float: left;
    display: none;
  }

  div#datatable_info {
    display: none;
  }
</style>
<div class="row page-wrap">
  <div class="col-md-12">
    <div class="" style="">
      <div class=" ">
        <div class="panel panel-default" style="background-color:#708090;">
          <div class="panel-heading" style="padding-bottom:0px">
            <div class="panel-title">
              <h2>EMPLOYEE ASSIGN LIST</h2>
            </div>
            <div class="panel-options">
              <a href="{{url('pos/addIncentiveConfigDateWise/')}}" class="btn btn-info pull-right addViewBtn">
                <i class="glyphicon glyphicon-plus-sign addIcon"></i>Add Employee Config
              </a>
            </div>
          </div>

          <div class="panel-body panelBodyView">
            @php
            $searchElements = [
            ['element' => 'report_level','showAll' => 'no'],
            ['element' => 'branchId','showHeadoffice' => 'no','showallValzero' => 'yes'],
            ['element' => 'dateRange']
            ];


            @endphp
            @include('partials.searchPanel.main', ['searchElements' => $searchElements])

            <table class="table table-striped table-bordered table-condensed first-col-dark" id="datatable" style="width:100%">
              <thead>
                <tr>
                  <th width="30" rowspan="2">SL#</th>
                  <th rowspan="2">Date</th>
                  <th colspan="2">Branch Name & Code</th>
                  <th colspan="4">Employee Assign Person</th>
                  <th rowspan="2">Action</th>
                </tr>
                <tr>
                  <th>Branach Name</th>
                  <th>Code</th>
                  <th>Asst. AC & MIS Officer</th>
                  <th>Branch Manager</th>
                  <th>Area Manager</th>
                  <th>Zonal Manager</th>
                </tr>
              </thead>
              <tbody id="tableBodySection">

              </tbody>

            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<script>
  $(document).ready(function() {
    var dataTable = $('#datatable').DataTable({
      "paging": false,
      "sDom": "ltipr", // For removeing default Search bar //
      "processing": true,
      "serverSide": true,
      "ordering": false,
      "language": {
        "emptyTable": "No data to show, please search"
      },
      "ajax": {
        "url": "{{ Request::url() }}",
        "type": "POST",

        "beforeSend": function() {
          $('#loadingModal').show();

        },
        "data": function(d) {
          var inputs = {};
          $.each($('form').serializeArray(), function() {
            inputs[this.name] = this.value;
          });
          d.filter = inputs;
        }
      },

      "drawCallback": function(settings) {
        $('#loadingModal').hide();
      },

      "columns": [{
          "data": "sl"
        },
        {
          "data": "view_active_date",
          className: "text-center"
        },
        {
          "data": "branch_name"
        },
        {
          "data": "branch_code",
          className: "text-center"
        },
        {
          "data": "view_ac_employee"
        },
        {
          "data": "view_bm_employee"
        },
        {
          "data": "view_am_employee"
        },
        {
          "data": "view_zm_employee"
        },
        {
          "data": "id",
          className: "text-center"
        }
      ],

      "columnDefs": [{
        "targets": -1,
        "data": "id",
        "render": function(data, type, row, meta) {
          var activedate = "{{ date('Y-m-d',strtotime($data['branch_active_date'])) }}";

          if (((row.activeDate == row.view_active_date_std) && ( row.view_active_date_std >= '2022-07-01')) || ((row.view_role == "Head Office") && ( row.view_active_date_std >= '2022-07-01') )) {
            // return '<a href="javascript:;" data-id=' + row.view_branch_id +
            //   '  data-date=' + row.view_date +
            //   ' class="btn btn-xs btn-danger delete-action"><i class="fa fa-trash" aria-hidden="true"></i></a><a href="{{ Request::url() }}/edit/' + row.id +'"  class="btn btn-xs btn-danger "><i class="fa fa-edit" aria-hidden="true"></i></a>';
              return '<a href="{{ Request::url() }}/edit/' + row.id +'"  class="btn btn-xs btn-danger "><i class="fa fa-edit" aria-hidden="true"></i></a>';
          } else {
            return '<i class="fa fa-eye" aria-hidden="true"></i>';
          }
        }
      }]


    });

    $("#searchForm").submit(function(e) {
      e.preventDefault();
      var startdate = $('#fillDateFrom').val();
      var enddate = $('#fillDateTo').val();
      var branch = $('#fillBranchId').val();
      var area = $('#fillAreaId').val();
      var zone = $('#fillZoneId').val();
      var region = $('#fillRegionId').val();
      var reportLevel = $('#fillReportLevel').val();
      if (enddate == "") {

        $('#loadingModal').hide();
        Swal.fire({
          icon: 'error',
          title: 'Please select end date!',
          showConfirmButton: true,
        })
        return false;
      } else if (reportLevel == '' || reportLevel == "Branch") {

        if (branch == '0') {
          if (startdate != enddate) {
            $('#loadingModal').hide();
            Swal.fire({
              icon: 'error',
              title: 'Please select date range one day!',
              showConfirmButton: true,
            })
            return false;
          }

        }

      } else if (reportLevel == "Area") {
        if (area == "") {
          $('#loadingModal').hide();
          Swal.fire({
            icon: 'error',
            title: 'Please select area first!',
            showConfirmButton: true,
          })
          return false;
        }

      } else if (reportLevel == "Zone") {
        if (zone == "") {
          $('#loadingModal').hide();
          Swal.fire({
            icon: 'error',
            title: 'Please select zone first!',
            showConfirmButton: true,
          })
          return false;
        }

      } else if (reportLevel == "Region") {
        if (region == "") {
          $('#loadingModal').hide();
          Swal.fire({
            icon: 'error',
            title: 'Please select region first!',
            showConfirmButton: true,
          })
          return false;
        }

      }else{
        if (branch == '0') {
          if (startdate != enddate) {
            $('#loadingModal').hide();
            Swal.fire({
              icon: 'error',
              title: 'Please select date range one day!',
              showConfirmButton: true,
            })
            return false;
          }

        }
      }
      dataTable.draw();
    });



    //delete function
    $(document).on('click', '.delete-action', function() {

      Swal.fire({
        title: 'Are you sure?',
        text: "Once delete you won't be able to revert this!",
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#d33',
        cancelButtonColor: '#7e7979',
        confirmButtonText: 'Yes, delete it!'
      }).then((result) => {
        if (result.isConfirmed) {

          $.ajax({
            type: 'post',
            url: '{{ url("pos/deleteIncentiveConfigDateWiseItem") }}',
            data: {
              '_token': $('input[name=_token]').val(),
              'branchId': $(this).data('id'),
              'active_date': $(this).data('date'),
            },
            success: function(_response) {
              if (_response.responseTitle == 'success') {
                Swal.fire({
                  icon: 'success',
                  title: 'Deleted!',
                  text: 'This data has been deleted.',
                  showConfirmButton: false,
                  timer: 1500
                })

                setTimeout(function() {
                  dataTable.ajax.reload();
                }, 1000);


              } else {
                Swal.fire({
                  icon: 'error',
                  title: 'Failed to delete!',
                  text: 'This data has not been deleted.',
                  showConfirmButton: true,
                })
              }


              // setTimeout(function(){
              //   window.location.reload(1);
              // }, 1000);
            }
          });



        }
      })


    });

  });
</script>
@endsection