@extends('pmb.layout')

@section('title', 'Data Diri - PMB UNDARMA')

@section('content')
<div class="pmb-topbar">
    <div>
        <h4><i class="fas fa-id-card text-primary"></i> Data Diri</h4>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('pmb.dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item active">Data Diri</li>
            </ol>
        </nav>
    </div>
</div>

<div class="form-card">
    <!-- Step Indicator -->
    <div class="step-indicator">
        <div class="step-item active">
            <div class="circle">1</div>
            <small>Data Diri</small>
        </div>
        <div class="step-item">
            <div class="circle">2</div>
            <small>Alamat</small>
        </div>
        <div class="step-item">
            <div class="circle">3</div>
            <small>Ortu</small>
        </div>
        <div class="step-item">
            <div class="circle">4</div>
            <small>Sekolah</small>
        </div>
        <div class="step-item">
            <div class="circle">5</div>
            <small>Prodi</small>
        </div>
    </div>

    <form method="POST" action="{{ route('pmb.pendaftaran.data-diri') }}" enctype="multipart/form-data">
        @csrf
        <div class="row">
            <div class="col-md-6 mb-3">
                <label class="form-label">Nama Lengkap <span class="text-danger">*</span></label>
                <input type="text" name="nama_lengkap" class="form-control @error('nama_lengkap') is-invalid @enderror" value="{{ old('nama_lengkap', $pendaftaran->nama_lengkap) }}" required>
                @error('nama_lengkap')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-6 mb-3">
                <label class="form-label">Tempat Lahir <span class="text-danger">*</span></label>
                <input type="text" name="tempat_lahir" class="form-control @error('tempat_lahir') is-invalid @enderror" value="{{ old('tempat_lahir', $pendaftaran->tempat_lahir) }}" required>
            </div>
        </div>

        <div class="row">
            <div class="col-md-6 mb-3">
                <label class="form-label">Jenis Kelamin <span class="text-danger">*</span></label>
                <select name="jenis_kelamin" class="form-select @error('jenis_kelamin') is-invalid @enderror" required>
                    <option value="">Pilih</option>
                    <option value="L" {{ old('jenis_kelamin', $pendaftaran->jenis_kelamin) == 'L' ? 'selected' : '' }}>Laki-laki</option>
                    <option value="P" {{ old('jenis_kelamin', $pendaftaran->jenis_kelamin) == 'P' ? 'selected' : '' }}>Perempuan</option>
                </select>
            </div>
            <div class="col-md-6 mb-3">
                <label class="form-label">Tanggal Lahir <span class="text-danger">*</span></label>
                <input type="date" name="tanggal_lahir" class="form-control @error('tanggal_lahir') is-invalid @enderror" value="{{ old('tanggal_lahir', $pendaftaran->tanggal_lahir?->format('Y-m-d')) }}" required>
            </div>
        </div>

        <div class="row">
            <div class="col-md-6 mb-3">
                <label class="form-label">Agama <span class="text-danger">*</span></label>
                <select name="agama" class="form-select @error('agama') is-invalid @enderror" required>
                    <option value="">Pilih</option>
                    <option value="Islam" {{ old('agama', $pendaftaran->agama) == 'Islam' ? 'selected' : '' }}>Islam</option>
                    <option value="Kristen" {{ old('agama', $pendaftaran->agama) == 'Kristen' ? 'selected' : '' }}>Kristen</option>
                    <option value="Katolik" {{ old('agama', $pendaftaran->agama) == 'Katolik' ? 'selected' : '' }}>Katolik</option>
                    <option value="Hindu" {{ old('agama', $pendaftaran->agama) == 'Hindu' ? 'selected' : '' }}>Hindu</option>
                    <option value="Buddha" {{ old('agama', $pendaftaran->agama) == 'Buddha' ? 'selected' : '' }}>Buddha</option>
                    <option value="Konghucu" {{ old('agama', $pendaftaran->agama) == 'Konghucu' ? 'selected' : '' }}>Konghucu</option>
                </select>
            </div>
            <div class="col-md-6 mb-3">
                <label class="form-label">Nama Ibu Kandung <span class="text-danger">*</span></label>
                <input type="text" name="nama_ibu" class="form-control @error('nama_ibu') is-invalid @enderror" value="{{ old('nama_ibu', $pendaftaran->nama_ibu) }}" required>
            </div>
        </div>

        <hr class="my-4">
        <h6 class="text-primary mb-3"><i class="fas fa-address-card"></i> Identitas Resmi</h6>

        <div class="row">
            <div class="col-md-6 mb-3">
                <label class="form-label">Kewarganegaraan <span class="text-danger">*</span></label>
                <select name="kewarganegaraan" class="form-select @error('kewarganegaraan') is-invalid @enderror" required>
                    <option value="">Pilih</option>
                    <option value="WNI" {{ old('kewarganegaraan', $pendaftaran->kewarganegaraan) == 'WNI' ? 'selected' : '' }}>WNI (Indonesia)</option>
                    <option value="WNA" {{ old('kewarganegaraan', $pendaftaran->kewarganegaraan) == 'WNA' ? 'selected' : '' }}>WNA (Asing)</option>
                </select>
                @error('kewarganegaraan')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-6 mb-3">
                <label class="form-label">NIK <span class="text-danger">*</span></label>
                <input type="text" name="nik" class="form-control @error('nik') is-invalid @enderror" value="{{ old('nik', $pendaftaran->nik) }}" maxlength="16" required>
                <small class="text-muted">16 digit nomor KTP</small>
                @error('nik')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
        </div>

        <div class="row">
            <div class="col-md-6 mb-3">
                <label class="form-label">NISN <span class="text-danger">*</span></label>
                <input type="text" name="nisn" class="form-control @error('nisn') is-invalid @enderror" value="{{ old('nisn', $pendaftaran->nisn) }}" maxlength="20" required>
                @error('nisn')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-6 mb-3">
                <label class="form-label">NPWP</label>
                <input type="text" name="npwp" class="form-control @error('npwp') is-invalid @enderror" value="{{ old('npwp', $pendaftaran->npwp) }}" maxlength="20">
                <small class="text-muted">Kosongkan jika tidak punya</small>
                @error('npwp')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
        </div>

        <hr class="my-4">
        <h6 class="text-primary mb-3"><i class="fas fa-phone"></i> Kontak</h6>

        <div class="row">
            <div class="col-md-6 mb-3">
                <label class="form-label">No. HP <span class="text-danger">*</span></label>
                <input type="text" name="no_hp" class="form-control @error('no_hp') is-invalid @enderror" value="{{ old('no_hp', $pendaftaran->no_hp) }}" required>
                <small class="text-muted">Gunakan format: 0812345678999</small>
                @error('no_hp')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-6 mb-3">
                <label class="form-label">Email <span class="text-danger">*</span></label>
                <input type="email" name="email" class="form-control @error('email') is-invalid @enderror" value="{{ old('email', $pendaftaran->email) }}" required>
                @error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
        </div>

        <div class="mb-3">
            <label class="form-label">Pas Foto 3x4</label>
            <input type="file" name="pas_foto" class="form-control @error('pas_foto') is-invalid @enderror" accept="image/*">
            <small class="text-muted">Format: JPG/PNG, Maks: 2MB</small>
            @if($pendaftaran->pas_foto)
                <div class="mt-2">
                    <img src="{{ asset('storage/' . $pendaftaran->pas_foto) }}" class="img-thumbnail" style="max-height: 150px;">
                </div>
            @endif
        </div>

        <div class="d-flex justify-content-between">
            <a href="{{ route('pmb.dashboard') }}" class="btn btn-secondary">
                <i class="fas fa-arrow-left"></i> Kembali ke Dashboard
            </a>
            <button type="submit" class="btn btn-primary">
                <i class="fas fa-save"></i> Simpan & Lanjutkan
            </button>
        </div>
    </form>
</div>
@endsection