{{-- ====================================================================== --}}
{{-- File      : resources/views/pesanan_kartu/create.blade.php            --}}
{{-- Fungsi    : Halaman form untuk membuat nota pesanan kartu anggota     --}}
{{-- Catatan   : Route sudah disesuaikan ke group superadmin.*             --}}
{{-- ====================================================================== --}}

@extends('layouts.dashboard')

@section('content')
    {{-- ================================================================ --}}
    {{-- BLOK WRAPPER HALAMAN                                             --}}
    {{-- Membungkus seluruh isi halaman agar mengikuti layout dashboard.  --}}
    {{-- ================================================================ --}}
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">

                {{-- ==================================================== --}}
                {{-- BLOK KARTU UTAMA                                     --}}
                {{-- Card utama yang menampung header dan form input.     --}}
                {{-- ==================================================== --}}
                <div class="card">

                    {{-- ================================================== --}}
                    {{-- BLOK HEADER CARD                                  --}}
                    {{-- Menampilkan judul halaman dan tombol kembali.     --}}
                    {{-- Route kembali diarahkan ke index pesanan kartu    --}}
                    {{-- khusus area superadmin.                           --}}
                    {{-- ================================================== --}}
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <h5 class="mb-0">Buat Pesanan Kartu Anggota</h5>

                        <a href="{{ route('superadmin.pesanan-kartu.index') }}" class="btn btn-secondary">
                            Kembali
                        </a>
                    </div>

                    {{-- ================================================== --}}
                    {{-- BLOK ISI CARD                                     --}}
                    {{-- Berisi alert, validasi error, informasi, dan form --}}
                    {{-- input pembuatan nota pesanan kartu.               --}}
                    {{-- ================================================== --}}
                    <div class="card-body">

                        {{-- ============================================== --}}
                        {{-- BLOK ALERT ERROR SESSION                       --}}
                        {{-- Menampilkan pesan error umum dari session.     --}}
                        {{-- ============================================== --}}
                        @if (session('error'))
                            <div class="alert alert-danger">
                                {{ session('error') }}
                            </div>
                        @endif

                        {{-- ============================================== --}}
                        {{-- BLOK VALIDASI ERROR                            --}}
                        {{-- Menampilkan daftar semua error validasi form.  --}}
                        {{-- ============================================== --}}
                        @if ($errors->any())
                            <div class="alert alert-danger">
                                <strong>Periksa input:</strong>
                                <ul class="mb-0 mt-2">
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif

                        {{-- ============================================== --}}
                        {{-- BLOK INFORMASI                                 --}}
                        {{-- Memberi penjelasan bahwa data pemesan diambil  --}}
                        {{-- otomatis dari akun yang sedang login.          --}}
                        {{-- ============================================== --}}
                        <div class="alert alert-info">
                            Data pemesan terisi otomatis dari akun yang sedang login.
                        </div>

                        {{-- ============================================== --}}
                        {{-- BLOK FORM CREATE NOTA PESANAN                  --}}
                        {{-- Form disubmit ke route store milik superadmin  --}}
                        {{-- pesanan-kartu. CSRF wajib untuk request POST.  --}}
                        {{-- ============================================== --}}
                        <form action="{{ route('superadmin.pesanan-kartu.store') }}" method="POST">
                            @csrf

                            {{-- ========================================== --}}
                            {{-- BLOK HIDDEN INPUT                          --}}
                            {{-- Menyimpan data internal yang tidak perlu   --}}
                            {{-- diedit manual oleh user.                   --}}
                            {{-- ========================================== --}}
                            <input type="hidden" name="status_kartu" value="{{ old('status_kartu', 'pesan') }}">
                            <input type="hidden" name="anggota_id" value="{{ $anggota->anggota_id ?? '' }}">

                            {{-- ========================================== --}}
                            {{-- BLOK INPUT TANGGAL PESAN                   --}}
                            {{-- Tanggal pesanan default hari ini, namun    --}}
                            {{-- tetap bisa disesuaikan bila diperlukan.    --}}
                            {{-- ========================================== --}}
                            <div class="mb-3">
                                <label for="tgl_pesan" class="form-label">Tanggal Pesan</label>
                                <input
                                    type="date"
                                    id="tgl_pesan"
                                    name="tgl_pesan"
                                    class="form-control"
                                    value="{{ old('tgl_pesan', date('Y-m-d')) }}"
                                    required
                                >
                            </div>

                            {{-- ========================================== --}}
                            {{-- BLOK INPUT NIK PEMESAN                     --}}
                            {{-- NIK diambil dari data anggota yang login   --}}
                            {{-- dan dibuat readonly agar tidak berubah.    --}}
                            {{-- ========================================== --}}
                            <div class="mb-3">
                                <label for="nik_pemesan" class="form-label">NIK Pemesan</label>
                                <input
                                    type="text"
                                    id="nik_pemesan"
                                    name="nik_pemesan"
                                    class="form-control"
                                    value="{{ $anggota->nik ?? '' }}"
                                    readonly
                                    required
                                >
                            </div>

                            {{-- ========================================== --}}
                            {{-- BLOK INPUT NAMA PEMESAN                    --}}
                            {{-- Nama pemesan otomatis dari data anggota.   --}}
                            {{-- ========================================== --}}
                            <div class="mb-3">
                                <label for="nama_pemesan" class="form-label">Nama Pemesan</label>
                                <input
                                    type="text"
                                    id="nama_pemesan"
                                    name="nama_pemesan"
                                    class="form-control"
                                    value="{{ $anggota->nama_lengkap ?? '' }}"
                                    readonly
                                    required
                                >
                            </div>

                            {{-- ========================================== --}}
                            {{-- BLOK INPUT NOMOR HP PEMESAN                --}}
                            {{-- Nomor HP otomatis dari data anggota login. --}}
                            {{-- ========================================== --}}
                            <div class="mb-3">
                                <label for="hp_pemesan" class="form-label">No. HP Pemesan</label>
                                <input
                                    type="text"
                                    id="hp_pemesan"
                                    name="hp_pemesan"
                                    class="form-control"
                                    value="{{ $anggota->nomor_wa ?? '' }}"
                                    readonly
                                >
                            </div>

                            {{-- ========================================== --}}
                            {{-- BLOK INPUT KETERANGAN                      --}}
                            {{-- Kolom opsional untuk catatan tambahan      --}}
                            {{-- terkait pesanan kartu anggota.             --}}
                            {{-- ========================================== --}}
                            <div class="mb-3">
                                <label for="keterangan" class="form-label">Keterangan</label>
                                <textarea
                                    id="keterangan"
                                    name="keterangan"
                                    class="form-control"
                                    rows="3"
                                >{{ old('keterangan') }}</textarea>
                            </div>

                            {{-- ========================================== --}}
                            {{-- BLOK TOMBOL AKSI                           --}}
                            {{-- Tombol utama untuk menyimpan nota pesanan. --}}
                            {{-- ========================================== --}}
                            <div class="d-flex justify-content-end">
                                <button type="submit" class="btn btn-primary">
                                    Simpan Nota Pesanan
                                </button>
                            </div>
                        </form>

                        {{-- ============================================== --}}
                        {{-- BLOK CATATAN                                   --}}
                        {{-- Pencarian anggota manual sudah tidak dipakai   --}}
                        {{-- karena identitas pemesan diambil dari login.   --}}
                        {{-- ============================================== --}}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection