@extends('layouts.admin')

@section('title','Workforce Operations')

@section('content')
@php
    $dayLabels = [1 => 'Senin', 2 => 'Selasa', 3 => 'Rabu', 4 => 'Kamis', 5 => 'Jumat', 6 => 'Sabtu', 7 => 'Minggu'];
    $holidayTypeLabels = ['national' => 'Libur Nasional', 'company' => 'Libur Perusahaan', 'collective' => 'Cuti Bersama'];
@endphp

<div class="page-head">
    <div>
        <h1 class="page-title">Workforce Operations</h1>
        <p class="page-subtitle">Kalender kerja, cuti, lembur, project, dan crew dalam satu command center.</p>
    </div>
    <div class="cluster">
        <button class="btn btn-ghost" data-modal-open="holidayDialog">
            <i data-lucide="calendar-plus"></i> Hari Libur
        </button>
        <button class="btn btn-gold" data-dialog-open="#projectDialog">
            <i data-lucide="folder-plus"></i> Project Baru
        </button>
    </div>
</div>

<section class="card work-calendar-panel">
    <div class="card-head split">
        <div>
            <strong>Kalender & Hari Kerja</strong>
            <div class="tiny muted">Dipakai untuk validasi absensi, pengajuan cuti, tukar libur, dan kalkulasi payroll.</div>
        </div>
        <span class="badge active">{{ $payrollWorkingDays }} HARI KERJA PERIODE INI</span>
    </div>
    <div class="calendar-settings-grid">
        <form class="workweek-box" method="post" action="{{ route('admin.workforce.workweek.update') }}">
            @csrf
            @method('PUT')
            <div>
                <strong>Setting Hari Kerja</strong>
                <span>{{ $payrollRange['start']->format('d M Y') }} - {{ $payrollRange['end']->format('d M Y') }}</span>
            </div>
            <div class="workday-picker">
                @foreach($dayLabels as $day => $label)
                    <label>
                        <input type="checkbox" name="workweek_days[]" value="{{ $day }}" @checked(in_array($day, $workweekDays, true))>
                        <span>{{ $label }}</span>
                    </label>
                @endforeach
            </div>
            <button class="btn btn-gold">
                <i data-lucide="save"></i> Simpan Hari Kerja
            </button>
        </form>

        <div class="calendar-summary">
            <div>
                <span>Libur terdaftar</span>
                <strong>{{ $holidays->count() }}</strong>
            </div>
            <div>
                <span>Libur nasional</span>
                <strong>{{ $holidays->where('type','national')->count() }}</strong>
            </div>
            <div>
                <span>Cuti bersama</span>
                <strong>{{ $holidays->where('type','collective')->count() }}</strong>
            </div>
        </div>
    </div>

    <div class="table-wrap calendar-table">
        <table class="data-table">
            <thead>
                <tr>
                    <th>Tanggal</th>
                    <th>Nama Libur</th>
                    <th>Jenis</th>
                    <th>Status Payroll</th>
                    <th>Catatan</th>
                    <th>Aksi</th>
                </tr>
            </thead>
            <tbody>
                @forelse($holidays as $holiday)
                    <tr>
                        <td>
                            <div class="calendar-date">
                                <strong>{{ $holiday->date->format('d') }}</strong>
                                <span>{{ strtoupper($holiday->date->format('M')) }}</span>
                            </div>
                        </td>
                        <td><strong>{{ $holiday->name }}</strong><div class="tiny muted">{{ $holiday->date->translatedFormat('l, d F Y') }}</div></td>
                        <td><span class="badge {{ $holiday->type }}">{{ $holidayTypeLabels[$holiday->type] ?? ucfirst($holiday->type) }}</span></td>
                        <td>{{ $holiday->is_paid ? 'Libur dibayar' : 'Tidak dibayar' }}</td>
                        <td>{{ Str::limit($holiday->notes, 60) ?: '-' }}</td>
                        <td>
                            <div class="cluster">
                                <button
                                    type="button"
                                    class="btn btn-ghost btn-sm"
                                    data-modal-open="holidayDialog"
                                    data-title="Edit Hari Libur"
                                    data-method="PUT"
                                    data-record="{{ json_encode(['name' => $holiday->name, 'date' => $holiday->date->format('Y-m-d'), 'type' => $holiday->type, 'is_paid' => $holiday->is_paid, 'notes' => $holiday->notes]) }}"
                                    data-action="{{ route('admin.workforce.holidays.update',$holiday) }}"
                                    aria-label="Edit {{ $holiday->name }}"
                                    title="Edit hari libur"
                                >
                                    <i data-lucide="pencil"></i>
                                </button>
                                <form method="post" action="{{ route('admin.workforce.holidays.destroy',$holiday) }}" data-confirm="Hapus {{ $holiday->name }} dari kalender kerja?">
                                    @csrf
                                    @method('DELETE')
                                    <button class="btn btn-danger btn-sm" aria-label="Hapus {{ $holiday->name }}" title="Hapus hari libur">
                                        <i data-lucide="trash-2"></i>
                                    </button>
                                </form>
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="empty">Belum ada hari libur nasional atau cuti bersama terdaftar.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</section>

