@extends('pmb.layout')

@section('title', 'Data Diri')

@section('content')
<div class="row justify-content-center">
    <div class="col-md-8 col-lg-7">
        <div class="pmb-card">
            <div class="pmb-card-header">
                <h5><i class="fas fa-id-card me-2"></i>Data Diri</h5>
            </div>
            <div class="pmb-card-body">
                <form method="POST" action="{{ route('pmb.step.update', 'data_diri') }}">
                    @csrf
                    <div class="row g-3">
                        <div class="col-md-12">
                            <label class="form-label-modern">Nama Lengkap <span class="text-danger">*</span></label>
                            <input type="text" name="nama_lengkap" class="form-control-modern" 
                                   value="{{ old('nama_lengkap', $pendaftaran->nama_lengkap) }}" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label-modern">NIK <span class="text-danger">*</span></label>
                            <input type="text" name="nik" class="form-control-modern" 
                                   value="{{ old('nik', $pendaftaran->nik) }}" required maxlength="20">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label-modern">Jenis Kelamin <span class="text-danger">*</span></label>
                            <select name="jenis_kelamin" class="form-control-modern" 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">
                            <label class="form-label-modern">Tempat Lahir <span class="text-danger">*</span></label>
                            <input type="text" name="tempat_lahir" class="form-control-modern" 
                                   value="{{ old('tempat_lahir', $pendaftaran->tempat_lahir) }}" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label-modern">Tanggal Lahir <span class="text-danger">*</span></label>
                            <input type="date" name="tanggal_lahir" class="form-control-modern" 
                                   value="{{ old('tanggal_lahir', $pendaftaran->tanggal_lahir?->format('Y-m-d')) }}" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label-modern">Agama <span class="text-danger">*</span></label>
                            <select name="agama" class="form-control-modern" required>
                                <option value="">Pilih</option>
                                @foreach(['Islam', 'Kristen', 'Katolik', 'Hindu', 'Budha', 'Konghucu'] as $agama)
                                    <option value="{{ $agama }}" {{ old('agama', $pendaftaran->agama) === $agama ? 'selected' : '' }}>{{ $agama }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label-modern">No. HP <span class="text-danger">*</span></label>
                            <input type="text" name="no_hp" class="form-control-modern" 
                                   value="{{ old('no_hp', $pendaftaran->no_hp) }}" required>
                        </div>
                        <div class="col-md-12">
                            <label class="form-label-modern">Email <span class="text-danger">*</span></label>
                            <input type="email" name="email" class="form-control-modern" 
                                   value="{{ old('email', $pendaftaran->email) }}" required>
                        </div>
                        <div class="col-md-12">
                            <label class="form-label-modern">Alamat Lengkap <span class="text-danger">*</span></label>
                            <textarea name="alamat" class="form-control-modern" rows="3" required>{{ old('alamat', $pendaftaran->alamat) }}</textarea>
                        </div>
                    </div>

                    <div class="d-flex justify-content-between mt-4">
                        <a href="{{ route('pmb.step', 'pas_foto') }}" class="btn btn-undarma-outline">
                            <i class="fas fa-arrow-left me-2"></i>Kembali
                        </a>
                        <button type="submit" class="btn btn-undarma-gold">
                            <i class="fas fa-save me-2"></i>Simpan & Lanjutkan
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection