@include('layouts.header')
@include('layouts.sidebar')

<!-- ========================
   Start Page Content
  ========================= -->

<div class="page-wrapper">

    <!-- Start Content -->
    <div class="content">

        <!-- row start -->
        <div class="row justify-content-center">
            <div class="col-lg-10">
                <!-- page header start -->
                <div class="mb-4">
                    <h6 class="fw-bold mb-0 d-flex align-items-center"> <a href="{{ $route }}" class="text-dark">
                            <i class="ti ti-chevron-left me-1"></i>{{ $module }}</a></h6>
                </div>
                <!-- page header end -->


                <!-- card start -->

                <form method="POST" action="{{ $route . '/' . $data->id }}" enctype="multipart/form-data">
                    @csrf
                    @method('PATCH')
                    <div class="card">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="mb-3 d-flex align-items-center">
                                        <label class="form-label mb-0">Image</label>
                                        <div
                                            class="drag-upload-btn avatar avatar-xxl rounded-circle bg-light text-muted position-relative overflow-hidden z-1 mb-2 ms-4 p-0">
                                            <i class="ti ti-user-plus fs-16"></i>
                                            <input type="file" name="image" class="form-control image-sign" accept="image/*" >
                                            <div
                                                class="position-absolute bottom-0 end-0 star-0 w-100 h-25 bg-dark d-flex align-items-center justify-content-center z-n1">
                                                <a href="javascript:void(0);"
                                                    class="text-white d-flex align-items-center justify-content-center">
                                                    <i class="ti ti-photo fs-14"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="default-avatar" style="background-image: url('{{ $data->image_url }}')"></div>
                                    </div>
                                </div>

                                <div class="col-lg-6">
                                    <div class="mb-3">
                                        <label class="form-label mb-1">Name<span
                                                class="text-danger ms-1">*</span></label>
                                        <input type="text" name="name" value="{{ $data->name }}"
                                            class="form-control" required>
                                    </div>
                                </div>

                                <div class="col-lg-6">
                                    <div class="mb-3">
                                        <label class="form-label mb-1">Email Address<span
                                                class="text-danger ms-1">*</span></label>
                                        <input type="email" name="email" value="{{ $data->email }}"
                                            class="form-control" required>
                                    </div>
                                </div>

                                <div class="col-lg-6">
                                    <div class="mb-3">
                                        <label class="form-label mb-1">Phone Number<span
                                                class="text-danger ms-1">*</span></label>
                                        <input type="tel" name="phone" value="{{ $data->phone }}"
                                            class="form-control" required>
                                    </div>
                                </div>

                                <div class="col-lg-6">
                                    <div class="mb-3">
                                        <label class="form-label mb-1">Address</label>
                                        <input type="text" name="address" value="{{ $data->address }}"
                                            class="form-control">
                                    </div>
                                </div>

                                <div class="col-lg-6">
                                    <div class="mb-3">
                                        <label class="form-label mb-1">City<span
                                                class="text-danger ms-1">*</span></label>
                                        <input type="text" name="city" value="{{ $data->city }}"
                                            class="form-control" required>
                                    </div>
                                </div>

                                <div class="col-lg-6">
                                    <div class="mb-3">
                                        <label class="form-label mb-1">Pincode</label>
                                        <input type="text" name="pincode" value="{{ $data->pincode }}"
                                            class="form-control">
                                    </div>
                                </div>

                                <div class="col-lg-6">
                                    <div class="form-check form-switch" style="font-size: 17px;">
                                        <input class="form-check-input" type="checkbox" role="switch"
                                            id="switchCheckDefault" name="is_default" {{ $data->is_default == 1 ? 'checked' : '' }}>
                                        <label class="form-check-label" for="switchCheckDefault" style="font-size: 14px;">Is Default</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- card end -->

                    <div class="d-flex align-items-center justify-content-end">
                        <a href="{{ $route }}" class="btn btn-light btn-lg me-2">Cancel</a>
                        <button type="submit" class="btn btn-primary btn-lg">Update</button>
                    </div>
                </form>

            </div>
        </div>
        <!-- row end -->

    </div>
    <!-- End Content -->

</div>

<!-- ========================
   End Page Content
  ========================= -->


@include('layouts.footer')