@extends('layouts.app')

@section('title', 'Edit Application')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">Edit Application</div>

                <div class="card-body">
                    <form method="POST" action="{{ route('applications.update', $application->id) }}" enctype="multipart/form-data">
                        @csrf
                        @method('PUT')

                        <!-- First Name -->
                        <div class="form-group">
                            <label for="first_name">First Name</label>
                            <input type="text" name="first_name" class="form-control" value="{{ old('first_name', $application->first_name) }}" required>
                        </div>

                        <!-- Last Name -->
                        <div class="form-group">
                            <label for="last_name">Last Name</label>
                            <input type="text" name="last_name" class="form-control" value="{{ old('last_name', $application->last_name) }}" required>
                        </div>

                        <!-- DOB, Gender, Address, etc. -->
                        <div class="form-group">
                            <label for="dob">Date of Birth</label>
                            <input type="date" name="dob" class="form-control" value="{{ old('dob', $application->dob) }}" required>
                        </div>

                        <div class="form-group">
                            <label for="gender">Gender</label>
                            <select name="gender" class="form-control" required>
                                <option value="male" {{ $application->gender == 'male' ? 'selected' : '' }}>Male</option>
                                <option value="female" {{ $application->gender == 'female' ? 'selected' : '' }}>Female</option>
                                <option value="other" {{ $application->gender == 'other' ? 'selected' : '' }}>Other</option>
                            </select>
                        </div>

                        <div class="form-group">
                            <label for="address">Address</label>
                            <textarea name="address" class="form-control" required>{{ old('address', $application->address) }}</textarea>
                        </div>

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

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

                        <!-- File Inputs for Aadhaar, PAN, Certificate -->
                        <div class="form-group">
                            <label for="aadhaar_card">Aadhaar Card</label>
                            <input type="file" name="aadhaar_card" class="form-control">
                        </div>

                        <div class="form-group">
                            <label for="pan_card">PAN Card</label>
                            <input type="file" name="pan_card" class="form-control">
                        </div>

                        <div class="form-group">
                            <label for="certificate">Certificate</label>
                            <input type="file" name="certificate" class="form-control">
                        </div>

                        <!-- Submit Button -->
                        <div class="form-group">
                            <button type="submit" class="btn btn-primary">Update Application</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection