@extends('layouts.admin')
@section('title', 'Template & Jadwal')
@section('page-title', 'Pengaturan Template Dokumen & Jadwal')

@section('content')
<div class="breadcrumb">
    <a href="{{ route('admin.dashboard') }}">Dashboard</a> <span>›</span> <span>Template & Jadwal</span>
</div>

@if(session('success'))
    <div style="background:var(--g50);border:1px solid var(--g200);color:var(--g800);padding:1rem;border-radius:var(--radsm);margin-bottom:1.5rem">
        {{ session('success') }}
    </div>
@endif

@if($errors->any())
    <div style="background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:1rem;border-radius:var(--radsm);margin-bottom:1.5rem">
        <ul style="margin:0;padding-left:1.5rem">
            @foreach($errors->any() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<div style="display:grid;grid-template-columns:1fr 1fr;gap:1.5rem">
    {{-- Proposal --}}
    <div class="card">
        <h3 style="font-size:1.1rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem">
            <svg width="20" height="20" 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.25m3.75 9v6m3-3H9m1.5-12H5.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>
            Template Proposal
        </h3>
        
        <div style="margin-bottom:1.5rem">
            @if($propUrl != '#')
                <div class="doc-file" style="margin-bottom:.5rem;background:var(--w);border:1px solid var(--gr200)">
                    <div class="doc-file-icon"><svg width="18" height="18" 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></div>
                    <div class="doc-file-info"><p>template-proposal</p><span>Diunggah: {{ $propDate }}</span></div>
                    <div class="doc-file-actions" style="display:flex;gap:.5rem">
                        <a href="{{ $propUrl }}" target="_blank" title="Lihat" class="btn-outline-sm" style="padding:.4rem .8rem;font-size:.78rem;display:inline-flex;align-items:center;gap:.35rem">
                            <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="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.964-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 Template
                        </a>
                        <form action="{{ route('admin.template.delete', 'proposal') }}" method="POST" onsubmit="return customConfirm('Hapus template proposal ini?')" style="display:inline">
                            @csrf @method('DELETE')
                            <button type="submit" class="btn-outline-sm" style="padding:.4rem .8rem;font-size:.78rem;color:#dc2626;border-color:#fecaca;display:inline-flex;align-items:center;gap:.35rem">
                                <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>
                </div>
            @else
                <div style="padding:1rem;background:var(--gr50);border:1px dashed var(--gr300);border-radius:var(--radsm);text-align:center;color:var(--gr500);font-size:.85rem;margin-bottom:.5rem">
                    Belum ada template proposal yang diunggah.
                </div>
            @endif
            
            <form action="{{ route('admin.template.upload', 'proposal') }}" method="POST" enctype="multipart/form-data">
                @csrf
                <div style="display:flex;gap:.5rem;align-items:center">
                    <input type="file" name="template_file" accept=".pdf" required class="form-select" style="padding:.4rem;font-size:.8rem">
                    <button type="submit" class="btn-action" style="padding:.5rem 1rem;font-size:.8rem">Upload PDF</button>
                </div>
                <small style="color:var(--gr500);font-size:.7rem;margin-top:.4rem;display:block">*Hanya format file .pdf yang diperbolehkan agar bisa di-preview oleh mahasiswa.</small>
            </form>
        </div>
        
        <hr style="border:0;border-top:1px solid var(--gr100);margin:1.5rem 0">
        
        <h4 style="font-size:.9rem;font-weight:600;margin-bottom:.75rem">Jadwal Penutupan Proposal</h4>
        <form action="{{ route('admin.deadline.update', 'proposal') }}" method="POST">
            @csrf
            <div style="display:flex;gap:.5rem;align-items:center">
                <input type="date" name="deadline" value="{{ $deadlines['proposal'] ?? '' }}" required class="form-select" style="padding:.4rem;font-size:.8rem">
                <button type="submit" class="btn-outline-sm" style="padding:.5rem 1rem;font-size:.8rem">Simpan</button>
            </div>
        </form>
    </div>

    {{-- Laporan --}}
    <div class="card">
        <h3 style="font-size:1.1rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem">
            <svg width="20" height="20" 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>
            Template Laporan Akhir
        </h3>
        
        <div style="margin-bottom:1.5rem">
            @if($lapUrl != '#')
                <div class="doc-file" style="margin-bottom:.5rem;background:var(--w);border:1px solid var(--gr200)">
                    <div class="doc-file-icon"><svg width="18" height="18" 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="doc-file-info"><p>template-laporan</p><span>Diunggah: {{ $lapDate }}</span></div>
                    <div class="doc-file-actions" style="display:flex;gap:.5rem">
                        <a href="{{ $lapUrl }}" target="_blank" title="Lihat" class="btn-outline-sm" style="padding:.4rem .8rem;font-size:.78rem;display:inline-flex;align-items:center;gap:.35rem">
                            <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="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.964-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 Template
                        </a>
                        <form action="{{ route('admin.template.delete', 'laporan') }}" method="POST" onsubmit="return customConfirm('Hapus template laporan ini?')" style="display:inline">
                            @csrf @method('DELETE')
                            <button type="submit" class="btn-outline-sm" style="padding:.4rem .8rem;font-size:.78rem;color:#dc2626;border-color:#fecaca;display:inline-flex;align-items:center;gap:.35rem">
                                <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>
                </div>
            @else
                <div style="padding:1rem;background:var(--gr50);border:1px dashed var(--gr300);border-radius:var(--radsm);text-align:center;color:var(--gr500);font-size:.85rem;margin-bottom:.5rem">
                    Belum ada template laporan yang diunggah.
                </div>
            @endif
            
            <form action="{{ route('admin.template.upload', 'laporan') }}" method="POST" enctype="multipart/form-data">
                @csrf
                <div style="display:flex;gap:.5rem;align-items:center">
                    <input type="file" name="template_file" accept=".pdf" required class="form-select" style="padding:.4rem;font-size:.8rem">
                    <button type="submit" class="btn-action" style="padding:.5rem 1rem;font-size:.8rem">Upload PDF</button>
                </div>
                <small style="color:var(--gr500);font-size:.7rem;margin-top:.4rem;display:block">*Hanya format file .pdf yang diperbolehkan agar bisa di-preview oleh mahasiswa.</small>
            </form>
        </div>
        
        <hr style="border:0;border-top:1px solid var(--gr100);margin:1.5rem 0">
        
        <h4 style="font-size:.9rem;font-weight:600;margin-bottom:.75rem">Jadwal Penutupan Laporan</h4>
        <form action="{{ route('admin.deadline.update', 'laporan') }}" method="POST">
            @csrf
            <div style="display:flex;gap:.5rem;align-items:center">
                <input type="date" name="deadline" value="{{ $deadlines['laporan'] ?? '' }}" required class="form-select" style="padding:.4rem;font-size:.8rem">
                <button type="submit" class="btn-outline-sm" style="padding:.5rem 1rem;font-size:.8rem">Simpan</button>
            </div>
        </form>
    </div>
</div>
@endsection