@extends('admin.layouts.app')

@section('content')
@push('styles')
<style>
  div#myTable_filter {
    display: none;
  }
</style>
@endpush
    <div class="container-fluid py-4">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb bg-transparent mb-0 pb-0 px-0 me-sm-6 me-5">
                <li class="breadcrumb-item text-sm"><a class="opacity-5 text-dark" href="{{ route('admin.dashboard') }}">Dashboard</a>
                </li>
                <li class="breadcrumb-item text-sm"><a class="opacity-5 text-dark" href="{{ route('admin.tapl-contracts.index') }}">Performa Invoice</a>
                </li>
                <li class="breadcrumb-item text-sm text-dark active font-weight-bolder" aria-current="page">
                Work Order</li>
            </ol>
        </nav>
      @if(session('success'))
          <div class="alert alert-success">
              {{ session('success') }}
          </div>
      @endif
      @if(session('error'))
          <div class="alert alert-danger">
              {{ session('error') }}
          </div>
      @endif
  <div class="row mt-4 mb-4">
      <div class="col-12">
          <div class="row justify-content-between">
              <div class="col-md-4">
                  <a class="btn bg-gradient-info mb-3" href="{{ route('admin.tapl-contracts.index') }}">Back</a>
              </div>
          </div>
      </div>
  </div>
  <div class="row mb-4">
    <div class="col-12">
      <div class="row justify-content-between">
        <div class="col-md-4">
          
        </div>
        <div class="col-md-7">
            @if (count($taplWorkOrders) === 0)
            <a class="btn bg-gradient-info mb-0" style="float: right;margin-right: 15px;" href="{{ route('admin.tapl.work.order.create', $id) }}">Add New Work Order</a>
        @endif
            <button id="exportCSV" class="btn bg-gradient-info mb-0 mr-2" style="float: right;margin-right: 15px;">Export as CSV</button>
            <button id="deleteSelected" class="btn bg-gradient-info mb-0 mr-2" style="float: right;margin-right: 15px;">Delete</button>
                  
        </div>
      </div>
    </div>
  </div>
  <div class="row">
      <div class="col-12">
          <div class="card pt-3 mb-4">
              <div class="card-body px-0 pt-0 pb-2">
                  <div class="d-md-flex align-items-center justify-content-between px-3 mb-3">
                      <div class="table-top-left d-flex align-items-center justify-content-between">
                          <div class="d-flex align-items-center justify-content-between"
                              style="margin-right: 15px;">
                              {{-- <label class="mb-0" style="margin-right: 10px;">Show</label>
                              <select class="form-select" id="validationCustom04" style="width: 100px;">
                                  <option selected disabled value="">10</option>
                                  <option>01</option>
                                  <option>02</option>
                                  <option>03</option>
                                  <option>04</option>
                                  <option>05</option>
                                  <option>06</option>
                                  <option>07</option>
                                  <option>08</option>
                                  <option>09</option>
                                  <option>10</option>
                              </select> --}}
                          </div>
                          
                      </div>
                     

                  </div>
                  <div class="table-responsive p-0 px-3">
                      <table class="table align-items-center mb-0">
                          <thead>
                              <tr>
                                <th>
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" id="selectAll">
                                        {{-- <label class="form-check-label" for="selectAll">Select All</label> --}}
                                    </div>
                                  </th>
                                  <th
                                      class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">
                                      SL.No</th>
                                  <th
                                      class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">
                                      Performa Invoice</th>
                                  <th
                                      class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">
                                      Customer Name</th>
                                  <th
                                      class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">
                                      Amc Start Date</th>
                                  <th
                                      class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">
                                      Amc End Date</th>
                                  <th
                                      class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">
                                      Type</th>
                                  <th
                                      class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">
                                      Action</th>
                              </tr>
                          </thead>
                          <tbody>
                            @foreach ($taplWorkOrders as $taplWorkOrder)
                            @php
                                $staff = App\Models\MasterStaffManagement::find($taplWorkOrder->staff_id);
                                $staffName = $staff ? $staff->staff_name : 'N/A'; // Use 'N/A' or any default value you prefer
                            @endphp
                            <tr>
                                <td>
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" id="checkbox{{ $taplWorkOrder->id }}" name="tapl[]" value="{{ $taplWorkOrder->id }}">
                                        <label class="form-check-label" for="checkbox{{ $taplWorkOrder->id }}"></label>
                                    </div>
                                </td>
                                <td>
                                    <div class="d-flex px-2 py-1">
                                        <h6 class="mb-0 text-sm">{{ $loop->iteration }}</h6>
                                    </div>
                                </td>
                                <td>
                                    <p class="text-xs font-weight-bold mb-0">{{ $taplWorkOrder->performa_invoice_no }}</p>
                                </td>
                                <td>
                                    <p class="text-xs font-weight-bold mb-0">{{ $staffName }}</p>
                                </td>
                                <td>
                                    <p class="text-xs font-weight-bold mb-0">{{ $taplWorkOrder->amc_start_date }}</p>
                                </td>
                                <td>
                                    <p class="text-xs font-weight-bold mb-0">{{ $taplWorkOrder->amc_end_date }}</p>
                                </td>
                                <td>
                                    <p class="text-xs font-weight-bold mb-0">{{ $taplWorkOrder->type_of_amc }}</p>
                                </td>
                                <td>
                                    <ul class="nav table-btn-group" style="flex-wrap: nowrap;">
                                        <li class="nav-item">
                                            <a class="mb-0 mx-2 my-1" style="display: inline-block;" href="{{ route('admin.tapl-work-orders.edit', $taplWorkOrder->id) }}"><i class="fas fa-edit" aria-hidden="true"></i></a>
                                        </li>
                                        {{-- <li class="nav-item">
                                            <a class="btn bg-gradient-info mb-0 mr-2 btn-sm"
                                                href="">Bill</a>
                                        </li> --}}
                                    </ul>
                                </td>
                            </tr>
                            @endforeach
                          </tbody>
                      </table>
                  </div>
              </div>
          </div>
      </div>
  </div>
