@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')
                    <input type="hidden" name="user_id" value="{{ $data->user_id}}" hidden>
                    <div class="card">
                        <div class="card-body">
                            <div class="form">
                                <h6 class="fw-bold mb-3">{{ $singluar }} Information</h6>
                                <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 class="mb-3">
                                    <label class="form-label">Name <span class="text-danger">*</span></label>
                                    <input type="text" name="name" class="form-control" value="{{ $data->name }}" required>
                                </div>

                                <!-- start row -->
                                <div class="row mb-3 border-bottom">
                                    <div class="col-lg-6">
                                        <div class="mb-3" data-select2-id="158">
                                            <label class="form-label">Role<span
                                                    class="text-danger ms-1">*</span></label>
                                            <select name="role" class="form-control select2" required>
                                                <option value="">Select</option>
                                                @foreach ($roles as $key => $value)
                                                    <option value="{{ $key }}" {{ $data->user->role->name == $key ? 'selected' : '' }}>{{ $value }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div><!-- end col -->
                                    <div class="col-lg-6">
                                        <div class="mb-3" data-select2-id="158">
                                            <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><!-- end col -->

                                        <input type="hidden" name="location" value="{{ location_id() }}" hidden>
                                
                                </div>
                                <!-- end row -->

                                <h6 class="fw-bold mb-3">Contact Information</h6>

                                <!-- start row -->
                                <div class="row row-gap-2">
                                    <div class="col-md-6">
                                        <div class="mb-0">
                                            <label class="form-label">Phone Number<span
                                                    class="text-danger ms-1">*</span></label>
                                            <input type="text" name="phone" class="form-control" value="{{ $data->phone }}" required>
                                        </div>
                                    </div><!-- end col -->
                                    <div class="col-md-6">
                                        <div class="mb-0">
                                            <label class="form-label">Email<span
                                                    class="text-danger ms-1">*</span></label>
                                            <input type="text" name="email" class="form-control" value="{{ $data->email }}" required>
                                        </div>
                                    </div><!-- end col -->
                                    <div class="col-md-6">
                                        <div class="mb-0">
                                            <label class="form-label">DOB<span class="text-danger ms-1">*</span></label>
                                            <div class="input-icon-end position-relative">
                                                <input type="text" name="dob" class="form-control datetimepicker"
                                                    placeholder="dd/mm/yyyy" value="{{ $data->dob }}" required>
                                                <span class="input-icon-addon">
                                                    <i class="ti ti-calendar"></i>
                                                </span>
                                            </div>
                                        </div>
                                    </div><!-- end col -->
                                    <div class="col-lg-6">
                                        <div class="mb-3" data-select2-id="158">
                                            <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><!-- end col -->

                                    <div class="col-md-12">
                                        <div class="mb-0">
                                            <label class="form-label">Address</label>
                                            <input type="text" name="address"  value="{{ $data->address }}" class="form-control">
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="mb-0">
                                            <label class="form-label">City</label>
                                            <input type="text" name="city" value="{{ $data->city }}" class="form-control">
                                        </div>
                                    </div><!-- end col -->

                                    <div class="mb-0">
                                    <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>
                                <!-- end row -->
                            </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')