<div class="ops-grid" style="margin-top:18px">
    <section class="card">
        <div class="card-head split"><div><strong>Approval Cuti & Izin</strong><div class="tiny muted">{{ $leaveRequests->where('status','pending')->count() }} menunggu keputusan</div></div><i data-lucide="calendar-heart"></i></div>
        <div class="table-wrap">
            <table class="data-table">
                <thead><tr><th>Karyawan</th><th>Jenis</th><th>Periode</th><th>Status</th><th>Aksi</th></tr></thead>
                <tbody>
                    @forelse($leaveRequests as $item)
                        <tr>
                            <td><strong>{{ $item->employee->full_name }}</strong><div class="tiny muted">{{ Str::limit($item->reason,45) }}</div></td>
                            <td>{{ $item->type->name }}</td>
                            <td>{{ $item->start_date->format('d M') }} - {{ $item->end_date->format('d M Y') }}<div class="tiny muted">{{ $item->days }} hari kerja</div></td>
                            <td><span class="badge {{ $item->status }}">{{ strtoupper($item->status) }}</span></td>
                            <td>
                                @if($item->status==='pending')
                                    <form class="cluster" method="post" action="{{ route('admin.workforce.leave.review',$item) }}">
                                        @csrf
                                        <input type="hidden" name="decision" value="approved">
                                        <button class="btn btn-ghost btn-sm" aria-label="Setujui cuti {{ $item->employee->full_name }}"><i data-lucide="check"></i></button>
                                        <button class="btn btn-danger btn-sm" name="decision" value="rejected" aria-label="Tolak cuti {{ $item->employee->full_name }}"><i data-lucide="x"></i></button>
                                    </form>
                                @else
                                    <span class="tiny muted">{{ $item->reviewer?->name }}</span>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="5" class="empty">Belum ada pengajuan.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </section>

    <section class="card">
        <div class="card-head split"><div><strong>Approval Lembur</strong><div class="tiny muted">Hanya lembur approved masuk payroll</div></div><i data-lucide="timer"></i></div>
        <div class="table-wrap">
            <table class="data-table">
                <thead><tr><th>Karyawan</th><th>Jadwal</th><th>Durasi</th><th>Status</th><th>Aksi</th></tr></thead>
                <tbody>
                    @forelse($overtimeRequests as $item)
                        <tr>
                            <td><strong>{{ $item->employee->full_name }}</strong><div class="tiny muted">{{ Str::limit($item->reason,38) }}</div></td>
                            <td>{{ $item->date->format('d M Y') }}<div class="tiny muted">{{ $item->start_time->format('H:i') }}-{{ $item->end_time->format('H:i') }}</div></td>
                            <td>{{ round($item->requested_minutes/60,1) }} jam</td>
                            <td><span class="badge {{ $item->status }}">{{ strtoupper($item->status) }}</span></td>
                            <td>
                                @if($item->status==='pending')
                                    <form class="cluster" method="post" action="{{ route('admin.workforce.overtime.review',$item) }}">
                                        @csrf
                                        <input type="hidden" name="approved_minutes" value="{{ $item->requested_minutes }}">
                                        <button class="btn btn-ghost btn-sm" name="decision" value="approved" aria-label="Setujui lembur {{ $item->employee->full_name }}"><i data-lucide="check"></i></button>
                                        <button class="btn btn-danger btn-sm" name="decision" value="rejected" aria-label="Tolak lembur {{ $item->employee->full_name }}"><i data-lucide="x"></i></button>
                                    </form>
                                @else
                                    <span class="tiny muted">{{ $item->approved_minutes }} menit</span>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="5" class="empty">Belum ada pengajuan.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </section>
</div>

<section class="card" style="margin-top:18px">
    <div class="card-head split"><div><strong>Approval Tukar Hari Libur</strong><div class="tiny muted">Head Department memproses anggota departemennya; Manager HRD dapat memproses seluruh perusahaan.</div></div><span class="badge pending">{{ $holidaySwaps->where('status','pending')->count() }} MENUNGGU</span></div>
    <div class="table-wrap">
        <table class="data-table">
            <thead><tr><th>Karyawan</th><th>Departemen / Head</th><th>Masuk Tanggal Merah</th><th>Libur Pengganti</th><th>Status</th><th>Aksi</th></tr></thead>
            <tbody>
                @forelse($holidaySwaps as $item)
                    <tr>
                        <td><strong>{{ $item->employee->full_name }}</strong><div class="tiny muted">{{ Str::limit($item->reason,55) }}</div></td>
                        <td>{{ $item->employee->department?->name }}<div class="tiny muted">Head: {{ $item->employee->department?->head?->full_name ?: 'Belum ditentukan' }}</div></td>
                        <td>{{ $item->worked_holiday_date->format('d M Y') }}</td>
                        <td>{{ $item->replacement_leave_date->format('d M Y') }}</td>
                        <td><span class="badge {{ $item->status }}">{{ strtoupper($item->status) }}</span></td>
                        <td>
                            @if($item->status==='pending')
                                <form class="cluster" method="post" action="{{ route('admin.workforce.holiday-swaps.review',$item) }}">
                                    @csrf
                                    <button class="btn btn-ghost btn-sm" name="decision" value="approved" aria-label="Setujui tukar libur"><i data-lucide="check"></i></button>
                                    <button class="btn btn-danger btn-sm" name="decision" value="rejected" aria-label="Tolak tukar libur"><i data-lucide="x"></i></button>
                                </form>
                            @else
                                <span class="tiny muted">{{ $item->approver?->name }}</span>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="empty">Belum ada pengajuan tukar hari libur.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</section>

