@extends('layouts.admin')
@section('title', 'Laporan Akhir Mahasiswa')
@section('page-title', 'Laporan Akhir')

@section('content')
<div style="display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem">
    <div>
        <h1 class="section-title">Review Laporan Akhir</h1>
        <p class="section-sub" style="margin-bottom:0">Tinjau laporan pelaksanaan pengabdian dari mahasiswa</p>
    </div>
    <div style="display:flex;gap:.75rem;align-items:center;flex-wrap:wrap">
        <button class="btn-outline-sm" style="display:flex;align-items:center;gap:.35rem">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3" /></svg>
            Export Data
        </button>
        <form action="{{ route('admin.laporan.deleteAll') }}" method="POST" onsubmit="return confirm('Peringatan: Aksi ini akan menghapus SEMUA laporan mahasiswa. Anda yakin?');">
            @csrf
            @method('DELETE')
            <button type="submit" class="btn-outline-sm" style="color:#dc2626;border-color:#fca5a5;background:#fef2f2;display:flex;align-items:center;gap:.35rem;">
                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0" /></svg>
                Hapus Semua
            </button>
        </form>
    </div>
</div>

@if(session('success'))
<div style="background:#dcfce7;color:#166534;padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.85rem">
    {{ session('success') }}
</div>
@endif

@php
    $existing = \Illuminate\Support\Facades\Storage::disk('public')->files('templates');
    $hasTemplate = false;
    $templateUrl = '';
    foreach($existing as $file) {
        if(str_starts_with(basename($file), 'template-laporan.')) {
            $hasTemplate = true;
            $templateUrl = route('template.preview', 'laporan');
            break;
        }
    }
    $settingsFile = storage_path('app/deadlines.json');
    $deadlines = file_exists($settingsFile) ? json_decode(file_get_contents($settingsFile), true) : [];
    $currentDeadline = $deadlines['laporan'] ?? '';
@endphp

<div class="settings-grid">
    {{-- Template Upload --}}
    <div class="card settings-card">
        <div class="settings-card-icon" style="background:var(--g50);color:var(--g600)">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m6.75 12-3-3m0 0-3 3m3-3v6m-1.5-15H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z" /></svg>
        </div>
        <div class="settings-card-body">
            <h3 class="settings-card-title">Template Laporan Akhir</h3>
            <p class="settings-card-desc">Unggah file panduan mahasiswa.</p>
            <form action="{{ route('admin.template.upload', 'laporan') }}" method="POST" enctype="multipart/form-data" class="settings-form-row">
                @csrf
                <input type="file" name="template_file" accept=".pdf" required class="settings-file-input">
                <button type="submit" class="btn-action">Unggah</button>
            </form>
            <div style="display:flex;justify-content:space-between;align-items:center;margin-top:.5rem">
                @if($hasTemplate)
                    <div style="display:flex;align-items:center;gap:.5rem">
                        <a href="{{ $templateUrl }}" target="_blank" class="settings-card-link" style="display:flex;align-items:center;gap:.25rem">
                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" /></svg>
                            Lihat Saat Ini
                        </a>
                        <form action="{{ route('admin.template.delete', 'laporan') }}" method="POST" onsubmit="return customConfirm('Hapus template laporan ini?')" style="margin:0;padding:0">
                            @csrf @method('DELETE')
                            <button type="submit" style="background:none;border:none;color:#dc2626;cursor:pointer;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:.25rem" title="Hapus Template">
                                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0"/></svg>
                                Hapus
                            </button>
                        </form>
                    </div>
                @else
                    <span class="settings-card-status">Belum ada template</span>
                @endif
                @error('template_file')<span style="color:#dc2626;font-size:.72rem">{{ $message }}</span>@enderror
            </div>
        </div>
    </div>

    {{-- Deadline Settings --}}
    <div class="card settings-card">
        <div class="settings-card-icon" style="background:#fffbeb;color:#d97706">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" /></svg>
        </div>
        <div class="settings-card-body">
            <h3 class="settings-card-title">Batas Waktu Pengumpulan</h3>
            <p class="settings-card-desc">Atur tenggat waktu mahasiswa.</p>
            <form action="{{ route('admin.deadline.update', 'laporan') }}" method="POST" class="settings-form-row">
                @csrf
                <input type="date" name="deadline" value="{{ $currentDeadline }}" required class="settings-date-input">
                <button type="submit" class="btn-action" style="background:#d97706;border-color:#d97706">Simpan</button>
            </form>
            @if($currentDeadline)
                <div class="settings-card-badge">
                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" /></svg>
                    {{ \Carbon\Carbon::parse($currentDeadline)->locale('id')->isoFormat('D MMMM Y') }}
                </div>
            @else
                <span class="settings-card-status" style="margin-top:.5rem">Belum ada jadwal ditetapkan</span>
            @endif
        </div>
    </div>
