@extends('layouts.app')

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => 'Edit Doner'])

    <div class="row mt-4 mx-4">
        <div class="col-12">
            <div class="card mb-4">
                <div class="card-body">
                    <form action="{{ route('doner.update', $doner->doner_sid) }}" method="POST">
                        @csrf
                        @method('PUT')
                        <div class="card-header pb-0">
                            <div class="d-flex align-items-center justify-content-between">
                                <p class="mb-0">Edit Doner Details</p>
                                <div>
                                    <button type="submit" class="btn btn-primary btn-sm">Update</button>
                                    <a href="{{ route('doner.index') }}" class="btn btn-secondary btn-sm mb-3">Cancel</a>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-3 mb-3">
                                <label for="user_type" class="form-label">User Type</label>
                                <select class="form-select select2" id="user_type" name="user_type" required>
                                    <option value="member" {{ $doner->user_type == 'member' ? 'selected' : '' }}>Member</option>
                                    <option value="public" {{ $doner->user_type == 'public' ? 'selected' : '' }}>Public</option>
                                </select>
                            </div>

                            <div class="col-lg-3 mb-3">
                                <label for="doner_name" class="form-label">Doner Name</label>
                                <input type="text" class="form-control" id="doner_name" name="doner_name" value="{{ old('doner_name', $doner->doner_name) }}" required>
                            </div>
                            <div class="col-lg-3 mb-3">
                                <label for="doner_email" class="form-label">Email</label>
                                <input type="email" class="form-control" id="doner_email" name="doner_email" value="{{ old('doner_email', $doner->doner_email) }}" required>
                            </div>
                            <div class="col-lg-3 mb-3">
                                <label for="doner_mobile_number" class="form-label">Mobile Number</label>
                                <input type="number" class="form-control" id="doner_mobile_number" name="doner_mobile_number" value="{{ old('doner_mobile_number', $doner->doner_mobile_number) }}" required>
                            </div>
                            <div class="col-lg-3 mb-3">
                                <label for="doner_address" class="form-label">Address</label>
                                <input type="text" class="form-control" id="doner_address" name="doner_address" value="{{ old('doner_address', $doner->doner_address) }}" required>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection