@extends('layout.mainlayout')
@section('content')
    <div class="page-wrapper cardhead">
        <div class="content container-fluid">

            @component('components.breadcrumb')
                @slot('title')
                    Resource List
                @endslot
            @endcomponent

            <div class="row">
                <div class="col-sm-12">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">All Resource Data</h4>
                            <p class="card-text">
                                List of all employees/resources. You can edit, view or delete any record. Please proceed
                                carefully.
                            </p>
                        </div>
                        <div class="card-body">

                            @if (session('success'))
                                <div class="alert alert-success">
                                    {{ session('success') }}
                                </div>
                            @elseif(session('error'))
                                <div class="alert alert-danger">
                                    {{ session('error') }}
                                </div>
                            @endif

                            <div class="table-responsive custom-table">
                                <table class="table" id="resourceTable">
                                    <thead>
                                        <tr>
                                            <th>ID</th>
                                            <th>Full Name</th>
                                            <th>Emp Code</th>
                                            <th>Phone</th>
                                            <th>Email</th>
                                            <th>Designation</th>
                                            <th>Department</th>
                                            <th>Team</th>
                                            <th>Project</th>
                                            <th>Reporting Manager</th>
                                            <th>Location</th>
                                            <th>Employee Type </th>
                                            <th>Status</th>
                                            <th>Actions</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($allResources as $resource)
                                            <tr>
                                                <td>{{ $resource->id }}</td>
                                                <td>{{ $resource->first_name }} {{ $resource->last_name }}</td>
                                                <td>{{ $resource->employee_code }}</td>
                                                <td>{{ $resource->phone }}</td>
                                                <td>{{ $resource->professional_email }}</td>
                                                <td>{{ optional($resource->designationDetails)->name }}</td>
                                                <td>{{ optional($resource->departmentDetails)->name }}</td>
                                                <td>{{ optional($resource->teamDetails)->name }}</td>
                                                <td>{{ optional($resource->projectDetails)->name }}</td>
                                                <td>{{ optional($resource->managerDetails)->name }}</td>
                                                <td>{{ optional($resource->locationDetails)->name }}</td>
                                                <td>
                                                    @if ($resource->employee_type == 1)
                                                        Domestic
                                                    @elseif($resource->employee_type == 2)
                                                        International
                                                    @elseif($resource->employee_type == 3)
                                                        Onsite
                                                    @else
                                                        N/A
                                                    @endif
                                                </td>
                                                <td>{{ optional($resource->resourceStatusDetails)->name }}</td>
                                                <td>
                                                    @can('update-resource')
                                                        <a href="{{ route('edit-resource', $resource->id) }}"
                                                            class="btn btn-sm btn-primary">Edit</a>
                                                    @endcan
                                                    @can('delete-resource')
                                                        <button class="btn btn-sm btn-danger" data-bs-toggle="modal"
                                                            data-bs-target="#deleteModal"
                                                            onclick="setDeleteId({{ $resource->id }})">
                                                            <i class="fa fa-trash"></i> Delete
                                                        </button>
                                                    @endcan
                                                    @can('resource-details')
                                                        <a href="{{ route('resource-details', $resource->id) }}"
                                                            class="btn btn-sm btn-info">View Profile</a>
                                                    @endcan
                                                    @can('download-resource-documents')
                                                    <a href="{{ route('resource.download.documents', $resource->id) }}"
                                                        class="btn btn-sm btn-warning">
                                                        <i class="fa fa-download"></i> Download Docs
                                                        </a>
                                                    @endcan


                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>

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

    <!-- Delete Resource Modal -->
    <div class="modal fade" id="deleteModal" tabindex="-1">
        <div class="modal-dialog modal-md">
            <form method="POST" id="deleteForm">
                @csrf
                @method('DELETE')

                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Exit Resource</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>

                    <div class="modal-body">
                        <p>Are you sure you want to exit this resource? Please provide the following details:</p>
                        <div class="mb-3">
                            <label>Exit Date *</label>
                            <input type="date" name="exit_date" class="form-control" required>
                        </div>

                        <div class="mb-3">
                            <label>Reason of Leaving *</label>
                            <textarea name="reason_of_leaving" class="form-control" rows="3" required></textarea>
                        </div>

                        <div class="mb-3">
                            <label>Resignation Status *</label>
                            <select name="resignation_status" class="form-control" required>
                                <option value="">Select</option>
                                <option value="Resigned">Resigned</option>
                                <option value="Abscond">Abscond</option>
                            </select>
                        </div>

                        <div class="mb-3">
                            <label>All Department Pendency *</label>
                            <select name="pending_clearance_status" class="form-control" required>
                                <option value="">Select</option>
                                <option value="APPROVED">Approved</option>
                                <option value="LOST">Lost</option>
                            </select>
                            <small class="text-muted">
                                Applied only when a resignation request exists for this resource.
                            </small>
                        </div>

                    </div>

                    <div class="modal-footer">
                        <button class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                        <button class="btn btn-danger">Confirm Delete</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection
@push('scripts')
    <script>
        initDataTableWithFilters('resourceTable');
    </script>
    <script>
        function setDeleteId(id) {
            let url = "{{ url('delete-resource') }}/" + id;
            document.getElementById('deleteForm').action = url;
        }
    </script>
@endpush