@extends('layouts.app', [
    'title' => 'Surat Akademik',
    'pageTitle' => 'Pengelolaan Surat Akademik',
    'pageSubtitle' => 'Kelola surat aktif kuliah, cuti, keterangan lulus, magang, dan penelitian.',
])

@section('content')
    <div class="row">
        <div class="col-lg-4">
            <div class="card card-outline card-primary">
                <div class="card-header">
                    <h3 class="card-title font-weight-bold">Tambah Pengajuan Surat</h3>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('pegawai.portal.letters.store') }}">
                        @csrf
                        <div class="form-group">
                            <label>Mahasiswa</label>
                            <select name="mahasiswa_id" class="form-control select2-searchable" data-placeholder="Pilih mahasiswa" required>
                                <option value=""></option>
                                @foreach ($students as $student)
                                    <option value="{{ $student->id }}">{{ $student->nim }} - {{ $student->nama_mahasiswa }} [{{ ucfirst($student->status) }}]</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group">
                            <label>Jenis Surat</label>
                            <select name="jenis_surat" class="form-control" required>
                                <option value="">Pilih jenis</option>
                                @foreach ($typeOptions as $option)
                                    <option value="{{ $option }}">{{ $option }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group">
                            <label>Keperluan</label>
                            <textarea name="keperluan" rows="3" class="form-control" required></textarea>
                        </div>
                        <button type="submit" class="btn btn-primary">
                            <i class="fas fa-plus-circle mr-1"></i>
                            Tambah Surat
                        </button>
                    </form>
                </div>
            </div>
        </div>

        <div class="col-lg-8">
            <div class="card card-outline card-success">
                <div class="card-header">
                    <h3 class="card-title font-weight-bold">Daftar Surat Akademik</h3>
                </div>
                <div class="card-body">
                    <form method="GET" action="{{ route('pegawai.portal.letters.index') }}" class="mb-4">
                        <div class="row">
                            <div class="col-md-4 form-group">
                                <label>Cari</label>
                                <input type="text" name="q" class="form-control" value="{{ $search }}" placeholder="Mahasiswa, nomor, jenis surat">
                            </div>
                            <div class="col-md-4 form-group">
                                <label>Status</label>
                                <select name="status" class="form-control">
                                    <option value="">Semua</option>
                                    @foreach ($statusOptions as $value => $label)
                                        <option value="{{ $value }}" @selected($status === $value)>{{ $label }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-4 form-group">
                                <label>Jenis Surat</label>
                                <select name="jenis_surat" class="form-control">
                                    <option value="">Semua</option>
                                    @foreach ($typeOptions as $option)
                                        <option value="{{ $option }}" @selected($type === $option)>{{ $option }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <button type="submit" class="btn btn-success">
                            <i class="fas fa-search mr-1"></i>
                            Filter Surat
                        </button>
                    </form>

                    @foreach ($letters as $letter)
                        <div class="border rounded p-3 mb-3">
                            <div class="d-flex justify-content-between flex-wrap">
                                <div>
                                    <h5 class="mb-1">{{ $letter->jenis_surat }}</h5>
                                    <div class="text-muted">
                                        {{ $letter->mahasiswa?->nama_mahasiswa ?? '-' }} - {{ $letter->mahasiswa?->nim ?? '-' }}
                                    </div>
                                    <small class="text-muted">Keperluan: {{ $letter->keperluan }}</small>
                                </div>
                                <div class="text-right">
                                    <span class="badge badge-{{ $letter->status === 'selesai' ? 'success' : ($letter->status === 'ditolak' ? 'danger' : 'warning') }}">
                                        {{ ucfirst($letter->status) }}
                                    </span>
                                    <div class="small text-muted mt-1">{{ $letter->nomor_surat ?? 'Nomor belum dibuat' }}</div>
                                    @if ($letter->file_surat)
                                        <a href="{{ route('pegawai.portal.letters.file', $letter) }}" class="btn btn-sm btn-outline-primary mt-2">
                                            <i class="fas fa-download mr-1"></i>
                                            File Surat
                                        </a>
                                    @endif
                                </div>
                            </div>

                            <form method="POST" action="{{ route('pegawai.portal.letters.update', $letter) }}" enctype="multipart/form-data" class="mt-3">
                                @csrf
                                @method('PUT')
                                <div class="row">
                                    <div class="col-md-3 form-group">
                                        <label>Status</label>
                                        <select name="status" class="form-control form-control-sm">
                                            @foreach ($statusOptions as $value => $label)
                                                <option value="{{ $value }}" @selected($letter->status === $value)>{{ $label }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-md-3 form-group">
                                        <label>Nomor Surat</label>
                                        <input type="text" name="nomor_surat" class="form-control form-control-sm" value="{{ $letter->nomor_surat }}">
                                    </div>
                                    <div class="col-md-3 form-group">
                                        <label>Tanggal Pengajuan</label>
                                        <input type="date" name="tanggal_pengajuan" class="form-control form-control-sm" value="{{ $letter->tanggal_pengajuan?->format('Y-m-d') }}">
                                    </div>
                                    <div class="col-md-3 form-group">
                                        <label>Tanggal Selesai</label>
                                        <input type="date" name="tanggal_selesai" class="form-control form-control-sm" value="{{ $letter->tanggal_selesai?->format('Y-m-d') }}">
                                    </div>
                                    <div class="col-md-6 form-group">
                                        <label>Upload File Surat</label>
                                        <input type="file" name="file_surat" class="form-control-file">
                                    </div>
                                    <div class="col-md-6 form-group">
                                        <label>Catatan Admin</label>
                                        <textarea name="catatan_admin" rows="2" class="form-control form-control-sm">{{ $letter->catatan_admin }}</textarea>
                                    </div>
                                </div>
                                <button type="submit" class="btn btn-sm btn-success">Simpan Perubahan</button>
                            </form>
                        </div>
                    @endforeach

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