<div class="ops-grid" style="margin-top:18px">
    <section class="card">
        <div class="card-head"><strong>Project & Crew</strong></div>
        <div class="card-body project-list">
            @forelse($projects as $project)
                <article class="project-row">
                    <div>
                        <div class="cluster"><strong>{{ $project->code }} - {{ $project->name }}</strong><span class="badge {{ $project->status }}">{{ strtoupper($project->status) }}</span></div>
                        <div class="row-meta">{{ $project->client_name ?: 'Internal' }} - {{ $project->start_date->format('d M') }}-{{ $project->end_date->format('d M Y') }} - {{ $project->workLocation?->name ?: 'Lokasi belum dipilih' }}</div>
                        <div class="crew-stack">
                            @foreach($project->members as $member)
                                <span>{{ strtoupper(substr($member->employee->full_name,0,1)) }}<b>{{ $member->employee->full_name }} - {{ $member->role }}</b></span>
                            @endforeach
                        </div>
                    </div>
                    <form class="crew-form" method="post" action="{{ route('admin.workforce.projects.crew',$project) }}">
                        @csrf
                        <select class="control" name="employee_id" required>
                            <option value="">Tambah crew...</option>
                            @foreach($employees as $employee)
                                <option value="{{ $employee->id }}">{{ $employee->full_name }}</option>
                            @endforeach
                        </select>
                        <input class="control" name="role" placeholder="Role" required>
                        <button class="btn btn-ghost btn-sm"><i data-lucide="user-plus"></i></button>
                    </form>
                </article>
            @empty
                <div class="empty">Belum ada project aktif.</div>
            @endforelse
        </div>
    </section>
</div>

<dialog class="modal" id="holidayDialog">
    <form method="post" action="{{ route('admin.workforce.holidays.store') }}">
        @csrf
        <input type="hidden" name="_method" value="POST">

        <div class="modal-head split">
            <strong data-modal-title>Tambah Hari Libur</strong>
            <button class="btn btn-ghost btn-sm" type="button" data-modal-close><i data-lucide="x"></i></button>
        </div>
        <div class="modal-body stack">
            <div class="field"><label>Nama</label><input class="control" name="name" required></div>
            <div class="form-grid">
                <div class="field"><label>Tanggal</label><input class="control" type="date" name="date" required></div>
                <div class="field">
                    <label>Jenis</label>
                    <select class="control" name="type">
                        <option value="national">Libur Nasional</option>
                        <option value="company">Libur Perusahaan</option>
                        <option value="collective">Cuti Bersama</option>
                    </select>
                </div>
            </div>
            <div class="field"><label>Catatan</label><textarea class="control" name="notes"></textarea></div>
            <label class="cluster"><input type="checkbox" name="is_paid" value="1" checked> Hari libur dibayar</label>
            <button class="btn btn-gold"><i data-lucide="save"></i> Simpan Hari Libur</button>
        </div>
    </form>
</dialog>

<dialog class="modal" id="projectDialog">
    <form method="post" action="{{ route('admin.workforce.projects.store') }}">
        @csrf
        <div class="modal-head split"><strong>Project Baru</strong><button class="btn btn-ghost btn-sm" type="button" data-dialog-close><i data-lucide="x"></i></button></div>
        <div class="modal-body stack">
            <div class="form-grid">
                <div class="field"><label>Kode</label><input class="control" name="code" required></div>
                <div class="field"><label>Nama project</label><input class="control" name="name" required></div>
                <div class="field"><label>Klien</label><input class="control" name="client_name"></div>
                <div class="field"><label>Lokasi</label><select class="control" name="work_location_id"><option value="">Pilih lokasi</option>@foreach($locations as $location)<option value="{{ $location->id }}">{{ $location->name }}</option>@endforeach</select></div>
                <div class="field"><label>Mulai</label><input class="control" type="date" name="start_date" required></div>
                <div class="field"><label>Selesai</label><input class="control" type="date" name="end_date" required></div>
            </div>
            <input type="hidden" name="status" value="planned">
            <button class="btn btn-gold">Buat Project</button>
        </div>
    </form>
</dialog>
@endsection