@extends('Admin.layout')

@section('content')

<div class="row align-items-center justify-content-between mb-3 mt-3">
    <div class="col-auto">
        <h5>
            <button type="button" class="btn btn-icon bg-white me-2" style="box-shadow: 0px 9px 12px -2px #66328E1F;">
                <a href="{{ route('admin.delivery_management')  }}">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                        stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                        class="icon icon-tabler">
                        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                        <path d="M15 6l-6 6l6 6" />
                    </svg>
                </a>
            </button>
            Add Delivery partner
        </h5>
    </div>
</div>
<div>

    <form action="{{ route('admin.delivery_management') }}">


        <div class="card shadow-sm border-0 mb-4">

            <div class="card-body p-4">

                <h6 class="fw-bold mb-4">
                    Personal Information
                </h6>


                <div class="row g-4">


                    {{-- FULL NAME --}}
                    <div class="col-md-6">

                        <label for="name"
                               class="form-label">

                            Full Name
                            <span class="text-danger">*</span>

                        </label>

                        <input type="text"
                               name="name"
                               id="name"
                               class="form-control"
                               placeholder="Enter full name">

                    </div>


                    {{-- PHONE --}}
                    <div class="col-md-6">

                        <label for="phone"
                               class="form-label">

                            Phone Number
                            <span class="text-danger">*</span>

                        </label>

                        <input type="tel"
                               name="phone"
                               id="phone"
                               class="form-control"
                               placeholder="Enter phone number"
                               maxlength="10"
                               >

                    </div>


                    {{-- EMAIL --}}
                    <div class="col-md-6">

                        <label for="email"
                               class="form-label">

                            Email Address
                            <span class="text-danger">*</span>

                        </label>

                        <input type="email"
                               name="email"
                               id="email"
                               class="form-control"
                               placeholder="Enter email address"
                               >

                    </div>


                    {{-- DATE OF BIRTH --}}
                    <div class="col-md-6">

                        <label for="dob"
                               class="form-label">

                            Date of Birth

                        </label>

                        <input type="date"
                               name="dob"
                               id="dob"
                               class="form-control">

                    </div>


                    {{-- ADDRESS --}}
                    <div class="col-12">

                        <label for="address"
                               class="form-label">

                            Address
                            <span class="text-danger">*</span>

                        </label>

                        <textarea name="address"
                                  id="address"
                                  rows="3"
                                  class="form-control"
                                  placeholder="Enter address"
                                  ></textarea>

                    </div>


                    {{-- CITY --}}
                    <div class="col-md-4">

                        <label for="city"
                               class="form-label">

                            City
                            <span class="text-danger">*</span>

                        </label>

                        <input type="text"
                               name="city"
                               id="city"
                               class="form-control"
                               placeholder="Enter city"
                               >

                    </div>


                    {{-- STATE --}}
                    <div class="col-md-4">

                        <label for="state"
                               class="form-label">

                            State
                            <span class="text-danger">*</span>

                        </label>

                        <input type="text"
                               name="state"
                               id="state"
                               class="form-control"
                               placeholder="Enter state"
                               >

                    </div>


                    {{-- PINCODE --}}
                    <div class="col-md-4">

                        <label for="pincode"
                               class="form-label">

                            Pincode
                            <span class="text-danger">*</span>

                        </label>

                        <input type="text"
                               name="pincode"
                               id="pincode"
                               class="form-control"
                               placeholder="Enter pincode"
                               maxlength="6"
                               >

                    </div>

                </div>

            </div>

        </div>



        {{-- ===================================================== --}}
        {{-- VEHICLE INFORMATION --}}
        {{-- ===================================================== --}}

        <div class="card shadow-sm border-0 mb-4">

            <div class="card-body p-4">

                <h6 class="fw-bold mb-4">
                    Vehicle Information
                </h6>


                <div class="row g-4">


                    {{-- VEHICLE TYPE --}}
                    <div class="col-md-4">

                        <label for="vehicleType"
                               class="form-label">

                            Vehicle Type
                            <span class="text-danger">*</span>

                        </label>

                        <select name="vehicle_type"
                                id="vehicleType"
                                class="form-select"
                                >

                            <option value="">
                                Select Vehicle
                            </option>

                            <option value="bike">
                                Bike
                            </option>

                            <option value="scooter">
                                Scooter
                            </option>

                            <option value="cycle">
                                Cycle
                            </option>

                            <option value="car">
                                Car
                            </option>

                        </select>

                    </div>


                    {{-- VEHICLE NUMBER --}}
                    <div class="col-md-4">

                        <label for="vehicleNumber"
                               class="form-label">

                            Vehicle Number
                            <span class="text-danger">*</span>

                        </label>

                        <input type="text"
                               name="vehicle_number"
                               id="vehicleNumber"
                               class="form-control"
                               placeholder="e.g. TN 01 AB 1234"
                               >

                    </div>


                    {{-- LICENSE NUMBER --}}
                    <div class="col-md-4">

                        <label for="licenseNumber"
                               class="form-label">

                            Driving License Number
                            <span class="text-danger">*</span>

                        </label>

                        <input type="text"
                               name="license_number"
                               id="licenseNumber"
                               class="form-control"
                               placeholder="Enter license number"
                               >

                    </div>

                </div>

            </div>

        </div>



        {{-- ===================================================== --}}
        {{-- DOCUMENTS --}}
        {{-- ===================================================== --}}

        <div class="card shadow-sm border-0 mb-4">

            <div class="card-body p-4">

                <h6 class="fw-bold mb-4">
                    Documents
                </h6>


                <div class="row g-4">


                    {{-- PROFILE PHOTO --}}
                    <div class="col-md-6">

                        <label for="profilePhoto"
                               class="form-label">

                            Profile Photo
                            <span class="text-danger">*</span>

                        </label>

                        <input type="file"
                               name="profile_photo"
                               id="profilePhoto"
                               class="form-control"
                               accept="image/jpeg,image/png,image/jpg"
                               >

                        <small class="text-muted">
                            JPG, JPEG or PNG. Maximum 5 MB.
                        </small>

                    </div>


                    {{-- DRIVING LICENSE --}}
                    <div class="col-md-6">

                        <label for="licenseDocument"
                               class="form-label">

                            Driving License
                            <span class="text-danger">*</span>

                        </label>

                        <input type="file"
                               name="license_document"
                               id="licenseDocument"
                               class="form-control"
                               accept="image/jpeg,image/png,image/jpg,application/pdf"
                               >

                        <small class="text-muted">
                            JPG, JPEG, PNG or PDF. Maximum 5 MB.
                        </small>

                    </div>


                    {{-- ID PROOF --}}
                    <div class="col-md-6">

                        <label for="idProof"
                               class="form-label">

                            ID Proof
                            <span class="text-danger">*</span>

                        </label>

                        <select name="id_proof_type"
                                class="form-select mb-2">

                            <option value="">
                                Select ID Proof Type
                            </option>

                            <option value="aadhar">
                                Aadhaar Card
                            </option>

                            <option value="pan">
                                PAN Card
                            </option>

                            <option value="voter_id">
                                Voter ID
                            </option>

                        </select>

                        <input type="file"
                               name="id_proof"
                               id="idProof"
                               class="form-control"
                               accept="image/jpeg,image/png,image/jpg,application/pdf"
                               >

                    </div>


                    {{-- VEHICLE RC --}}
                    <div class="col-md-6">

                        <label for="vehicleRc"
                               class="form-label">

                            Vehicle RC

                        </label>

                        <input type="file"
                               name="vehicle_rc"
                               id="vehicleRc"
                               class="form-control"
                               accept="image/jpeg,image/png,image/jpg,application/pdf">

                        <small class="text-muted">
                            JPG, JPEG, PNG or PDF. Maximum 5 MB.
                        </small>

                    </div>

                </div>

            </div>

        </div>


        {{-- ===================================================== --}}
        {{-- ACCOUNT STATUS --}}
        {{-- ===================================================== --}}

        <div class="card shadow-sm border-0 mb-4">

            <div class="card-body p-4">

                <h6 class="fw-bold mb-4">
                    Account Status
                </h6>


                <div class="row g-4">


                    <div class="col-md-6">

                        <label for="status"
                               class="form-label">

                            Status
                            <span class="text-danger">*</span>

                        </label>

                        <select name="status"
                                id="status"
                                class="form-select"
                                >

                            <option value="Active">
                                Active
                            </option>

                            <option value="Inactive">
                                Inactive
                            </option>

                        </select>

                    </div>

                </div>

            </div>

        </div>



        {{-- ===================================================== --}}
        {{-- BUTTONS --}}
        {{-- ===================================================== --}}

        <div class="d-flex justify-content-center align-items-center gap-2 mb-4">

            <a href="{{ route('admin.delivery_management') }}"
               class="btn btn-light">

                Cancel

            </a>


            <button type="submit"
                    class="btn btn-primary">


                Add Delivery Partner

            </button>

        </div>


    </form>

</div>

@endsection