@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>
            Edit Delivery partner
        </h5>
    </div>
</div>
<div>
    <form action="{{ route('admin.delivery_management') }}">


        {{-- ===================================================== --}}
        {{-- PERSONAL INFORMATION --}}
        {{-- ===================================================== --}}

        <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">


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

                        <label class="form-label">
                            Partner ID
                        </label>

                        <input type="text"
                               class="form-control"
                               value="DP1001"
                               readonly>

                    </div>


                    {{-- 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"
                               value="Raj Kumar"
                               placeholder="Enter full name"
                               required>

                    </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"
                               value="9876543210"
                               maxlength="10"
                               placeholder="Enter phone number"
                               required>

                    </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"
                               value="raj@gmail.com"
                               placeholder="Enter email address"
                               required>

                    </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"
                               value="1998-05-15">

                    </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"
                                  required>12, Anna Nagar,
Chennai,
Tamil Nadu</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"
                               value="Chennai"
                               required>

                    </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"
                               value="Tamil Nadu"
                               required>

                    </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"
                               value="600001"
                               maxlength="6"
                               required>

                    </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"
                                required>

                            <option value="bike" selected>
                                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"
                               value="TN 01 AB 1234"
                               required>

                    </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"
                               value="TN0120260012345"
                               required>

                    </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

                        </label>

                        <div class="d-flex align-items-center gap-3">

                            <img src="{{ asset('assets/img/user.png') }}"
                                 alt="Profile Photo"
                                 width="70"
                                 height="70"
                                 class="rounded border object-fit-cover">

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

                        </div>

                        <small class="text-muted">
                            Leave empty to keep the existing photo.
                        </small>

                    </div>


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

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

                            Driving License

                        </label>

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

                            <span class="badge bg-success">
                                Uploaded
                            </span>

                            <button type="button"
                                    class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#filePreviewModal">

                                <i class="ti tabler-eye"></i>

                            </button>

                        </div>

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

                        <small class="text-muted">
                            Leave empty to keep the existing document.
                        </small>

                    </div>


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

                        <label class="form-label">
                            ID Proof
                        </label>

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

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

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

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

                        </select>

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

                            <span class="badge bg-success">
                                Uploaded
                            </span>

                            <button type="button"
                                    class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#filePreviewModal">

                                <i class="ti tabler-eye"></i>

                            </button>

                        </div>

                        <input type="file"
                               name="id_proof"
                               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>

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

                            <span class="badge bg-success">
                                Uploaded
                            </span>

                            <button type="button"
                                    class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#filePreviewModal">

                                <i class="ti tabler-eye"></i>

                            </button>

                        </div>

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

                    </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"
                                required>

                            <option value="Active" selected>
                                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">

                <i class="fa-solid fa-floppy-disk me-1"></i>

                Update Delivery Partner

            </button>

        </div>


    </form>

</div>

@endsection