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

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

<div class="page-wrapper">

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

        <div class="row">
            <div class="col-lg-10 mx-auto">

                <!-- Start Page Header -->
                <div class="d-flex align-items-sm-center flex-sm-row flex-column gap-2 mb-3">
                    <div class="flex-grow-1">
                        <h6 class="fw-bold mb-0 d-flex align-items-center"><a href="{{ $route }}"><i
                                    class="ti ti-chevron-left me-1 fs-14"></i>{{ $module }}</a></h6>
                    </div>
                </div>
                <!-- End Page Header -->

                <!-- Start Add  -->

                <div class="card mb-0">
                    <!-- <div class="card-header">
                                
                            </div> -->
                    <div class="card-body">
                        <div class="border-bottom d-flex align-items-center justify-content-between pb-3 mb-3">
                            <h5 class="offcanvas-title fs-18 fw-bold">New {{ $singluar }}</h5>
                        </div>
                        <form action="{{ $route . '/' . $data->id }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            @method('PATCH')
                    <input type="hidden" name="user_id" value="{{ $data->user_id}}" hidden>

                            <div class="py-2 mb-3 feild-head">
                                <h6 class="fw-bold mb-0">Contact Information</h6>
                            </div>
                            <div class="pb-0">
                                <!-- start row-->
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="mb-3 d-flex align-items-center">
                                            <label class="form-label">Profile 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->user->image_url }}')"></div>

                                        </div>
                                    </div> <!-- end col-->

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

                                    <div class="col-lg-12">
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="mb-3">
                                                    <label class="form-label">Department<span
                                                            class="text-danger ms-1">*</span></label>
                                                    <select name="department_id" class="form-control select2" required>
                                                        <option value="">Select</option>
                                                        @foreach ($departments as $key => $value)
                                                            <option value="{{ $key }}"
                                                                {{ $data->department_id == $key ? 'selected' : '' }}>
                                                                {{ $value }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="mb-3">
                                                    <label class="form-label">Designation <span
                                                            class="text-danger ms-1">*</span></label>
                                                    <select name="designation_id" class="form-control select2" required>
                                                        <option value="">Select</option>
                                                        @foreach ($designations as $key => $value)
                                                            <option value="{{ $key }}"
                                                                {{ $data->designation_id == $key ? 'selected' : '' }}>
                                                                {{ $value }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div><!-- end col-->

                                    <div class="col-lg-12">
                                        <div class="row">
                                            <div class="col-lg-4">
                                                <div class="mb-3">
                                                    <label class="form-label">Phone Number <span
                                                            class="text-danger">*</span></label>
                                                    <input type="number" name="phone" value="{{ $data->phone }}"
                                                        class="form-control" required>
                                                </div>
                                            </div>
                                            <div class="col-lg-4">
                                                <div class="mb-3">
                                                    <label class="form-label">Email Address <span
                                                            class="text-danger">*</span></label>
                                                    <input type="text" name="email" value="{{ $data->email }}"
                                                        class="form-control" required>
                                                </div>
                                            </div>
                                            <div class="col-lg-4">
                                                <div class="mb-3">
                                                    <label class="form-label">DOB <span
                                                            class="text-danger">*</span></label>
                                                    <div class="input-icon-end position-relative">
                                                        <input type="text" name="dob"
                                                            class="form-control datetimepicker"
                                                            value="{{ $data->dob }}" placeholder="dd/mm/yyyy"
                                                            required>
                                                        <span class="input-icon-addon">
                                                            <i class="ti ti-calendar"></i>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div><!-- end col-->



                                    <div class="col-lg-12">
                                        <div class="row">
                                            <div class="col-lg-4">
                                                <div class="mb-3">
                                                    <label class="form-label">Medical License Number</label>
                                                    <input type="text" value="{{ $data->license_number }}"
                                                        name="license_number" class="form-control">
                                                </div>
                                            </div>
                                            <div class="col-lg-4">
                                                <div class="mb-3">
                                                    <label class="form-label">Qualification</label>
                                                    <input type="text" value="{{ $data->qualification }}"
                                                        class="form-control" name="qualification">
                                                </div>
                                            </div>
                                            <div class="col-lg-4">
                                                <div class="mb-3">
                                                    <label class="form-label">Gender <span
                                                            class="text-danger ms-1">*</span></label>
                                                    <select name="gender" class="form-control select2" required>
                                                        <option value="">Select</option>
                                                        @foreach ($gender as $key => $value)
                                                            <option value="{{ $key }}"
                                                                {{ $data->gender == $key ? 'selected' : '' }}>
                                                                {{ $value }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>

                                        </div>
                                    </div><!-- end col-->

                                    <div class="col-lg-12">
                                        <div class="mb-3">
                                            <label class="form-label">Bio</label>
                                            <textarea class="form-control" rows="3" name="bio" placeholder="About {{ $singluar }}"> {{ $data->bio }}</textarea>
                                        </div>
                                    </div>

                                </div>
                                <!-- end row-->
                            </div>
                            <div class="py-2 mb-3 feild-head">
                                <h6 class="fw-bold mb-0">Address Information</h6>
                            </div>
                            <div class="pb-0">
                                <div class="row">
                                    <div class="col-lg-8">
                                        <div class="mb-3">
                                            <label class="form-label">Address</label>
                                            <input type="text" value="{{ $data->address }}" class="form-control"
                                                name="address">
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="mb-3">
                                            <label class="form-label">City</label>
                                            <input type="text" value="{{ $data->city }}" name="city"
                                                class="form-control">
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="py-2 mb-3 feild-head">
                                <h6 class="fw-bold mb-0">Appointment Information</h6>
                            </div>
                            <div class="pb-0">
                                <div class="row">


                                    <div class="col-lg-4">
                                        <div class="mb-3">
                                            <label class="form-label">Accept bookings (in Advance)</label>
                                            <div class="input-group">
                                                <input type="number" class="form-control"
                                                    value="{{ $data->accept_booking }}" name="accept_booking">
                                                <span
                                                    class="input-group-text bg-transparent text-dark fs-14">Days</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-4">
                                        <div class="mb-3">
                                            <label class="form-label">Consultation Charge <span
                                                    class="text-danger ms-1">*</span></label>
                                            <div class="input-group">
                                                <input type="number" class="form-control"
                                                    value="{{ $data->consultation_fee }}" name="consultation_fee"
                                                    required>
                                                <span
                                                    class="input-group-text bg-transparent text-dark fs-14">{{ currency() }}</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="mb-3">
                                            <label class="form-label">Max Bookings Per Slot</label>
                                            <input type="number" class="form-control"
                                                value="{{ $data->max_bookings_per_day }}"
                                                name="max_bookings_per_day">
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="mb-3">
                                            <label class="form-label mb-1 fw-medium">Status<span
                                            class="text-danger ms-1">*</span></label>
                                    <select class="form-control select2" name="status">
                                        @foreach ($statusDropdown as $key => $value)
                                            <option value="{{ $key }}"
                                                {{ $data->status == $key ? 'selected' : '' }}>{{ $value }}
                                            </option>
                                        @endforeach
                                    </select>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <hr>
                            <div class=" d-flex justify-content-end gap-2">
                                <a href="{{ $route }}" class="btn btn-light btn-lg btm-md">Cancel</a>
                                <button class="btn btn-primary btn-lg btm-md">Update {{ $singluar }}</button>
                            </div>
                        </form>
                    </div>
                    <!-- <div class="card-footer">
                                
                            </div> -->
                </div>

                <!-- End Add -->

            </div>
        </div>

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

</div>

<!-- ========================
   End Page Content
  ========================= -->
@include('layouts.footer')