@extends('layout.mainlayout')

@section('content')
<div class="page-wrapper">
    <div class="content">

        <div class="page-header d-flex justify-content-between align-items-center">
            <h3 class="page-title">Onsite Attendance & Leave Requests</h3>
            <a href="{{ route('onsite.requests.export', request()->except('page')) }}"
               class="btn btn-success">
                <i class="ti ti-download me-1"></i> Export
            </a>
        </div>

        {{-- FILTERS --}}
        <form method="GET" class="row g-2 mb-3">

            <div class="col-md-2">
                <label class="form-label fw-bold">From Date</label>
                <input type="date"
                       name="from_date"
                       class="form-control"
                       value="{{ request('from_date') }}">
            </div>

            <div class="col-md-2">
                <label class="form-label fw-bold">To Date</label>
                <input type="date"
                       name="to_date"
                       class="form-control"
                       value="{{ request('to_date') }}">
            </div>

            <div class="col-md-3">
                <label class="form-label fw-bold">Onsite Employee</label>
                <select name="resource_id" class="form-control select2">
                    <option value="">All Onsite Employees</option>
                    @foreach ($onsiteUsers as $u)
                        <option value="{{ $u['id'] }}"
                            @selected(request('resource_id') == $u['id'])>
                            {{ $u['name'] }}
                        </option>
                    @endforeach
                </select>
            </div>

            <div class="col-md-2 d-flex align-items-end">
                <button class="btn btn-primary w-100">
                    <i class="ti ti-filter me-1"></i> Filter
                </button>
            </div>

        </form>

        {{-- TABLE --}}
        <div class="card">
            <div class="card-body table-responsive">

                <table class="table table-bordered table-striped align-middle" id="OnsiteRequestsTable">
                    <thead class="table-light">
                        <tr>
                            <th>Type</th>
                            <th>Name</th>
                            <th>Date Range</th>
                            <th>Days</th>
                            <th>Location</th>
                            <th>Remark</th>
                            <th>Project</th>
                            <th>Lead</th>
                            <th>Manager</th>
                            <th>Status</th>
                        </tr>
                    </thead>

                    <tbody>
                        @forelse($requests as $r)

                            @php
                                $fromDate = data_get($r, 'from');
                                $toDate   = data_get($r, 'to');
                                $type     = data_get($r, 'type');
                            @endphp

                            <tr>

                                {{-- TYPE --}}
                                <td>
                                    @if($type === 'Leave')
                                        <span class="badge bg-danger">Leave</span>
                                    @else
                                        <span class="badge bg-success">Attendance</span>
                                    @endif
                                </td>

                                {{-- NAME --}}
                                <td>
                                    <strong>{{ data_get($r, 'name', '-') }}</strong>
                                    <br>
                                    <small class="text-muted">
                                        {{ data_get($r, 'email', '-') }}
                                    </small>
                                </td>

                                {{-- DATE RANGE --}}
                                <td>
                                    @if($fromDate && $toDate)
                                        {{ \Carbon\Carbon::parse($fromDate)->format('d M Y') }}
                                        →
                                        {{ \Carbon\Carbon::parse($toDate)->format('d M Y') }}
                                    @else
                                        -
                                    @endif
                                </td>

                                {{-- DAYS --}}
                                <td>
                                    <span class="badge bg-info text-dark">
                                        {{ data_get($r, 'days', '0') }}
                                    </span>
                                </td>

                                {{-- LOCATION --}}
                                <td>
                                    {{ data_get($r, 'location_name', '-') }}
                                </td>

                                {{-- REMARK / REASON --}}
                                <td>
                                    @if($type === 'Leave')
                                        {{ data_get($r, 'reason', '-') }}
                                    @else
                                        {{ data_get($r, 'remark', '-') }}
                                    @endif
                                </td>

                                {{-- PROJECT --}}
                                <td>
                                    <span class="badge bg-dark">
                                        {{ data_get($r, 'project', '-') }}
                                    </span>
                                </td>

                                {{-- LEAD --}}
                                <td>{{ data_get($r, 'lead', '-') }}</td>

                                {{-- MANAGER --}}
                                <td>{{ data_get($r, 'manager', '-') }}</td>

                                {{-- STATUS --}}
                                <td>
                                    @if (data_get($r, 'status') === 'approved')
                                        <span class="badge bg-success">Approved</span>
                                    @elseif(data_get($r, 'status') === 'rejected')
                                        <span class="badge bg-danger">Rejected</span>
                                    @else
                                        <span class="badge bg-warning text-dark">Pending</span>
                                    @endif
                                </td>

                            </tr>

                        @empty
                            <tr>
                                <td colspan="10" class="text-center text-muted">
                                    No onsite records found
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>

                {{-- PAGINATION --}}
                <div class="mt-3">
                    {{ $requests->links('vendor.pagination.no-arrows') }}
                </div>

            </div>
        </div>

    </div>
</div>
@endsection

@push('scripts')
<script>
$(document).ready(function() {

    $('.select2').select2({
        width: '100%'
    });

    initDataTableWithFilters('OnsiteRequestsTable');

});
</script>
@endpush