@extends('admin.master')

@section('title', 'All Employees')

@section('contents')
  <!-- row -->
  <div class="row">
    <div class="col-md-12">
      <!-- general form elements -->
      <div class="card card-outline card-info">
        <div class="card-header">
          <h3 class="card-title">All Employees</h3>
        </div>
        <!-- /.card-header -->
        <div class="card-body table-responsive">
          <div class="dataTables_wrapper dt-bootstrap4">
            <table id="products" class="table table-sm table-striped table-bordered table-hover dataTable" style="width: 100%" role="grid" aria-describedby="products">
              <thead>
              <tr class="bg-secondary">
                <th>SL#</th>
                <th>Name</th>
                <th>Designation</th>
                <th>Phone</th>
                <th>Email</th>
                <th>Address</th>
                <th>Action</th>
              </tr>
              </thead>
              <tfoot>
              <tr class="bg-secondary">
                <th>SL#</th>
                <th>Name</th>
                <th>Designation</th>
                <th>Phone</th>
                <th>Email</th>
                <th>Address</th>
                <th>Action</th>
              </tr>
              </tfoot>
            </table>
          </div>
        </div>
        <!-- /.card-body -->
      </div>
      <!-- /.card -->

    </div>
  </div>
  <!-- /.row -->

  <!-- Delete modal -->
  <div class="modal fade" id="modal-delete">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title" id="modal_heading">Delete Employee Confirmation</h4>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <p id="modal_text">Are you sure to delete the employee?</p>
        </div>
        <div class="modal-footer justify-content-between">
          <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
          <form action="" method="post" id="deleteform">
            @csrf
            @method('delete')
            <button type="submit" id="deleteBtn" class="btn btn-primary">Yes</button>
          </form>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
@endsection

@section('script_links')
  <script>
    @foreach(['success','error'] as $type)
      @if(Session::has('msg-'.$type))
        toastr.{{ $type }}('{{ Session::get('msg-'.$type) }}');
      @endif
    @endforeach

    $(function() {
        // active left-menu
        // for tree addClass .menu-open
        // for submenu addClass .active
        $('#menu_employees').addClass('menu-open');
        $('#sub_view_employees').addClass('active');

        $("#products").DataTable({
          initComplete: function () {
            $('#products_filter label input').focus();
          },
          pageLength: 25,
          processing: true,
          serverSide: true,
          ajax:{
            url: "{{ url('/employees') }}",
          },
          columns:[
            {
              data: 'DT_RowIndex',
              name: 'DT_RowIndex'
            },
            {
              data: 'emp_name',
              name: 'emp_name'
            },
            {
              data: 'emp_designation',
              name: 'emp_designation'
            },
            {
              data: 'emp_phone',
              name: 'emp_phone'
            },
            {
              data: 'emp_email',
              name: 'emp_email'
            },
            {
              data: 'emp_address',
              name: 'emp_address'
            },
            {
              data: 'action',
              name: 'action'
            }
          ]
        });

        $('#products tbody').on( 'click', '.delete', function () {
          var id = $(this).attr('id');
          $.ajax({
            method: 'post',
            url: '{{ url('/check_emp_in_stock_sales') }}',
            data: { _token : '{{ csrf_token() }}', id : id },
            beforeSend: function () {

            },
            complete: function () {

            },
            success: function (data) {
              data = JSON.parse(data);
              console.log(data);
              if(data[0].sold == 0 && data[0].stockin == 0 && data[0].stmt == 0){
                $("#deleteBtn").prop('disabled',false);
                var action = "{{ url('/employees/') }}/"+id;
                $("#deleteform").attr("action",action);
                $('#modal_heading').text("Delete Employee Confirmation");
                $('#modal_text').text("Are you sure to delete the employee?").css({'color':'black'});
              } else {
                $("#deleteBtn").prop('disabled',true);
                $('#modal_heading').text("Sorry Can't Delete");
                $('#modal_text').text("Sorry!!! This employee is related to stockin, sold history and statement records. Can't delete this.").css({'color':'red'});
              }
            }
          });
        });
    });
  </script>
@endsection