</div>
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css">
<script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
<script>
$(document).ready(function() {  
    $('#selectAll').change(function() {
            $('input[name="tapl[]"]').prop('checked', this.checked);
        });
        // Handle delete button click
        $('#deleteSelected').on('click', function() {
            const selectedIds = $('input[name="tapl[]"]:checked').map(function() {
                return this.value;
            }).get();
    
            if (selectedIds.length === 0) {
                alert('Please select at least one record to delete.');
                return;
            }
    
            // Show SweetAlert confirmation
            swal({
                title: "Confirm Deletion",
                text: "Are you sure you want to delete the selected records?",
                icon: "warning",
                buttons: {
                    cancel: "Cancel",
                    confirm: "Delete"
                },
                dangerMode: true,
            })
            .then((willDelete) => {
                if (willDelete) {
                    // User confirmed, send the selectedIds to your server using an AJAX POST request
                    $.ajax({
                        url: '{{ route('admin.tapl-work-orders.delete-selected') }}',
                        type: 'POST',
                        data: {
                            selectedIds: selectedIds,
                            _token: '{{ csrf_token() }}',
                        },
                        success: function(response) {
                            if (response.success) {
                                // Handle successful deletion
                                swal("Success", "Selected records deleted successfully.", "success");
                                location.reload();
                                // You can also refresh the DataTable or update the table as needed.
                                // For example: table.ajax.reload();
                            } else {
                                swal("Error", "Failed to delete selected records. " + response.message, "error");
                            }
                        },
                        error: function() {
                            swal("Error", "An error occurred while deleting records.", "error");
                        }
                    });
                }
            });
        });
  
  
  
        // Handle export CSV button click
        $('#exportCSV').on('click', function() {
            const selectedIds = $('input[name="tapl[]"]:checked').map(function() {
                return this.value;
            }).get();
        
            if (selectedIds.length === 0) {
                alert('Please select at least one record to export as CSV.');
                return;
            }
        
            // Send a request to the export route
            $.ajax({
                url: '{{ route('admin.tapl-work-orders.export-csv') }}',
                type: 'POST',
                data: {
                    selectedIds: selectedIds,
                    _token: '{{ csrf_token() }}', // Include CSRF token for Laravel
                },
                xhrFields: {
                    responseType: 'blob' // Ensure the response is treated as a blob
                },
                success: function(response, status, xhr) {
                    if (response.size > 0) {
                        // Create a blob URL and initiate the download
                        const blob = new Blob([response], { type: 'text/csv' });
                        const url = window.URL.createObjectURL(blob);
                        const a = document.createElement('a');
                        a.href = url;
                        a.download = 'selected_records.csv';
                        a.style.display = 'none';
                        document.body.appendChild(a);
                        a.click();
                        window.URL.revokeObjectURL(url);
                        document.body.removeChild(a);
                    } else {
                        alert('Failed to export CSV.');
                    }
                },
                error: function() {
                    alert('An error occurred while exporting CSV.');
                }
            });
        });
    });
  </script>
@endsection