@extends('layouts.app')

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => 'Add 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.store') }}" method="POST">
                        @csrf
                        <div class="card-header pb-0">
                            <div class="d-flex align-items-center justify-content-between">
                                <p class="mb-0">Doner Details</p>
                                <div>
                                    <button type="submit" class="btn btn-primary btn-sm">Save</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><span class="text-danger fw-bold">*</span>
                                <select class="form-select select2" id="user_type" name="user_type" required>
                                    <option value="">Select a User Type</option>
                                    <option value="member">Member</option>
                                    <option value="public">Public</option>

                                </select>
                            </div>

                            <div class="col-lg-3 mb-3">
                                <label for="doner_name" class="form-label">Doner Name</label><span class="text-danger fw-bold">*</span>
                                <input type="text" class="form-control" id="doner_name" name="doner_name" placeholder="Enter Doner Name" required>
                            </div>
                            <div class="col-lg-3 mb-3">
                                <label for="doner_email" class="form-label">Email</label><span class="text-danger fw-bold">*</span>
                                <input type="email" class="form-control" id="doner_email" name="doner_email" placeholder="Enter Email" required>
                            </div>
                            <div class="col-lg-3 mb-3">
                                <label for="doner_mobile_number" class="form-label">Mobile Number</label><span class="text-danger fw-bold">*</span>
                                <input type="number" class="form-control" id="doner_mobile_number" name="doner_mobile_number" placeholder="Enter Mobile Number" required>
                            </div>
                            <div class="col-lg-3 mb-3">
                                <label for="doner_address" class="form-label">Doner Address</label>
                                <input type="text" class="form-control" id="doner_address" name="doner_address" placeholder="Enter Doner Address" required>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection