@extends('layouts.admin.master')

@section('content')
    <div class="container-fluid py-3">
        <div class="d-flex flex-column flex-lg-row justify-content-between align-items-lg-center gap-3 mb-4">
            <div>
                <h3 class="mb-1">Workforce & Presensi</h3>
                <p class="text-muted mb-0">Smart City membaca workforce operasional tanpa mengganti engine e-Presensi yang sudah berjalan.</p>
            </div>
            <div class="d-flex flex-wrap gap-2">
                @foreach ($quickLinks as $link)
                    @if ($link['route'])
                        <a href="{{ $link['route'] }}" class="btn btn-outline-primary btn-sm" @if (str_starts_with($link['route'], 'http')) target="_blank" rel="noopener" @endif>{{ $link['label'] }}</a>
                    @endif
                @endforeach
            </div>
        </div>

        @if (session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif
        @if (session('error'))
            <div class="alert alert-danger">{{ session('error') }}</div>
        @endif
        @if ($errors->any())
            <div class="alert alert-danger">
                <div class="fw-semibold mb-2">Ada input yang perlu diperbaiki.</div>
                <ul class="mb-0 ps-3">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <div class="row g-3 mb-4">
            @foreach ($summaryCards as $card)
                <div class="col-xl-3 col-md-6">
                    <div class="card border-0 shadow-sm h-100 workforce-card workforce-card-{{ $card['accent'] }}">
                        <div class="card-body">
                            <div class="small text-muted">{{ $card['title'] }}</div>
                            <div class="display-6 fw-semibold">{{ number_format($card['value']) }}</div>
                            <div class="small text-muted">{{ $card['description'] }}</div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>

        <div class="row g-3 mb-4">
            <div class="col-xl-6">
                <div class="card border-0 shadow-sm h-100">
                    <div class="card-header bg-white border-0 pt-4">
                        <h5 class="mb-1">{{ $editingMapping ? 'Edit Mapping Workforce' : 'Tambah Mapping Workforce' }}</h5>
                        <p class="text-muted mb-0">Hubungkan user Smart City ke organisasi, petugas, dan identifier e-Presensi yang masih dipakai.</p>
                    </div>
                    <div class="card-body pt-2">
                        <form method="POST" action="{{ $editingMapping ? route('admin.smart_city.workforce.map.update', $editingMapping) : route('admin.smart_city.workforce.map') }}" class="row g-3">
                            @csrf
                            @if ($editingMapping)
                                @method('PUT')
                            @endif

                            <div class="col-md-6">
                                <label class="form-label">User</label>
                                <select name="user_id" class="form-select" required>
                                    <option value="">Pilih user</option>
                                    @foreach ($users as $user)
                                        <option value="{{ $user->id }}" @selected((int) old('user_id', $editingMapping?->user_id) === $user->id)>
                                            {{ $user->name }}{{ $user->email ? ' - ' . $user->email : '' }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Organisasi / OPD</label>
                                <select name="organization_id" class="form-select" required>
                                    <option value="">Pilih organisasi</option>
                                    @foreach ($organizations as $organization)
                                        <option value="{{ $organization->id }}" @selected((int) old('organization_id', $editingMapping?->organization_id) === $organization->id)>
                                            {{ $organization->short_name ?: $organization->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Role di Organisasi</label>
                                <select name="role_in_organization" class="form-select" required>
                                    <option value="">Pilih role</option>
                                    @foreach (\App\Models\SmartCity\UserOrganizationMap::ROLES as $key => $label)
                                        <option value="{{ $key }}" @selected(old('role_in_organization', $editingMapping?->role_in_organization) === $key)>{{ $label }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Petugas Existing</label>
                                <select name="legacy_petugas_id" class="form-select">
                                    <option value="">Belum dihubungkan</option>
                                    @foreach ($petugas as $petugasItem)
                                        <option value="{{ $petugasItem->id }}" @selected((int) old('legacy_petugas_id', $editingMapping?->legacy_petugas_id) === $petugasItem->id)>
                                            {{ $petugasItem->penduduk?->nama ?: ('Petugas #' . $petugasItem->id) }} - {{ \App\Models\Kegiatan\Petugas::$jabatans[$petugasItem->jabatan] ?? ucfirst((string) $petugasItem->jabatan) }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Legacy ID Pegawai</label>
                                <input type="text" name="legacy_pegawai_id" class="form-control" value="{{ old('legacy_pegawai_id', $editingMapping?->legacy_pegawai_id) }}" placeholder="Contoh: PGW-001">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Legacy ID Unit Kerja</label>
                                <input type="text" name="legacy_unit_kerja_id" class="form-control" value="{{ old('legacy_unit_kerja_id', $editingMapping?->legacy_unit_kerja_id) }}" placeholder="Contoh: UK-OPD-01">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Mulai Berlaku</label>
                                <input type="date" name="started_at" class="form-control" value="{{ old('started_at', optional($editingMapping?->started_at)->toDateString()) }}">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Berakhir</label>
                                <input type="date" name="ended_at" class="form-control" value="{{ old('ended_at', optional($editingMapping?->ended_at)->toDateString()) }}">
                            </div>
                            <div class="col-12">
                                <label class="form-label">Catatan Operasional</label>
                                <textarea name="notes" rows="2" class="form-control" placeholder="Misalnya area tugas, regu, atau shift lapangan">{{ old('notes', $editingMapping?->notes) }}</textarea>
                            </div>
                            <div class="col-12">
                                <label class="form-label">Coverage Area Metadata JSON</label>
                                <textarea name="coverage_area_metadata_json" rows="3" class="form-control" placeholder='{"kecamatan":"Tomohon Tengah","zona":["A","B"]}'>{{ old('coverage_area_metadata_json', $editingMapping?->coverage_area_metadata ? json_encode($editingMapping->coverage_area_metadata, JSON_PRETTY_PRINT | JSON_UNESCAPED_SLASHES) : null) }}</textarea>
                            </div>
                            <div class="col-md-6">
                                <div class="form-check form-switch mt-2">
                                    <input type="hidden" name="is_primary" value="0">
                                    <input class="form-check-input" type="checkbox" id="is_primary" name="is_primary" value="1" @checked((bool) old('is_primary', $editingMapping?->is_primary ?? true))>
                                    <label class="form-check-label" for="is_primary">Jadikan mapping utama</label>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-check form-switch mt-2">
                                    <input type="hidden" name="is_active" value="0">
                                    <input class="form-check-input" type="checkbox" id="is_active" name="is_active" value="1" @checked((bool) old('is_active', $editingMapping?->is_active ?? true))>
                                    <label class="form-check-label" for="is_active">Mapping aktif</label>
                                </div>
                            </div>
                            <div class="col-12 d-flex flex-wrap gap-2">
                                <button type="submit" class="btn btn-primary">{{ $editingMapping ? 'Perbarui Mapping' : 'Simpan Mapping' }}</button>
                                @if ($editingMapping)
                                    <a href="{{ route('admin.smart_city.workforce') }}" class="btn btn-outline-secondary">Batal Edit</a>
                                @endif
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            <div class="col-xl-6">
                <div class="card border-0 shadow-sm h-100">
                    <div class="card-header bg-white border-0 pt-4">
                        <h5 class="mb-1">Catatan Integrasi</h5>
                        <p class="text-muted mb-0">Presensi tetap berjalan di aplikasi `tomohonhebat_presensi`, Smart City hanya menarik mapping dan snapshot yang dibutuhkan.</p>
                    </div>
                    <div class="card-body pt-2">
                        <div class="rounded-4 bg-light p-3 mb-3">
                            <div class="small text-muted">Bridge e-Presensi</div>
                            <div class="fw-semibold">{{ config('services.presensi_bridge.enabled') ? 'Aktif' : 'Belum aktif' }}</div>
                            <div class="small text-muted">{{ config('services.presensi_bridge.base_url') }}</div>
                        </div>
                        <div class="rounded-4 bg-light p-3 mb-3">
                            <div class="small text-muted">Prinsip operasional</div>
                            <div class="fw-semibold">Single source of truth tetap di e-Presensi</div>
                            <div class="small text-muted">Smart City memakai mapping ini untuk assignment lapangan, snapshot kehadiran, dan command center.</div>
                        </div>
                        <div class="rounded-4 border p-3">
                            <div class="fw-semibold mb-2">Template Shift Lapangan Aktif</div>
                            @forelse ($shiftTemplates as $shiftTemplate)
                                <div class="d-flex justify-content-between align-items-center py-2 border-bottom last-border-0">
                                    <div>
                                        <div>{{ $shiftTemplate->name }}</div>
                                        <div class="small text-muted">{{ $shiftTemplate->organization?->short_name ?: $shiftTemplate->organization?->name ?: 'Tanpa OPD' }}</div>
                                    </div>
                                    <div class="small text-muted">
                                        {{ \Illuminate\Support\Str::of($shiftTemplate->start_time)->substr(0, 5) }} - {{ \Illuminate\Support\Str::of($shiftTemplate->end_time)->substr(0, 5) }}
                                    </div>
                                </div>
                            @empty
                                <div class="text-muted">Belum ada template shift yang aktif. Tabelnya sudah siap dan bisa diisi bertahap pada putaran berikut.</div>
                            @endforelse
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="card border-0 shadow-sm">
            <div class="card-header bg-white border-0 pt-4">
                <div class="d-flex flex-column flex-lg-row justify-content-between align-items-lg-center gap-3">
                    <div>
                        <h5 class="mb-1">Daftar Mapping Workforce</h5>
                        <p class="text-muted mb-0">Pemetaan user, organisasi, dan identitas operasional lintas modul.</p>
                    </div>
                    <form method="GET" class="row g-2 align-items-end">
                        <div class="col-md-5">
                            <label class="form-label">Cari</label>
                            <input type="text" name="search" class="form-control" value="{{ request('search') }}" placeholder="Nama user, OPD, atau ID legacy">
                        </div>
                        <div class="col-md-5">
                            <label class="form-label">Organisasi</label>
                            <select name="organization_id" class="form-select">
                                <option value="">Semua organisasi</option>
                                @foreach ($organizations as $organization)
                                    <option value="{{ $organization->id }}" @selected((int) request('organization_id') === $organization->id)>{{ $organization->short_name ?: $organization->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-2 d-grid">
                            <button type="submit" class="btn btn-outline-primary">Filter</button>
                        </div>
                    </form>
                </div>
            </div>
            <div class="card-body pt-2">
                <div class="table-responsive">
                    <table class="table align-middle mb-0">
                        <thead>
                            <tr>
                                <th>User</th>
                                <th>Organisasi</th>
                                <th>Role</th>
                                <th>Legacy</th>
                                <th>Petugas</th>
                                <th>Status</th>
                                <th class="text-end">Aksi</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($mappings as $mapping)
                                @php
                                    $lifecycleBadgeClass = match ($mapping->lifecycle_status) {
                                        'aktif' => 'bg-success-subtle text-success',
                                        'terjadwal' => 'bg-warning-subtle text-warning',
                                        'berakhir' => 'bg-dark-subtle text-dark',
                                        default => 'bg-secondary-subtle text-secondary',
                                    };
                                    $editQuery = array_merge(request()->query(), ['edit' => $mapping->id]);
                                @endphp
                                <tr>
                                    <td>
                                        <div class="fw-semibold">{{ $mapping->user?->name ?: 'User tidak ditemukan' }}</div>
                                        <div class="small text-muted">{{ $mapping->user?->email ?: '-' }}</div>
                                    </td>
                                    <td>
                                        <div class="fw-semibold">{{ $mapping->organization?->short_name ?: $mapping->organization?->name ?: 'Organisasi tidak ditemukan' }}</div>
                                        <div class="small text-muted">{{ $mapping->organization?->code ?: '-' }}</div>
                                    </td>
                                    <td>{{ $mapping->role_label }}</td>
                                    <td>
                                        <div class="small">Pegawai: {{ $mapping->legacy_pegawai_id ?: '-' }}</div>
                                        <div class="small text-muted">Unit: {{ $mapping->legacy_unit_kerja_id ?: '-' }}</div>
                                        <div class="small text-muted">Mulai: {{ optional($mapping->started_at)->format('d M Y') ?: 'Langsung aktif' }} | Akhir: {{ optional($mapping->ended_at)->format('d M Y') ?: '-' }}</div>
                                    </td>
                                    <td>{{ $mapping->petugas?->penduduk?->nama ?: 'Belum dihubungkan' }}</td>
                                    <td>
                                        <span class="badge {{ $lifecycleBadgeClass }}">
                                            {{ ucfirst($mapping->lifecycle_status) }}
                                        </span>
                                        @if ($mapping->is_primary)
                                            <span class="badge bg-primary-subtle text-primary">Utama</span>
                                        @endif
                                    </td>
                                    <td class="text-end">
                                        <div class="d-flex justify-content-end gap-2">
                                            <a href="{{ route('admin.smart_city.workforce', $editQuery) }}" class="btn btn-outline-primary btn-sm">Edit</a>
                                            <form method="POST" action="{{ route('admin.smart_city.workforce.map.delete', $mapping) }}" onsubmit="return confirm('Hapus mapping workforce ini?');">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" class="btn btn-outline-danger btn-sm">Hapus</button>
                                            </form>
                                        </div>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="7" class="text-center text-muted py-4">Belum ada mapping workforce yang tersimpan.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

                <div class="mt-3">
                    {{ $mappings->links() }}
                </div>
            </div>
        </div>
    </div>
@endsection

@section('stylesheet')
    <style>
        .workforce-card {
            border-top: 4px solid transparent !important;
        }

        .workforce-card-primary { border-top-color: #0d6efd !important; }
        .workforce-card-success { border-top-color: #198754 !important; }
        .workforce-card-info { border-top-color: #0dcaf0 !important; }
        .workforce-card-warning { border-top-color: #ffc107 !important; }
        .last-border-0:last-child {
            border-bottom: 0 !important;
        }
    </style>
@endsection