@extends('layouts.admin')
@section('title', 'Review Proposal')
@section('page-title', 'Proposal Review Console')

@section('content')
<div class="breadcrumb"><a href="{{ route('admin.dashboard') }}">Dashboard</a> <span>›</span> <span style="color:var(--g600)">Review Proposal</span></div>
<div style="display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:.75rem">
    <div><h1 class="section-title">Review Proposal</h1><p class="section-sub" style="margin-bottom:0">Tinjau proposal pengabdian yang diajukan oleh mahasiswa.</p></div>
    <div style="display:flex;gap:.5rem;flex-wrap:wrap">
        <button onclick="exportProposalExcel()" 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.proposal.deleteAll') }}" method="POST" onsubmit="return confirm('Peringatan: Aksi ini akan menghapus SEMUA proposal 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-proposal.')) {
            $hasTemplate = true;
            $templateUrl = route('template.preview', 'proposal');
            break;
        }
    }
    $settingsFile = storage_path('app/deadlines.json');
    $deadlines = file_exists($settingsFile) ? json_decode(file_get_contents($settingsFile), true) : [];
    $currentDeadline = $deadlines['proposal'] ?? '';
@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 Proposal</h3>
            <p class="settings-card-desc">Unggah file panduan mahasiswa.</p>
            <form action="{{ route('admin.template.upload', 'proposal') }}" 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', 'proposal') }}" method="POST" onsubmit="return customConfirm('Hapus template proposal 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', 'proposal') }}" 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 class="card">
    {{-- Desktop Table --}}
    <div class="data-table-wrapper hide-mobile">
        <table class="data-table">
            <thead><tr><th>ID</th><th>Judul Proposal</th><th>Mahasiswa</th><th>Desa</th><th>Status</th><th>Submitted</th><th>Aksi</th></tr></thead>
            <tbody>
            @forelse($proposals as $p)
            <tr>
                <td style="font-weight:600;color:var(--g600)">P-{{ str_pad($p->id, 4, '0', STR_PAD_LEFT) }}</td>
                <td>{{ \Illuminate\Support\Str::limit($p->title, 40) }}</td>
                <td>{{ $p->user->name }}</td>
                <td>{{ $p->village->name }}</td>
                <td>
                    <span class="tag {{ $p->status === 'approved' ? 'tag-success' : ($p->status === 'rejected' || $p->status === 'revision' ? 'tag-wajib' : 'tag-pending') }}">
                        {{ ucfirst($p->status) }}
                    </span>
                </td>
                <td style="color:var(--gr400)">{{ $p->created_at->format('d M Y') }}</td>
                <td><div style="display:flex;gap:0.5rem;align-items:center">
                    @if($p->status == 'pending')
                        <a href="{{ route('admin.proposal.review', $p->id) }}" class="btn-outline-sm" style="font-size:.72rem;padding:.3rem .6rem">Review →</a>
                    @elseif($p->status == 'revision' || $p->status == 'rejected')
                        <span style="font-size:.72rem;color:var(--gr500);font-weight:600;">⏳ Revisi</span>
                    @elseif($p->status == 'approved')
                        <span style="font-size:.72rem;color:var(--g600);font-weight:600;">✓ Disetujui</span>
                    @endif
                    <form action="{{ route('admin.proposal.delete', $p->id) }}" method="POST" onsubmit="return confirm('Yakin ingin menghapus proposal 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>
            @empty
            <tr>
                <td colspan="7" style="text-align:center;padding:2rem;color:var(--gr500)">Belum ada proposal yang diajukan.</td>
            </tr>
            @endforelse
            </tbody>
        </table>
    </div>

    {{-- Mobile Cards --}}
    <div class="show-mobile">
        @forelse($proposals as $p)
        <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:.72rem;font-weight:700;color:var(--g600)">P-{{ str_pad($p->id, 4, '0', STR_PAD_LEFT) }}</span>
                <span class="tag {{ $p->status === 'approved' ? 'tag-success' : ($p->status === 'rejected' || $p->status === 'revision' ? 'tag-wajib' : 'tag-pending') }}">{{ ucfirst($p->status) }}</span>
            </div>
            <h4 style="font-size:.88rem;font-weight:600;margin-bottom:.35rem;color:var(--gr800)">{{ \Illuminate\Support\Str::limit($p->title, 50) }}</h4>
            <div style="font-size:.78rem;color:var(--gr500);margin-bottom:.5rem">👤 {{ $p->user->name }} · 📍 {{ $p->village->name }}</div>
            <div style="display:flex;justify-content:space-between;align-items:center">
                <span style="font-size:.7rem;color:var(--gr400)">{{ $p->created_at->format('d M Y') }}</span>
                <div style="display:flex;gap:0.35rem;align-items:center">
                    @if($p->status == 'pending')
                        <a href="{{ route('admin.proposal.review', $p->id) }}" class="btn-outline-sm" style="font-size:.72rem;padding:.3rem .6rem">Review →</a>
                    @elseif($p->status == 'approved')
                        <span style="font-size:.72rem;color:var(--g600);font-weight:600;margin-right:0.2rem">✓ Disetujui</span>
                    @else
                        <span style="font-size:.72rem;color:var(--gr500);font-weight:600;margin-right:0.2rem">⏳ Perbaikan</span>
                    @endif
                    <form action="{{ route('admin.proposal.delete', $p->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 proposal yang diajukan.</div>
        @endforelse
    </div>
</div>

@push('scripts')
<script>
function exportProposalExcel() {
    const rows = [['ID', 'Judul Proposal', 'Mahasiswa', 'NIM', 'Desa', 'Status', 'Tanggal Submit']];
    @foreach($proposals as $p)
    rows.push([
        'P-{{ str_pad($p->id, 4, "0", STR_PAD_LEFT) }}',
        '{{ addslashes($p->title) }}',
        '{{ addslashes($p->user->name) }}',
        '{{ $p->user->nim }}',
        '{{ addslashes($p->village->name) }}',
        '{{ ucfirst($p->status) }}',
        '{{ $p->created_at->format("d/m/Y") }}'
    ]);
    @endforeach

    let csv = rows.map(r => r.map(c => '"' + String(c).replace(/"/g, '""') + '"').join(',')).join('\n');
    const blob = new Blob(['\ufeff' + csv], { type: 'text/csv;charset=utf-8;' });
    const url = URL.createObjectURL(blob);
    const a = document.createElement('a');
    a.href = url;
    a.download = 'data_proposal_{{ date("Y-m-d") }}.csv';
    a.click();
    URL.revokeObjectURL(url);

    if (typeof showToast === 'function') {
        showToast('Data proposal berhasil diexport!', 'success');
    }
}
</script>
@endpush
@endsection