@extends('Admin.layout')

@section('content')
<div>
    <h5>
        <button type="button" class="btn btn-icon bg-white me-2" style="box-shadow: 0px 9px 12px -2px #66328E1F;">
            <a href="{{route('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 class="row align-items-center g-2 mb-5">

    <!-- LEFT SIDE -->
    <div class="col-12 col-md-6">

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

            <!-- Profile Details -->
            <a href=""
                class="btn btn-primary d-flex align-items-center justify-content-center">

                <i class="ti tabler-user me-2"></i>
                <span>Profile Details</span>

            </a>


            <!-- Documents -->
            <a href="{{ route('edit_delivery_document') }}"
                class="btn d-flex align-items-center justify-content-center">

                <i class="ti tabler-checklist me-2"></i>
                <span>Documents</span>

            </a>

        </div>

    </div>

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

        <div class="d-flex align-items-center justify-content-md-end gap-2 w-100">

            <button type="button"
                class="btn btn-light d-flex align-items-center justify-content-center  flex-fill flex-lg-grow-0" data-bs-toggle="modal" data-bs-target="#blockModal">

                <i class="ti tabler-ban me-2 text-light"></i>
                <span class="text-light">Block</span>

            </button>

            <button type="button"
                class="btn btn-danger d-flex align-items-center justify-content-center  flex-fill flex-lg-grow-0" data-bs-toggle="modal" data-bs-target="#delete">

                <i class="ti tabler-trash me-2"></i>
                <span>Delete</span>

            </button>

        </div>

    </div>

</div>

<div class="card p-5">

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

        <h5>Rider Restaurant Details</h5>

        <div class="row">

            <div class="col-lg-3 mb-3">
                <label class="form-label">Rider ID</label>
                <input type="text" class="form-control bg-light" name="id" value="DP001" readonly>
            </div>

            <div class="col-lg-3 mb-3">
                <label class="form-label">Full Name</label>
                <input type="text" class="form-control" name="full_name" value="Arun Kumar">
            </div>

            <div class="col-lg-3 mb-3">
                <label class="form-label">Phone No</label>
                <input type="text" class="form-control" name="phno" value="9876543210">
            </div>

            <div class="col-lg-3 mb-3">
                <label for="image" class="form-label">
                    Choose Image <span class="text-danger">*</span>
                </label>

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

                <a href="#"
                    id="fileName"
                    class="text-warning d-block text-decoration-underline"
                    data-bs-toggle="modal"
                    data-bs-target="#filePreviewModal"
                    data-image="{{ asset('assets/images/banner.png') }}">
                    image.png
                </a>
            </div>

            <div class="col-lg-4 mb-3">
                <label class="form-label">Email</label>
                <input type="email" class="form-control" name="email" value="arun@gmail.com">
            </div>

            <div class="col-lg-4 mb-3">
                <label class="form-label">city</label>
                <input type="text" class="form-control" name="city" value="Chennai">
            </div>

            <div class="col-lg-4 mb-3">
                <label class="form-label">Street</label>
                <input type="text" class="form-control" name="street" value="Anna Nagar Main Road">
            </div>

            <div class="col-lg-4 mb-3">
                <label class="form-label">Address</label>
                <input type="text" class="form-control" name="address" value="24, 2nd street Anna Nagar">
            </div>

            <div class="col-lg-4 mb-3">
                <label class="form-label">Pincode</label>
                <input type="text" class="form-control" name="pincode" value="600028">
            </div>

            <div class="col-lg-4 mb-3">
                <label class="form-label">Gender</label>
                <select class="form-select">
                    <option selected disabled>select</option>
                    <option selected>Male</option>
                    <option>Female</option>
                    <option>Others</option>
                </select>
            </div>

            <h5 class="my-4">Vehicle Details</h5>

            <div class="col-lg-6 mb-3">
                <label class="form-label">Vehicle Type<span class="text-danger">*</span></label>
                <select class="form-select" name="vehicle_type" id="vehicle_type">
                    <option value="" selected disabled>Select Vehicle Type </option>
                    <option value="bike" selected>Bike</option>
                    <option value="scooter">Scooter</option>
                    <option value="auto">Auto</option>
                    <option value="car">Car</option>
                    <option value="van">Van</option>
                </select>
            </div>

            <div class="col-lg-6 mb-3">
                <label class="form-label">Vehicle Number<span class="text-danger">*</span></label>
                <input type="text" class="form-control" name="vehicleno" value="TN09 AB 8977">
            </div>

            <div class="col-lg-6 mb-3">
                <label class="form-label">Issurance Number</label>
                <input type="text" class="form-control" name="insuranceno" value="INSTN09AB897767">
            </div>

            <div class="col-lg-6 mb-3">
                <label class="form-label">Driving License Number</label>
                <input type="text" class="form-control" value="TN09AB89776899090">
            </div>

            <h5 class="my-4">Bank Details</h5>

            <div class="col-lg-6 mb-3">
                <label class="form-label">Account Holder Name</label>
                <input type="text" class="form-control" name="accountholder" value="Arun Kumar">
            </div>

            <div class="col-lg-6 mb-3">
                <label class="form-label">Bank Name</label>
                <input type="text" class="form-control" name="bankname" value="HDFC Bank">
            </div>

            <div class="col-lg-6 mb-3">
                <label class="form-label">Account Number</label>
                <input type="text" class="form-control" name="acno" value="90005678798494">
            </div>

            <div class="col-lg-6 mb-3">
                <label class="form-label">IFSC Code</label>
                <input type="text" class="form-control" name="ifsc" value="HDFC098467">
            </div>

            <div class="col-lg-6 mb-3">
                <label class="form-label">Branch Name</label>
                <input type="text" class="form-control" name="branch" value="Anna Nagar Branch">
            </div>

            <div class="col-lg-6 mb-3">
                <label class="form-label">UPI ID(Optional)</label>
                <input type="text" class="form-control" name="upi" value="arunkumar@upi">
            </div>

        </div>

        <div class="d-flex justify-content-center align-items-center mt-5 gap-5">
            <button class="btn btn-light text-light" type="reset">Discard</button>
            <button class="btn btn-primary" type="submit">Submit</button>

        </div>

    </form>

</div>

@endsection