@extends('layouts.app')

@section('content')
<div class="container">
    <h1>Edit Child Record</h1>

    <form action="{{ route('children.update', $child->id) }}" method="POST" enctype="multipart/form-data">
        @csrf
        @method('PUT')

        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label for="child_full_name">Child Full Name*</label>
                    <input type="text" class="form-control" id="child_full_name" name="child_full_name" value="{{ old('child_full_name', $child->child_full_name) }}" required>
                </div>

                <div class="form-group">
                    <label for="sex">Sex</label>
                    <select class="form-control" id="sex" name="sex">
                        <option value="">Select</option>
                        <option value="male" {{ old('sex', $child->sex) == 'male' ? 'selected' : '' }}>Male</option>
                        <option value="female" {{ old('sex', $child->sex) == 'female' ? 'selected' : '' }}>Female</option>
                        <option value="other" {{ old('sex', $child->sex) == 'other' ? 'selected' : '' }}>Other</option>
                    </select>
                </div>

                <div class="form-group">
                    <label for="photo">Photo</label>
                    @if($child->photo)
                        <div class="mb-2">
                            <img src="{{ asset('storage/' . $child->photo) }}" width="100" class="img-thumbnail">
                        </div>
                    @endif
                    <input type="file" class="form-control-file" id="photo" name="photo">
                </div>

                <div class="form-group">
                    <label for="birthdate">Birthdate</label>
                    <input type="date" class="form-control" id="birthdate" name="birthdate" value="{{ old('birthdate', $child->birthdate ? $child->birthdate->format('Y-m-d') : '') }}">
                </div>

                <div class="form-group">
                    <label for="birth_place">Birth Place</label>
                    <input type="text" class="form-control" id="birth_place" name="birth_place" value="{{ old('birth_place', $child->birth_place) }}">
                </div>

                <div class="form-group">
                    <label for="region">Region</label>
                    <input type="text" class="form-control" id="region" name="region" value="{{ old('region', $child->region) }}">
                </div>

                <div class="form-group">
                    <label for="family_status">Family Status</label>
                    <input type="text" class="form-control" id="family_status" name="family_status" value="{{ old('family_status', $child->family_status) }}">
                </div>

                <div class="form-group">
                    <label for="father_full_name">Father Full Name</label>
                    <input type="text" class="form-control" id="father_full_name" name="father_full_name" value="{{ old('father_full_name', $child->father_full_name) }}">
                </div>
            </div>

            <div class="col-md-6">
                <div class="form-group">
                    <label for="mother_full_name">Mother Full Name</label>
                    <input type="text" class="form-control" id="mother_full_name" name="mother_full_name" value="{{ old('mother_full_name', $child->mother_full_name) }}">
                </div>

                <div class="form-group">
                    <label for="caregiver_company_name">Caregiver Company Name</label>
                    <input type="text" class="form-control" id="caregiver_company_name" name="caregiver_company_name" value="{{ old('caregiver_company_name', $child->caregiver_company_name) }}">
                </div>

                <div class="form-group">
                    <label for="agency_name">Agency Name</label>
                    <input type="text" class="form-control" id="agency_name" name="agency_name" value="{{ old('agency_name', $child->agency_name) }}">
                </div>

                <div class="form-group">
                    <label for="file_number">File Number</label>
                    <input type="text" class="form-control" id="file_number" name="file_number" value="{{ old('file_number', $child->file_number) }}">
                </div>

                <div class="form-group">
                    <label for="approved_date">Approved Date</label>
                    <input type="date" class="form-control" id="approved_date" name="approved_date" value="{{ old('approved_date', $child->approved_date ? $child->approved_date->format('Y-m-d') : '') }}">
                </div>

                <div class="form-group">
                    <label for="caregiver_name">Caregiver Name</label>
                    <input type="text" class="form-control" id="caregiver_name" name="caregiver_name" value="{{ old('caregiver_name', $child->caregiver_name) }}">
                </div>

                <div class="form-group">
                    <label for="country">Country</label>
                    <input type="text" class="form-control" id="country" name="country" value="{{ old('country', $child->country) }}">
                </div>

                <div class="form-group">
                    <label for="city">City</label>
                    <input type="text" class="form-control" id="city" name="city" value="{{ old('city', $child->city) }}">
                </div>

                <div class="form-group">
                    <label for="phone_no">Phone Number</label>
                    <input type="text" class="form-control" id="phone_no" name="phone_no" value="{{ old('phone_no', $child->phone_no) }}">
                </div>

                <div class="form-group">
                    <label for="email">Email</label>
                    <input type="email" class="form-control" id="email" name="email" value="{{ old('email', $child->email) }}">
                </div>

                <div class="form-group">
                    <label for="fax">Fax</label>
                    <input type="text" class="form-control" id="fax" name="fax" value="{{ old('fax', $child->fax) }}">
                </div>

                <div class="form-group">
                    <label for="street_address">Street Address</label>
                    <textarea class="form-control" id="street_address" name="street_address" rows="2">{{ old('street_address', $child->street_address) }}</textarea>
                </div>

                <div class="form-group">
                    <label for="remark">Remark</label>
                    <textarea class="form-control" id="remark" name="remark" rows="2">{{ old('remark', $child->remark) }}</textarea>
                </div>

                <div class="form-group">
                    <label for="case_file">Case File</label>
                    <input type="text" class="form-control" id="case_file" name="case_file" value="{{ old('case_file', $child->case_file) }}">
                </div>
            </div>
        </div>

        <button type="submit" class="btn btn-primary">Update</button>
        <a href="{{ route('children.index') }}" class="btn btn-secondary">Cancel</a>
    </form>
</div>
@endsection