</div>

<div style="display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--gr200);border-radius:var(--rad);margin-bottom:1.5rem;background:#fff;text-align:center">
    <div style="padding:.75rem .5rem;border-right:1px solid var(--gr200)"><div style="font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;color:var(--gr400);font-weight:600">Masuk</div><div style="font-size:1.25rem;font-weight:800;color:var(--gr800)">{{ count($reports) }}</div></div>
    <div style="padding:.75rem .5rem;border-right:1px solid var(--gr200)"><div style="font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;color:var(--gr400);font-weight:600">Review</div><div style="font-size:1.25rem;font-weight:800;color:#d97706">{{ $reports->where('status', 'pending')->count() }}</div></div>
    <div style="padding:.75rem .5rem;border-right:1px solid var(--gr200)"><div style="font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;color:var(--gr400);font-weight:600">Setuju</div><div style="font-size:1.25rem;font-weight:800;color:var(--g600)">{{ $reports->where('status', 'approved')->count() }}</div></div>
    <div style="padding:.75rem .5rem"><div style="font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;color:var(--gr400);font-weight:600">Revisi</div><div style="font-size:1.25rem;font-weight:800;color:#dc2626">{{ $reports->whereIn('status', ['revision', 'rejected'])->count() }}</div></div>
</div>

<div class="card" style="margin-top:1.5rem">
    {{-- Desktop Table --}}
    <div class="data-table-wrapper hide-mobile">
        <table class="data-table">
            <thead><tr><th>Mahasiswa</th><th>Proposal/Desa</th><th>File Laporan</th><th>Status</th><th>Submitted</th><th>Aksi</th></tr></thead>
            <tbody>
            @forelse($reports as $report)
            <tr>
                <td style="font-weight:600">
                    {{ $report->user->name }}
                    <div style="font-size:.7rem;color:var(--gr500);font-weight:normal">{{ $report->user->nim }}</div>
                </td>
                <td>
                    <div style="font-size:.8rem;font-weight:600;color:var(--gr800)">{{ \Illuminate\Support\Str::limit($report->proposal->title ?? '-', 30) }}</div>
                    <div style="font-size:.75rem;color:var(--gr500)">📍 {{ $report->proposal->village->name ?? '-' }}</div>
                </td>
                <td style="font-size:.78rem"><a href="{{ asset('storage/' . $report->file_path) }}" target="_blank" class="btn-outline-sm" style="display:inline-block;padding:.3rem .6rem"><span style="display:flex;align-items:center;gap:0.3rem;"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z" /></svg> Buka Laporan</span></a></td>
                <td>
                    <span class="tag {{ $report->status === 'approved' ? 'tag-success' : ($report->status === 'revision' || $report->status === 'rejected' ? 'tag-wajib' : 'tag-pending') }}">
                        {{ ucfirst($report->status) }}
                    </span>
                </td>
                <td style="color:var(--gr400);font-size:.8rem">{{ $report->created_at->format('d M Y') }}</td>
                <td>
                    <div class="table-actions" style="display:flex;gap:0.35rem;align-items:center">
                        @if($report->status == 'pending')
                            <form action="{{ route('admin.laporan.update', $report->id) }}" method="POST" style="display:inline">
                                @csrf
                                <input type="hidden" name="status" value="approved">
                                <button type="submit" title="Setujui" style="border-color:var(--g200);color:var(--g600);padding:0.2rem 0.4rem;border-radius:4px;background:none;border:1px solid">✓</button>
                            </form>
                            <button title="Revisi/Tolak" style="border-color:#fecaca;color:#dc2626;padding:0.2rem 0.4rem;border-radius:4px;background:none;border:1px solid" onclick="document.getElementById('modal-reject-{{ $report->id }}').style.display='block'">✗</button>
                        @elseif($report->status == 'revision' || $report->status == 'rejected')
                            <span style="font-size:.72rem;color:var(--gr500);font-weight:600;margin-right:0.5rem">⏳ Revisi</span>
                        @elseif($report->status == 'approved')
                            <span style="font-size:.72rem;color:var(--g600);font-weight:600;margin-right:0.5rem">✓ Disetujui</span>
                        @endif
                        <form action="{{ route('admin.laporan.delete', $report->id) }}" method="POST" onsubmit="return confirm('Yakin ingin menghapus laporan ini?');">
                            @csrf @method('DELETE')
                            <button type="submit" title="Hapus" style="background:none;border:none;color:#dc2626;cursor:pointer;padding:0.2rem;display:flex;align-items:center;"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0" /></svg></button>
                        </form>
                    </div>
                </td>
            </tr>

            {{-- Modal Reject/Revision --}}
            <div id="modal-reject-{{ $report->id }}" style="display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:999;align-items:center;justify-content:center;">
                <div style="background:#fff;padding:2rem;border-radius:12px;width:100%;max-width:400px;margin:10% auto;">
                    <h3 style="margin-top:0;margin-bottom:1rem">Review Laporan</h3>
                    <form action="{{ route('admin.laporan.update', $report->id) }}" method="POST">
                        @csrf
                        <div class="form-group" style="margin-bottom:1rem">
                            <label style="display:block;margin-bottom:.5rem;font-size:.85rem;font-weight:600">Keputusan</label>
                            <select name="status" class="form-select" style="width:100%;padding:.6rem" required>
                                <option value="revision">Minta Revisi</option>
                                <option value="rejected">Tolak</option>
                            </select>
                        </div>
                        <div class="form-group" style="margin-bottom:1rem">
                            <label style="display:block;margin-bottom:.5rem;font-size:.85rem;font-weight:600">Catatan Revisi / Penolakan</label>
                            <textarea name="notes" class="form-input" style="width:100%;padding:.6rem" rows="3" required></textarea>
                        </div>
                        <div style="display:flex;justify-content:flex-end;gap:1rem">
                            <button type="button" class="btn-outline-sm" onclick="document.getElementById('modal-reject-{{ $report->id }}').style.display='none'">Batal</button>
                            <button type="submit" class="btn-action" style="background:#dc2626;border-color:#dc2626">Simpan Keputusan</button>
                        </div>
                    </form>
                </div>
            </div>
            @empty
            <tr>
                <td colspan="6" style="text-align:center;padding:2rem;color:var(--gr500)">Belum ada laporan yang disubmit.</td>
            </tr>
            @endforelse
            </tbody>
        </table>
    </div>

    {{-- Mobile Cards --}}
    <div class="show-mobile">
        @forelse($reports as $report)
        <div style="border:1px solid var(--gr200);border-radius:var(--radsm);padding:1rem;margin-bottom:.75rem">
            <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem">
                <span style="font-size:.82rem;font-weight:600;color:var(--gr800)">{{ $report->user->name }}</span>
                <span class="tag {{ $report->status === 'approved' ? 'tag-success' : ($report->status === 'revision' || $report->status === 'rejected' ? 'tag-wajib' : 'tag-pending') }}">{{ ucfirst($report->status) }}</span>
            </div>
            <div style="font-size:.75rem;color:var(--gr500);margin-bottom:.35rem">NIM: {{ $report->user->nim }}</div>
            <div style="font-size:.8rem;font-weight:600;color:var(--gr700);margin-bottom:.25rem">{{ \Illuminate\Support\Str::limit($report->proposal->title ?? '-', 40) }}</div>
            <div style="font-size:.75rem;color:var(--gr500);margin-bottom:.65rem">📍 {{ $report->proposal->village->name ?? '-' }}</div>
            <div style="display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;border-top:1px solid var(--gr100)">
                <a href="{{ asset('storage/' . $report->file_path) }}" target="_blank" class="btn-outline-sm" style="font-size:.78rem;padding:.3rem .6rem;display:flex;align-items:center;gap:.3rem;"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z" /></svg> Buka</a>
                <div style="display:flex;gap:.35rem;align-items:center">
                    @if($report->status == 'pending')
                        <form action="{{ route('admin.laporan.update', $report->id) }}" method="POST" style="display:inline">@csrf<input type="hidden" name="status" value="approved"><button type="submit" class="btn-outline-sm" style="font-size:.7rem;padding:.25rem .5rem;color:var(--g600);border-color:var(--g200)">✓ Setujui</button></form>
                        <button class="btn-outline-sm" style="font-size:.7rem;padding:.25rem .5rem;color:#dc2626;border-color:#fecaca" onclick="document.getElementById('modal-reject-{{ $report->id }}').style.display='block'">✗ Revisi</button>
                    @elseif($report->status == 'revision' || $report->status == 'rejected')
                        <span style="font-size:.7rem;color:var(--gr500);font-weight:600;margin-right:0.2rem">⏳ Tunggu Revisi</span>
                    @elseif($report->status == 'approved')
                        <span style="font-size:.7rem;color:var(--g600);font-weight:600;margin-right:0.2rem">✓ Disetujui</span>
                    @endif
                    <form action="{{ route('admin.laporan.delete', $report->id) }}" method="POST" onsubmit="return confirm('Yakin ingin menghapus?');">
                        @csrf @method('DELETE')
                        <button type="submit" style="background:none;border:1px solid #fecaca;border-radius:6px;padding:.3rem .4rem;color:#dc2626;cursor:pointer;display:flex;align-items:center;"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0" /></svg></button>
                    </form>
                </div>
            </div>
        </div>
        @empty
        <div style="text-align:center;padding:2rem;color:var(--gr500)">Belum ada laporan yang disubmit.</div>
        @endforelse
    </div>
</div>
@endsection