@extends('pmb.layout')

@section('title', 'Data Orang Tua')

@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-users me-2"></i>Data Orang Tua</h5>
            </div>
            <div class="pmb-card-body">
                <form method="POST" action="{{ route('pmb.step.update', 'data_ortu') }}">
                    @csrf
                    <h6 class="fw-bold mb-3" style="color: var(--undarma-navy);">
                        <i class="fas fa-male me-2"></i>Data Ayah
                    </h6>
                    <div class="row g-3 mb-4">
                        <div class="col-md-6">
                            <label class="form-label-modern">Nama Ayah <span class="text-danger">*</span></label>
                            <input type="text" name="nama_ayah" class="form-control-modern" 
                                   value="{{ old('nama_ayah', $pendaftaran->nama_ayah) }}" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label-modern">Pekerjaan</label>
                            <input type="text" name="pekerjaan_ayah" class="form-control-modern" 
                                   value="{{ old('pekerjaan_ayah', $pendaftaran->pekerjaan_ayah) }}">
                        </div>
                    </div>

                    <h6 class="fw-bold mb-3" style="color: var(--undarma-navy);">
                        <i class="fas fa-female me-2"></i>Data Ibu
                    </h6>
                    <div class="row g-3 mb-4">
                        <div class="col-md-6">
                            <label class="form-label-modern">Nama Ibu <span class="text-danger">*</span></label>
                            <input type="text" name="nama_ibu" class="form-control-modern" 
                                   value="{{ old('nama_ibu', $pendaftaran->nama_ibu) }}" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label-modern">Pekerjaan</label>
                            <input type="text" name="pekerjaan_ibu" class="form-control-modern" 
                                   value="{{ old('pekerjaan_ibu', $pendaftaran->pekerjaan_ibu) }}">
                        </div>
                    </div>

                    <h6 class="fw-bold mb-3" style="color: var(--undarma-navy);">
                        <i class="fas fa-home me-2"></i>Informasi Tambahan
                    </h6>
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label-modern">Penghasilan Orang Tua</label>
                            <select name="penghasilan_ortu" class="form-control-modern">
                                <option value="">Pilih</option>
                                <option value="< 1 juta" {{ old('penghasilan_ortu', $pendaftaran->penghasilan_ortu) === '< 1 juta' ? 'selected' : '' }}>&lt; 1 Juta</option>
                                <option value="1 - 3 juta" {{ old('penghasilan_ortu', $pendaftaran->penghasilan_ortu) === '1 - 3 juta' ? 'selected' : '' }}>1 - 3 Juta</option>
                                <option value="3 - 5 juta" {{ old('penghasilan_ortu', $pendaftaran->penghasilan_ortu) === '3 - 5 juta' ? 'selected' : '' }}>3 - 5 Juta</option>
                                <option value="5 - 10 juta" {{ old('penghasilan_ortu', $pendaftaran->penghasilan_ortu) === '5 - 10 juta' ? 'selected' : '' }}>5 - 10 Juta</option>
                                <option value="> 10 juta" {{ old('penghasilan_ortu', $pendaftaran->penghasilan_ortu) === '> 10 juta' ? 'selected' : '' }}>&gt; 10 Juta</option>
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label-modern">No. HP Orang Tua</label>
                            <input type="text" name="no_hp_ortu" class="form-control-modern" 
                                   value="{{ old('no_hp_ortu', $pendaftaran->no_hp_ortu) }}">
                        </div>
                        <div class="col-md-12">
                            <label class="form-label-modern">Alamat Orang Tua</label>
                            <textarea name="alamat_ortu" class="form-control-modern" rows="3">{{ old('alamat_ortu', $pendaftaran->alamat_ortu) }}</textarea>
                        </div>
                    </div>

                    <div class="d-flex justify-content-between mt-4">
                        <a href="{{ route('pmb.step', 'data_diri') }}" 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