@extends('layouts.app', [
    'title' => 'Layanan Mahasiswa',
    'pageTitle' => 'Layanan Administrasi Mahasiswa',
    'pageSubtitle' => 'Ajukan surat, kirim tiket helpdesk, dan pantau pengajuan administrasi langsung dari portal mahasiswa.',
])

@section('content')
    <div class="row">
        <div class="col-lg-3 col-md-6">
            <div class="info-box bg-light">
                <span class="info-box-icon bg-info"><i class="fas fa-user-check"></i></span>
                <div class="info-box-content">
                    <span class="info-box-text">Verifikasi Data</span>
                    <span class="info-box-number text-capitalize">{{ str_replace('_', ' ', $summaryCards['verifikasi']) }}</span>
                </div>
            </div>
        </div>
        <div class="col-lg-3 col-md-6">
            <div class="info-box bg-light">
                <span class="info-box-icon bg-primary"><i class="fas fa-envelope-open-text"></i></span>
                <div class="info-box-content">
                    <span class="info-box-text">Surat Aktif</span>
                    <span class="info-box-number">{{ $summaryCards['surat'] }}</span>
                </div>
            </div>
        </div>
        <div class="col-lg-3 col-md-6">
            <div class="info-box bg-light">
                <span class="info-box-icon bg-warning"><i class="fas fa-headset"></i></span>
                <div class="info-box-content">
                    <span class="info-box-text">Helpdesk Aktif</span>
                    <span class="info-box-number">{{ $summaryCards['helpdesk'] }}</span>
                </div>
            </div>
        </div>
        <div class="col-lg-3 col-md-6">
            <div class="info-box bg-light">
                <span class="info-box-icon bg-success"><i class="fas fa-folder-open"></i></span>
                <div class="info-box-content">
                    <span class="info-box-text">Pengajuan Aktif</span>
                    <span class="info-box-number">{{ $summaryCards['pengajuan'] }}</span>
                </div>
            </div>
        </div>
    </div>

    <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">Ajukan Surat Akademik</h3>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('mahasiswa.services.letters.store') }}">
                        @csrf
                        <div class="form-group">
                            <label>Jenis Surat</label>
                            <select name="jenis_surat" class="form-control" required>
                                <option value="">Pilih jenis surat</option>
                                @foreach ($letterTypes as $type)
                                    <option value="{{ $type }}">{{ $type }}</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-paper-plane mr-1"></i>
                            Kirim Surat
                        </button>
                    </form>
                </div>
            </div>

            <div class="card card-outline card-warning">
                <div class="card-header">
                    <h3 class="card-title font-weight-bold">Kirim Helpdesk</h3>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('mahasiswa.services.helpdesk.store') }}">
                        @csrf
                        <div class="form-group">
                            <label>Subjek</label>
                            <input type="text" name="subjek" class="form-control" required>
                        </div>
                        <div class="form-group">
                            <label>Kategori</label>
                            <input type="text" name="kategori" class="form-control" placeholder="Contoh: Login, KRS, Surat" required>
                        </div>
                        <div class="form-group">
                            <label>Prioritas</label>
                            <select name="prioritas" class="form-control" required>
                                @foreach ($ticketPriorities as $value => $label)
                                    <option value="{{ $value }}">{{ $label }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group">
                            <label>Pesan</label>
                            <textarea name="pesan" rows="3" class="form-control" required></textarea>
                        </div>
                        <button type="submit" class="btn btn-warning">
                            <i class="fas fa-headset mr-1"></i>
                            Kirim Tiket
                        </button>
                    </form>
                </div>
            </div>

            <div class="card card-outline card-success">
                <div class="card-header">
                    <h3 class="card-title font-weight-bold">Pengajuan Administrasi</h3>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('mahasiswa.services.requests.store') }}" enctype="multipart/form-data">
                        @csrf
                        <div class="form-group">
                            <label>Jenis Pengajuan</label>
                            <input type="text" name="jenis_pengajuan" class="form-control" placeholder="Contoh: Legalisir, Koreksi Biodata" required>
                        </div>
                        <div class="form-group">
                            <label>Deskripsi</label>
                            <textarea name="deskripsi" rows="3" class="form-control" required></textarea>
                        </div>
                        <div class="form-group">
                            <label>Lampiran</label>
                            <input type="file" name="lampiran" class="form-control-file">
                        </div>
                        <button type="submit" class="btn btn-success">
                            <i class="fas fa-folder-plus mr-1"></i>
                            Kirim Pengajuan
                        </button>
                    </form>
                </div>
            </div>
        </div>

        <div class="col-lg-8">
            <div class="card card-outline card-secondary">
                <div class="card-header">
                    <h3 class="card-title font-weight-bold">Riwayat Surat Akademik</h3>
                </div>
                <div class="card-body table-responsive p-0">
                    <table class="table table-hover mb-0">
                        <thead>
                        <tr>
                            <th>Jenis Surat</th>
                            <th>Status</th>
                            <th>Nomor</th>
                            <th>Aksi</th>
                        </tr>
                        </thead>
                        <tbody>
                        @forelse ($letters as $letter)
                            <tr>
                                <td>{{ $letter->jenis_surat }}</td>
                                <td><span class="badge badge-{{ $letter->status === 'selesai' ? 'success' : ($letter->status === 'ditolak' ? 'danger' : 'warning') }}">{{ ucfirst($letter->status) }}</span></td>
                                <td>{{ $letter->nomor_surat ?? '-' }}</td>
                                <td>
                                    @if ($letter->file_surat)
                                        <a href="{{ route('mahasiswa.services.letters.file', $letter) }}" class="btn btn-sm btn-outline-primary">Unduh</a>
                                    @else
                                        <span class="text-muted small">Menunggu file</span>
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="4" class="text-center text-muted py-3">Belum ada pengajuan surat.</td>
                            </tr>
                        @endforelse
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="card card-outline card-warning">
                <div class="card-header">
                    <h3 class="card-title font-weight-bold">Riwayat Helpdesk</h3>
                </div>
                <div class="card-body">
                    @forelse ($tickets as $ticket)
                        <div class="border rounded p-3 mb-3">
                            <div class="d-flex justify-content-between flex-wrap">
                                <div>
                                    <h5 class="mb-1">{{ $ticket->subjek }}</h5>
                                    <div class="text-muted">{{ $ticket->kategori }}</div>
                                    <p class="mb-1 mt-2">{{ $ticket->pesan }}</p>
                                </div>
                                <div class="text-right">
                                    <span class="badge badge-{{ $ticket->status === 'selesai' ? 'success' : ($ticket->status === 'diproses' ? 'info' : 'warning') }}">{{ ucfirst($ticket->status) }}</span>
                                </div>
                            </div>
                            @if ($ticket->tanggapan)
                                <div class="alert alert-light border mb-0 mt-2">
                                    <strong>Tanggapan staf:</strong> {{ $ticket->tanggapan }}
                                </div>
                            @endif
                        </div>
                    @empty
                        <div class="alert alert-light border">Belum ada tiket helpdesk.</div>
                    @endforelse
                </div>
            </div>

            <div class="card card-outline card-success">
                <div class="card-header">
                    <h3 class="card-title font-weight-bold">Riwayat Pengajuan Administrasi</h3>
                </div>
                <div class="card-body">
                    @forelse ($requests as $submission)
                        <div class="border rounded p-3 mb-3">
                            <div class="d-flex justify-content-between flex-wrap">
                                <div>
                                    <h5 class="mb-1">{{ $submission->jenis_pengajuan }}</h5>
                                    <p class="mb-1 mt-2">{{ $submission->deskripsi }}</p>
                                </div>
                                <div class="text-right">
                                    <span class="badge badge-{{ $submission->status === 'selesai' ? 'success' : ($submission->status === 'ditolak' ? 'danger' : 'warning') }}">{{ ucfirst($submission->status) }}</span>
                                </div>
                            </div>
                            <div class="mt-2">
                                @if ($submission->lampiran)
                                    <a href="{{ route('mahasiswa.services.requests.file', $submission) }}" class="btn btn-sm btn-outline-success mr-2">
                                        <i class="fas fa-paperclip mr-1"></i>
                                        Unduh Lampiran
                                    </a>
                                @endif
                            </div>
                            @if ($submission->catatan_petugas)
                                <div class="alert alert-light border mb-0 mt-2">
                                    <strong>Catatan petugas:</strong> {{ $submission->catatan_petugas }}
                                </div>
                            @endif
                        </div>
                    @empty
                        <div class="alert alert-light border">Belum ada pengajuan administrasi.</div>
                    @endforelse
                </div>
            </div>
        </div>
    </div>
@endsection