@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.customer_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 Customer
        </h5>
    </div>
</div>

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



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

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

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


            <div class="row g-4">


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

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

                    <input type="text"
                        class="form-control"
                        value="CUS1001"
                        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="Lunaa"
                        placeholder="Enter full name"
                        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="lunaa@gmail.com"
                        placeholder="Enter email address"
                        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"
                        placeholder="Enter phone number"
                        maxlength="10"
                        required>

                </div>


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

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

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

                    </label>

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

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

                        <option value="Blocked">
                            Blocked
                        </option>

                    </select>

                </div>

            </div>

        </div>

    </div>



    {{-- ===================================================== --}}
    {{-- ADDRESS INFORMATION --}}
    {{-- ===================================================== --}}

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

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

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


            <div class="row g-4">


                {{-- 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>123, ABC Street,
Near XYZ Mall,
Chennai</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"
                        placeholder="Enter city"
                        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"
                        placeholder="Enter state"
                        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"
                        placeholder="Enter pincode"
                        maxlength="6"
                        required>

                </div>

            </div>

        </div>

    </div>



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

    <div class="d-flex justify-content-end gap-2 mb-4">

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

            Cancel

        </a>


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

            <i class="ti tabler-device-floppy me-1"></i>

            Save Changes

        </button>

    </div>


</form>



@endsection