@extends('guru.layout')

@section('title', 'Edit Wali Murid')

@section('content')

<style>
    .bg-pink { background-color: #6b353dff !important; }
</style>

<div class="card">
    <div class="card-header bg-pink text-white d-flex justify-content-between align-items-center">
        <div>
            <h5 class="mb-0"><i class="bi bi-star me-1"></i> Edit Wali Murid</h5>
        </div>
        <a href="{{ url('guru/pendukung/walimurid') }}" class="btn btn-secondary btn-sm">Kembali</a>
    </div>
    <div class="card-body">
        @if(session('status'))
            <div class="alert alert-success">{{ session('status') }}</div>
        @endif
        @if($errors->any())
            <div class="alert alert-danger">{{ $errors->first() }}</div>
        @endif

        <form method="POST" action="{{ url('guru/pendukung/walimurid/'.$p->id) }}">
            @csrf
            @method('PUT')
            <div class="row g-2">
                <div class="col-md-4">
                    <label class="form-label">Nama Peserta</label>
                    <input type="text" class="form-control" value="{{ $p->nama ?? '' }}" disabled>
                </div>
                <div class="col-md-4">
                    <label class="form-label">NIS</label>
                    <input type="text" class="form-control" value="{{ $p->nis ?? '' }}" disabled>
                </div>
                <div class="col-md-4">
                    <label class="form-label">NISN</label>
                    <input type="text" class="form-control" value="{{ $p->nisn ?? '' }}" disabled>
                </div>

                <div class="col-md-6">
                    <label class="form-label">Tempat Lahir</label>
                    <input type="text" name="tempat_lahir" class="form-control" value="{{ old('tempat_lahir', $p->tempat_lahir ?? '') }}">
                </div>
                <div class="col-md-6">
                    <label class="form-label">Tanggal Lahir</label>
                    <input type="date" name="tanggal_lahir" class="form-control" value="{{ old('tanggal_lahir', isset($p->tanggal_lahir) ? $p->tanggal_lahir->format('Y-m-d') : '') }}">
                </div>

                <div class="col-md-6">
                    <label class="form-label">Nama Ayah</label>
                    <input type="text" name="nama_ayah" class="form-control" value="{{ old('nama_ayah', $p->nama_ayah ?? '') }}">
                </div>
                <div class="col-md-6">
                    <label class="form-label">Pekerjaan Ayah</label>
                    <input type="text" name="pekerjaan_ayah" class="form-control" value="{{ old('pekerjaan_ayah', $p->pekerjaan_ayah ?? '') }}">
                </div>

                <div class="col-md-6">
                    <label class="form-label">Nama Ibu</label>
                    <input type="text" name="nama_ibu" class="form-control" value="{{ old('nama_ibu', $p->nama_ibu ?? '') }}">
                </div>
                <div class="col-md-6">
                    <label class="form-label">Pekerjaan Ibu</label>
                    <input type="text" name="pekerjaan_ibu" class="form-control" value="{{ old('pekerjaan_ibu', $p->pekerjaan_ibu ?? '') }}">
                </div>

                <div class="col-md-6">
                    <label class="form-label">Nomor HP / WA</label>
                    <input type="text" name="nomor_hp" class="form-control" value="{{ old('nomor_hp', $p->nomor_hp ?? '') }}">
                </div>

                <div class="col-12">
                    <label class="form-label">Alamat</label>
                    <textarea name="alamat" class="form-control" rows="3">{{ old('alamat', $p->alamat ?? '') }}</textarea>
                </div>
            </div>

            <div class="mt-3">
                <button type="submit" class="btn btn-primary">Simpan</button>
            </div>
        </form>
    </div>
</div>

@endsection