@extends('pmb.layout')

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

@section('content')
<div class="pmb-topbar">
    <div>
        <h4><i class="fas fa-map-marker-alt text-primary"></i> Data Alamat</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 Alamat</li>
            </ol>
        </nav>
    </div>
</div>

<div class="form-card">
    <div class="step-indicator">
        <div class="step-item completed">
            <div class="circle"><i class="fas fa-check"></i></div>
            <small>Data Diri</small>
        </div>
        <div class="step-item active">
            <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.alamat') }}">
        @csrf

        <h6 class="text-primary mb-3"><i class="fas fa-home"></i> Alamat Tempat Tinggal</h6>

        <div class="row">
            <div class="col-md-6 mb-3">
                <label class="form-label">Jalan</label>
                <input type="text" name="jalan" class="form-control @error('jalan') is-invalid @enderror" value="{{ old('jalan', $pendaftaran->jalan) }}" placeholder="Nama jalan / gang">
                @error('jalan')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-6 mb-3">
                <label class="form-label">Telepon</label>
                <input type="text" name="telepon" class="form-control @error('telepon') is-invalid @enderror" value="{{ old('telepon', $pendaftaran->telepon) }}" placeholder="Nomor telepon rumah">
                <small class="text-muted">Gunakan format: 0812345678999</small>
                @error('telepon')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
        </div>

        <div class="row">
            <div class="col-md-4 mb-3">
                <label class="form-label">Dusun</label>
                <input type="text" name="dusun" class="form-control @error('dusun') is-invalid @enderror" value="{{ old('dusun', $pendaftaran->dusun) }}" placeholder="Nama dusun/dukuh">
                @error('dusun')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-2 mb-3">
                <label class="form-label">RT</label>
                <input type="text" name="rt" class="form-control @error('rt') is-invalid @enderror" value="{{ old('rt', $pendaftaran->rt) }}" placeholder="RT">
                @error('rt')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-2 mb-3">
                <label class="form-label">RW</label>
                <input type="text" name="rw" class="form-control @error('rw') is-invalid @enderror" value="{{ old('rw', $pendaftaran->rw) }}" placeholder="RW">
                @error('rw')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-4 mb-3">
                <label class="form-label">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>

        <div class="row">
            <div class="col-md-4 mb-3">
                <label class="form-label">Kelurahan / Desa <span class="text-danger">*</span></label>
                <input type="text" name="kelurahan" class="form-control @error('kelurahan') is-invalid @enderror" value="{{ old('kelurahan', $pendaftaran->kelurahan) }}" required>
                @error('kelurahan')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-4 mb-3">
                <label class="form-label">Kecamatan</label>
                <input type="text" name="kecamatan" class="form-control @error('kecamatan') is-invalid @enderror" value="{{ old('kecamatan', $pendaftaran->kecamatan) }}">
                @error('kecamatan')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-4 mb-3">
                <label class="form-label">Kode Pos</label>
                <input type="text" name="kode_pos" class="form-control @error('kode_pos') is-invalid @enderror" value="{{ old('kode_pos', $pendaftaran->kode_pos) }}" maxlength="10">
                @error('kode_pos')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
        </div>

        <div class="row">
            <div class="col-md-6 mb-3">
                <label class="form-label">Kota / Kabupaten</label>
                <input type="text" name="kota" class="form-control @error('kota') is-invalid @enderror" value="{{ old('kota', $pendaftaran->kota) }}">
                @error('kota')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-6 mb-3">
                <label class="form-label">Provinsi</label>
                <input type="text" name="provinsi" class="form-control @error('provinsi') is-invalid @enderror" value="{{ old('provinsi', $pendaftaran->provinsi) }}">
                @error('provinsi')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
        </div>

        <div class="mb-3">
            <label class="form-label">Alamat Lengkap <span class="text-danger">*</span></label>
            <textarea name="alamat" class="form-control @error('alamat') is-invalid @enderror" rows="3" required>{{ old('alamat', $pendaftaran->alamat) }}</textarea>
            <small class="text-muted">Ringkasan alamat lengkap</small>
            @error('alamat')<div class="invalid-feedback">{{ $message }}</div>@enderror
        </div>

        <hr class="my-4">
        <h6 class="text-primary mb-3"><i class="fas fa-info-circle"></i> Informasi Tambahan</h6>

        <div class="row">
            <div class="col-md-6 mb-3">
                <label class="form-label">Penerima KPS <span class="text-danger">*</span></label>
                <select name="penerima_kps" class="form-select @error('penerima_kps') is-invalid @enderror" required>
                    <option value="0" {{ old('penerima_kps', $pendaftaran->penerima_kps ?? '0') == '0' ? 'selected' : '' }}>Tidak</option>
                    <option value="1" {{ old('penerima_kps', $pendaftaran->penerima_kps ?? '0') == '1' ? 'selected' : '' }}>Ya</option>
                </select>
                @error('penerima_kps')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-6 mb-3">
                <label class="form-label">Jenis Tinggal</label>
                <select name="jenis_tinggal" class="form-select @error('jenis_tinggal') is-invalid @enderror">
                    <option value="">Pilih</option>
                    <option value="Bersama Orang Tua" {{ old('jenis_tinggal', $pendaftaran->jenis_tinggal) == 'Bersama Orang Tua' ? 'selected' : '' }}>Bersama Orang Tua</option>
                    <option value="Bersama Wali" {{ old('jenis_tinggal', $pendaftaran->jenis_tinggal) == 'Bersama Wali' ? 'selected' : '' }}>Bersama Wali</option>
                    <option value="Kost" {{ old('jenis_tinggal', $pendaftaran->jenis_tinggal) == 'Kost' ? 'selected' : '' }}>Kost</option>
                    <option value="Asrama" {{ old('jenis_tinggal', $pendaftaran->jenis_tinggal) == 'Asrama' ? 'selected' : '' }}>Asrama</option>
                    <option value="Panti Asuhan" {{ old('jenis_tinggal', $pendaftaran->jenis_tinggal) == 'Panti Asuhan' ? 'selected' : '' }}>Panti Asuhan</option>
                    <option value="Rumah Sendiri" {{ old('jenis_tinggal', $pendaftaran->jenis_tinggal) == 'Rumah Sendiri' ? 'selected' : '' }}>Rumah Sendiri</option>
                    <option value="Lainnya" {{ old('jenis_tinggal', $pendaftaran->jenis_tinggal) == 'Lainnya' ? 'selected' : '' }}>Lainnya</option>
                </select>
                @error('jenis_tinggal')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
        </div>

        <div class="row">
            <div class="col-md-6 mb-3">
                <label class="form-label">Alat Transportasi</label>
                <select name="alat_transportasi" class="form-select @error('alat_transportasi') is-invalid @enderror">
                    <option value="">Pilih</option>
                    <option value="Jalan Kaki" {{ old('alat_transportasi', $pendaftaran->alat_transportasi) == 'Jalan Kaki' ? 'selected' : '' }}>Jalan Kaki</option>
                    <option value="Sepeda" {{ old('alat_transportasi', $pendaftaran->alat_transportasi) == 'Sepeda' ? 'selected' : '' }}>Sepeda</option>
                    <option value="Sepeda Motor" {{ old('alat_transportasi', $pendaftaran->alat_transportasi) == 'Sepeda Motor' ? 'selected' : '' }}>Sepeda Motor</option>
                    <option value="Mobil Pribadi" {{ old('alat_transportasi', $pendaftaran->alat_transportasi) == 'Mobil Pribadi' ? 'selected' : '' }}>Mobil Pribadi</option>
                    <option value="Angkutan Umum" {{ old('alat_transportasi', $pendaftaran->alat_transportasi) == 'Angkutan Umum' ? 'selected' : '' }}>Angkutan Umum</option>
                    <option value="Ojek" {{ old('alat_transportasi', $pendaftaran->alat_transportasi) == 'Ojek' ? 'selected' : '' }}>Ojek</option>
                    <option value="Lainnya" {{ old('alat_transportasi', $pendaftaran->alat_transportasi) == 'Lainnya' ? 'selected' : '' }}>Lainnya</option>
                </select>
                @error('alat_transportasi')<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="d-flex justify-content-between">
            <a href="{{ route('pmb.pendaftaran.data-diri') }}" class="btn btn-secondary">
                <i class="fas fa-arrow-left"></i> Sebelumnya
            </a>
            <button type="submit" class="btn btn-primary">
                <i class="fas fa-save"></i> Simpan & Lanjutkan
            </button>
        </div>
    </form>
</div>
@endsection