@extends("layouts.admin.app")
@section("page-title")
@endSection
@section("page-nav-title")
    <div class="app-title">
        <div>
            <h1> {{__("consultant")}}</h1>
            <p>{{__("edit consultant")}}</p>
        </div>
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item"><a href="#">{{__("Dashboard")}}</a></li>
            <li class="breadcrumb-item"><a href="{{route("admin.consultant.index")}}">{{__("consultant")}}</a></li>
            <li class="breadcrumb-item"><a href="#">{{__("Create")}}</a></li>
        </ul>
    </div>
@endsection

@section("content")
    <div class="row">
        <div class="col-lg-10 m-auto">
            <div class="tile">
                <h3 class="tile-title">{{__("Edit Consultant")}}</h3>

                <div class="tile-body">

                    <div>
                        <form method="post"
                              action="{{ route('admin.consultant.details.update', ['id' => $consultant->id]) }}"
                              enctype="multipart/form-data">
                            @csrf
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label class="control-label required">{{__("full-name")}}</label>
                                        <input class="form-control @if($errors->has('full_name')) is-invalid @endif"
                                               type="text" name="full_name" placeholder="{{__("enter-full-name")}}"
                                               value="{{$consultant->full_name}}">
                                    </div>
                                    @error("full_name")
                                    <div class="input-error">{{$message}}</div>
                                    @enderror
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label class="control-label required">{{__("phone-number")}}</label>
                                        <input class="form-control @if($errors->has('phone_number')) is-invalid @endif"
                                               type="text" name="phone_number"
                                               placeholder="{{__("enter-phone-number")}}"
                                               value="{{$consultant->phone_number}}">
                                    </div>
                                    @error("phone_number")
                                    <div class="input-error">{{$message}}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label class="control-label required">{{__("email")}}</label>
                                        <input class="form-control @if($errors->has('email')) is-invalid @endif"
                                               type="email" name="email" placeholder="{{__("enter-email")}}"
                                               value="{{$consultant->email}}">
                                    </div>
                                    @error("email")
                                    <div class="input-error">{{$message}}</div>
                                    @enderror
                                </div>

                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label class="control-label required">{{__("specialization")}}</label>
                                        <select class="form-control @if($errors->has('specialization')) is-invalid @endif"
                                                id="specialization" name="specialization">
                                            <option></option>
                                            @foreach($specializations as $specialization)
                                                <option value="{{$specialization->id}}" @if($consultant->specialization_id == $specialization->id) selected @endif>{{$specialization->name_en}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    @error("specialization")
                                    <div class="input-error">{{$message}}</div>
                                    @enderror
                                </div>

                                <div class="col">
                                    <label class="control-label">{{__("About Consultant")}}</label>
                                    <textarea style="height: 40px"
                                              class="form-control @if($errors->has('consultant_description')) is-invalid @endif"
                                              type="text" name="consultant_description"
                                              placeholder="{{__("enter-description")}}">{{$consultant->description}}</textarea>
                                </div>

                            </div>
                            <div class="row">

                            </div>
                            <hr>
                            <label class="control-label required"
                                   style="padding-top: 10px">{{__("Consultation Type")}}</label>

                            <div class="row" style="padding-top: 10px">
                                <div class="col-lg-2">
                                    <div class="form-group">
                                        <div class="checkbox-correct size-1 check-box mr-2">

                                            <label class="control-label" style="display:flex"><input type="checkbox"class="checkbox_check" id="onlinePrice"
                                                                                                     name="ConsultationType[]"
                                                                                                     value=1
                                                                                                     {{in_array('1', $requestArr) ? 'checked' : '' }}
                                                                                                     style="@if(app()->getLocale() == 'en') margin-right:10px @else margin-left:10px @endif">{{__("Online")}}
                                            </label>
                                        </div>
                                    </div>
                                    <div id="showOnlinePrice"
                                        style="display: none">
                                        <label class="control-label required  @if($errors->has('online_price')) is-invalid @endif">{{__("Online Price")}}</label>
                                        <input class="form-control" type="number" min="0" name="online_price"
                                               value="{{$consultant->online_price}}">

                                    </div>

                                </div>
                                <div class="col-lg-3">
                                    <div class="form-group">
                                        <div class="checkbox-correct size-1 check-box mr-2">
                                            <label class="control-label" style="display:flex"><input type="checkbox"
                                                                                                     id="offlinePrice"

                                                                                                    class="checkbox_check"
                                                                                                     name="ConsultationType[]"
                                                                                                     value=0
                                                                                                     style="@if(app()->getLocale() == 'en') margin-right:10px @else margin-left:10px @endif"
                                                                                                     {{in_array('0', $requestArr) ? 'checked' : '' }}
                                                                                                     style="@if(app()->getLocale() == 'en') margin-right:10px @else margin-left:10px @endif">{{__("Offline")}}
                                            </label>
                                        </div>
                                    </div>

                                    <div id="showOfflinePrice"
                                      style="display: none">
                                        <label class="control-label required">{{__("Offline Price")}}</label>
                                        <input class="form-control" type="number" min="0" name="offline_price"
                                               value="{{$consultant->offline_price}}">

                                    </div>

                                </div>
                                <div class="col-lg-3">
                                    <div class="form-group">
                                        <div class="checkbox-correct size-1 check-box mr-2">
                                            <label class="control-label" style="display:flex"><input type="checkbox"
                                                                                                     class="checkbox_check"
                                                                                                     id="chatPrice"
                                                                                                     name="ConsultationType[]"
                                                                                                     value=2
                                                                                                     {{in_array('2', $requestArr) ? 'checked' : '' }}
                                                                                                      style="@if(app()->getLocale() == 'en') margin-right:10px @else margin-left:10px @endif">{{__("Chat")}}
                                            </label>
                                        </div>
                                    </div>
                                    <div id="showChatPrice"
                                      style="display: none">
                                        <label class="control-label required">{{__("Chat Price")}}</label>
                                        <input class="form-control" type="number" min="0" name="chat_price"
                                               value="{{$consultant->chat_price}}">

                                    </div>
                                </div>
                            </div>
                            <hr>

                            <div>
                                <button type="button" style="margin-left: 50rem ;  margin-bottom: 2rem;"
                                        class="btn btn-warning " data-toggle="modal"
                                        data-target="#Attachment{{$consultant->id}}">
                                    {{__('Add New Account')}}
                                </button>
                                <div class="modal fade" id="Attachment{{$consultant->id}}" tabindex="-1"
                                     aria-labelledby="exampleModalLabel" aria-hidden="true">
                                    <div class="modal-dialog modal-xl">
                                        <div class="modal-content" style="height: 800px;overflow-y: auto;">
                                            <div class="modal-header">
                                                <h5 class="modal-title"
                                                    id="exampleModalLabel">{{__('New Account')}}</h5>
                                                <button type="button" class="close" data-dismiss="modal"
                                                        aria-label="Close">
                                                    <span aria-hidden="true">&times;</span>
                                                </button>
                                            </div>
                                            <div>
                                                <div class="links-box">
                                                    <h3>{{"Create New Account"}}</h3>
                                                    <hr>
                                                    <div class="row">
                                                        <div class="col">
                                                            <div class="form-group">
                                                                <label class="control-label required">{{__("account_type")}}</label>
                                                                <select class="form-control @if($errors->has('account_type')) is-invalid @endif"
                                                                        id="account_type" name="account_type_id">
                                                                    <option></option>
                                                                    @foreach($account_types as $account_type)
                                                                        <option value="{{$account_type->id}}" {{ old('account_type') == $account_type->id ? "selected" : "" }}>{{$account_type->name_en}}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                            @error("account_type")
                                                            <div class="input-error">{{$message}}</div>
                                                            @enderror
                                                        </div>
                                                        <div class="col">
                                                            <div class="form-group">
                                                                <label class="control-label">{{__("account number")}}</label>
                                                                <textarea style="height: 40px"
                                                                          class="form-control @if($errors->has('account_number')) is-invalid @endif"
                                                                          type="text" name="account_number[]"
                                                                >{{inputValue("account_number")}}</textarea>
                                                            </div>
                                                            @error("consultant_description")
                                                            <div class="input-error">{{$message}}</div>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col">
                                                            <div class="form-group">
                                                                <label class="control-label">{{__("account name")}}</label>
                                                                <textarea style="height: 40px"
                                                                          class="form-control @if($errors->has('account_name')) is-invalid @endif"
                                                                          type="text" name="account_name[]"
                                                                >{{inputValue("account_name")}}</textarea>
                                                            </div>
                                                            @error("account_name")
                                                            <div class="input-error">{{$message}}</div>
                                                            @enderror                                    </div>
                                                        <div class="col">
                                                            <div class="form-group">
                                                                <label class="control-label">{{__("account information")}}</label>
                                                                <textarea style="height: 40px"
                                                                          class="form-control @if($errors->has('account_information')) is-invalid @endif"
                                                                          type="text" name="account_information[]"
                                                                >{{inputValue("account_information")}}</textarea>
                                                            </div>
                                                            @error("account_information")
                                                            <div class="input-error">{{$message}}</div>
                                                            @enderror                                    </div>
                                                    </div>
                                                    <div id="accountInfo">
                                                    </div>

                                                </div>
                                            </div>

                                            <div class="modal-footer">
                                                <button id="hi" style="background-color: green" type="button"
                                                        class="btn btn-primary">
                                                    <i class="fa fa-fw fa-lg fa-check-circle"></i> {{__("Create")}}
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <table class="table table-bordered">
                                <thead>

                                <tr>
                                    <th>{{__("Account Name")}}</th>
                                    <th>{{__("Account Number")}}</th>
                                    <th>{{__("Account Information")}}</th>
                                    <th>{{__("Account Type")}}</th>
                                    <th>{{__("Action")}}</th>


                                </tr>
                                </thead>
                                <tbody>

                                @foreach($consultant_account as $account)
                                    <tr>
                                        @if($account->account_name!=null)

                                        <td>{{$account->account_name}}</td>
                                        <td>{{$account->account_number}}</td>
                                        <td>{{$account->account_information}}</td>
                                        <td>@if(!is_null($account->consultantAccount)){{$account->consultantAccount->name_en}}@endif</td>
                                        <td>
                                            <a href="{{route("admin.consultant.editAccount",$account->id)}}"
                                               class="control-link edit"><i class="fas fa-edit"></i></a>
                                            <form action="{{ route("admin.consultant.destroy", ['account' => $account->id]) }}"
                                                  method="post" id="delete{{$account->id}}" style="display: none"
                                                  data-swal-title="{{ __("Delete Account") }}"
                                                  data-swal-text="{{ __("Are You Sure To Delete This Account ?") }}"
                                                  data-yes="{{ __("Yes") }}" data-no="{{ __("No") }}"
                                                  data-success-msg="{{ __("The Account has been deleted successfully") }}">
                                                @csrf
                                                @method("post")
                                            </form>
                                            <span href="#" class="control-link remove form-confirm"
                                                  data-form-id="#delete{{$account->id}}"><i
                                                        class="far fa-trash-alt"></i></span>

                                        </td>

                                        @endif

                                    </tr>

                                @endforeach
                                </tbody>
                            </table>
                            <div id="accountInfo">
                            </div>


                            <hr>
                            <button type="button" style="margin-left: 50rem ;  margin-bottom: 2rem;"
                                    class="btn btn-warning " data-toggle="modal" data-target="#time{{$consultant->id}}">
                                {{__('Add New Time Schedule')}}
                            </button>
                            <div class="modal fade" id="time{{$consultant->id}}" tabindex="-1"
                                 aria-labelledby="exampleModalLabel" aria-hidden="true">
                                <div class="modal-dialog modal-xl">
                                    <div class="modal-content" style="height: 800px;overflow-y: auto;">
                                        <div class="modal-header">
                                            <h5 class="modal-title"
                                                id="exampleModalLabel">{{__('Attachments')}}</h5>
                                            <button type="button" class="close" data-dismiss="modal"
                                                    aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body mt-2 mb-2">
                                            <div class="links-box">
                                                <div class="row">
                                                    <div class="container">
                                                        <div id="timeForm">
                                                            <div class="row">
                                                                <div class="col">
                                                                    <div name="week">
                                                                        <div class="row">
                                                                            <div class="col">
                                                                                <label class="control-label">{{__("Date Work From")}}</label>

                                                                                <input type="date" style="height: 40px"
                                                                                       class="form-control @if($errors->has('date_from')) is-invalid @endif"
                                                                                       name="date_from">
                                                                            </div>
                                                                            <div class="col">
                                                                                <label class="control-label">{{__("Date Work To")}}</label>
                                                                                <input type="date" style="height: 40px"
                                                                                       class="form-control @if($errors->has('date_to')) is-invalid @endif"
                                                                                       name="date_to">
                                                                            </div>
                                                                        </div>
                                                                        <div class="container mt-3">
                                                                            <div class="row">
                                                                                <div class="col">
                                                                                    <label class="control-label">{{__("slot Duration")}}</label>
                                                                                    <input style="height: 40px"
                                                                                           class="form-control @if($errors->has('slot_duration')) is-invalid @endif"
                                                                                           type="number" min="1"
                                                                                           name="slot_duration"
                                                                                           placeholder="{{__("enter time in min")}}">
                                                                                </div>
                                                                                <div class="col">
                                                                                    <label class="control-label">{{__("Wating Duration")}}</label>
                                                                                    <input style="height: 40px"
                                                                                           class="form-control @if($errors->has('wating_time')) is-invalid @endif"
                                                                                           type="number"
                                                                                           name="waiting_time" min="1"
                                                                                           placeholder="{{__("enter time in min")}}">
                                                                                </div>
                                                                            </div>
                                                                        </div>


                                                                        <div class="row">
                                                                            <div class="col-6 mt-4">
                                                                                <label class="control-label required ">{{__("Day")}}</label>


                                                                                <select class="form-control @if($errors->has('day')) is-invalid @endif dates"
                                                                                        id="week_day_en_name"
                                                                                        name="days[]"
                                                                                        value="week_day_en_name">
                                                                                    <label class="control-label required">{{__("Day")}}</label>
                                                                                    <option value="sunday"
                                                                                            name="week_day_en_name">{{"Sunday"}}</option>
                                                                                    <option value="monday"
                                                                                            name="week_day_en_name">{{"Monday"}}</option>
                                                                                    <option value="tuesday"
                                                                                            name="week_day_en_name">{{"Tuesday"}}</option>
                                                                                    <option value="wednesday"
                                                                                            name="week_day_en_name">{{"Wednesday"}}</option>
                                                                                    <option value="thursday"
                                                                                            name="week_day_en_name">{{"Thursday"}}</option>
                                                                                    <option value="friday"
                                                                                            name="week_day_en_name">{{"Friday"}}</option>
                                                                                    <option value="saturday"
                                                                                            name="week_day_en_name">{{"Saturday"}}</option>

                                                                                </select>


                                                                            </div>
                                                                            <div class="col mt-4">
                                                                                <label class="control-label">{{__("Time From")}}</label>
                                                                                <input class="form-control @if($errors->has('time_from')) is-invalid @endif"
                                                                                       type="time" name="period[]">
                                                                            </div>
                                                                            <div class="col mt-4">
                                                                                <label class="control-label">{{__("Time To")}}</label>
                                                                                <input style="height: 40px"
                                                                                       class="form-control @if($errors->has('time_to')) is-invalid @endif"
                                                                                       type="time" name="period[]">
                                                                            </div>

                                                                        </div>
                                                                        <input type="hidden" name="consultant_id"
                                                                               value="{{ $consultant->id }}">
                                                                        <div id="textTime"></div>


                                                                    </div>
                                                                    <div class="modal-footer">
                                                                        <button type="button"
                                                                                class="add btn btn-secondary">
                                                                            {{__("Add More Day")}}
                                                                        </button>

                                                                        <button id="time"
                                                                                style="background-color: green"
                                                                                type="button" class="btn btn-primary">
                                                                            <i class="fa fa-fw fa-lg fa-check-circle"></i> {{__("Create")}}
                                                                        </button>


                                                                    </div>
                                                                </div>

                                                            </div>
                                                            {{--                                                <a class="add"><i class="fa fa-fw fa-lg fa-plus-circle mt-3"--}}
                                                            {{--                                                                  stytimee="font-size: 18px; color: green; cursor: pointer"--}}
                                                            {{--                                                    ></i></a>--}}

                                                        </div>


                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <table class="table table-hover table-bordered text-center" id="sampleTable">
                                <thead>
                                <tr>

                                    <th>{{__("Waiting Duration")}}</th>
                                    <th>{{__("Slot Duration")}}</th>
                                    <th>{{__("Date From")}}</th>
                                    <th>{{__("Date To")}}</th>
                                    <th>{{__("Details")}}</th>
                                    <th>{{__("Action")}}</th>

                                </tr>
                                </thead>
                                <tbody>
                                @foreach($time_slot_types as $index => $type)
                                    <tr>
                                        <td>{{$type->wating_time}}</td>
                                        <td>{{$type->slot_duration}}</td>
                                        <td>{{$type->date_from}}</td>
                                        <td>{{$type->date_to}}</td>
                                        <td>
                                            <a href="{{route('admin.timeSlotType.details',$type->id,$type->date_from)}}"
                                               class="btn btn-danger">
                                                {{__("Details")}}
                                            </a>
                                        </td>
                                        <td>
                                            <a href="{{route('admin.consultant.schedule.edit',$type->id)}}"
                                               class="control-link edit"><i class="fas fa-edit"></i></a>

                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>

                            <div id="accountInfo">
                            </div>
                            <hr>
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">

                                    </div>
                                    @error("Consultant_image")
                                    <div class="input-error">{{$message}}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">

                                        <div class="col-lg-3 col-md-5 col-sm-6">
                                            <div class="images">
                                                <div class="uploaded-images">
                                                    @if(!is_null($consultant->getFirstMediaFile("Doctors")))<img src="{{$consultant->getFirstMediaFile("Doctors")->url}}" alt=""
                                                         width="150px">@endif
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                    @error("doctor_image")
                                    <div class="input-error">{{$message}}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-5 col-sm-6">
                                <div class="uploaded-images"></div>
                            </div>
                            <div>
                                <button class="btn btn-primary form-control button-upload-file">
                                    <input class="input-file show-uploaded" data-upload-type="single"
                                           data-imgs-container-class="uploaded-images" type="file"
                                           name="consultant_image">
                                    <span class="upload-file-content">
                                                <i class="fas fa-upload fa-lg upload-file-content-icon left"></i>
                                                <span class="upload-file-content-text">{{__("Upload Photo")}}</span>
                                            </span>
                                </button>
                            </div>
                            <div class="tile-footer">
                                <button type="submit" class="btn btn-primary">
                                    <i class="fa fa-fw fa-lg fa-check-circle"></i> {{__("save")}}
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
                @endsection
                @section("scripts")
                    <script type="text/javascript">
          $("#time").click(function () {
                                console.log("///");
                                var csrfToken = $('meta[name="csrf-token"]').attr('content');
                                var formData = new FormData();

                                // Collect form data
                                formData.append('date_from', $('input[name="date_from"]').val());
                                formData.append('date_to', $('input[name="date_to"]').val());
                                formData.append('slot_duration', $('input[name="slot_duration"]').val());
                                formData.append('waiting_time', $('input[name="waiting_time"]').val());

                                // Get data for each day's time period
                                $('.dates').each(function (index) {
                                    const day = $(this).closest('.row').find('[name="days[]"]').val();
                                    const timeFrom = $(this).closest('.row').find('[name="period[]"]:eq(0)').val();
                                    const timeTo = $(this).closest('.row').find('[name="period[]"]:eq(1)').val();
                                    formData.append(`periods[${index}][day]`, day);
                                    formData.append(`periods[${index}][time_from]`, timeFrom);
                                    formData.append(`periods[${index}][time_to]`, timeTo);
                                });

                                // Get consultant ID from the hidden input field and append it to the form data
                                var consultantId = $('input[name="consultant_id"]').val();
                                formData.append('consultant_id', consultantId);

                                $.ajax({
                                    type: 'POST',
                                    url: "{{route("admin.consultant.storeTime")}}",
                                    data: formData,
                                    processData: false,
                                    contentType: false,
                                    headers: {
                                        'X-CSRF-TOKEN': csrfToken // Include the CSRF token in the headers
                                    },

                                    success: function (response) {
                                        // Handle success response, if needed
                                        alert('Time slot created successfully!');
                                        setTimeout(function () {
                                            location.reload();
                                        });
                                    },
                                    error: function (error) {
                                        // Handle error response, if needed
                                        alert('An error occurred while creating the time slot.');
                                    }
                                });
                                });

                        $("#hi").click(function () {
                            var csrfToken = $('meta[name="csrf-token"]').attr('content');
                            // Gather form data
                            var formData = new FormData();
                            formData.append('account_type_id', $('#account_type').val());
                            formData.append('account_number', $('textarea[name="account_number[]"]').val());
                            formData.append('account_name', $('textarea[name="account_name[]"]').val());
                            formData.append('account_information', $('textarea[name="account_information[]"]').val());

                            // Send AJAX request
                            $.ajax({
                                type: 'POST',
                                url: '{{ route('admin.consultant.Accountstore', ['id' => $consultant->id]) }}',
                                data: formData,
                                processData: false,
                                contentType: false,
                                headers: {
                                    'X-CSRF-TOKEN': csrfToken // Include the CSRF token in the headers
                                },
                                success: function (response) {
                                    // Handle success response, if needed
                                    // For example, you might want to close the modal or display a success message
                                    alert('Account created successfully!');
                                    setTimeout(function () {
                                        location.reload();
                                    });
                                },
                                error: function (error) {
                                    // Handle error response, if needed
                                    alert('An error occurred while creating the account.');
                                }
                            });


                        });
                        $("#specialization").select2({
                            placeholder: "{{__('select-specialization')}}",
                            width: "100%",
                        });
                        $("#object").select2({
                            placeholder: "{{__('select-clinic')}}",
                            width: "100%",
                        });
                        $("#time_slot_type").select2({
                            placeholder: "{{__('select-time-slot-type')}}",
                            width: "100%",
                        });
                        $("#user_id").select2({
                            placeholder: "{{__('select-user')}}",
                            width: "100%",
                        });

                        $("#has_account").change(function () {
                            if ($(this).is(':checked')) {
                                $("#shows").show();
                            } else {
                                $("#shows").hide();
                            }
                        });


                            function handleCheckboxChange(checkboxId, priceDivId) {
                            var checkbox = $(checkboxId);
                            var priceDiv = $(priceDivId);

                            // Check if the checkbox is initially checked and show the input field accordingly
                            if (checkbox.is(":checked")) {
                                priceDiv.show();
                            }

                            checkbox.change(function () {
                                if (checkbox.is(":checked")) {
                                    priceDiv.show();
                                } else {
                                    priceDiv.hide();
                                }
                            });
                        }
                        // Handle each checkbox and its corresponding input field
                        handleCheckboxChange("#onlinePrice", "#showOnlinePrice");
                        handleCheckboxChange("#offlinePrice", "#showOfflinePrice");
                        handleCheckboxChange("#chatPrice", "#showChatPrice");





                        $(".addAcount").click(function () {
                            $("#accountInfo").append(`


            <hr>

                 <div class="row">

                                                                    <div class="col">
                                                                        <div class="form-group">
                                                                            <label class="control-label required">{{__("account_type")}}</label>
                                                                            <select class="form-control @if($errors->has('account_type')) is-invalid @endif"
                                                                                    id="account_type" name="account_type[]">
                                                                                <option></option>
                                                                                @foreach($account_types as $account_type)
                            <option value="{{$account_type->id}}" {{ old('account_type') == $account_type->id ? "selected" : "" }}>{{$account_type->name_en}}</option>
                                                                                @endforeach
                            </select>
                        </div>
@error("account_type")
                            <div class="input-error">{{$message}}</div>
                                                                        @enderror
                            </div>
                            <div class="col">
                                <div class="form-group">
                                    <label class="control-label">{{__("account number")}}</label>
                                                                            <textarea style="height: 40px"
                                                                                      class="form-control @if($errors->has('account_number')) is-invalid @endif"
                                                                                      type="text" name="account_number[]"
                                                                                     >{{inputValue("account_number")}}</textarea>
                                                                        </div>
                                                                        @error("doctor_description")
                            <div class="input-error">{{$message}}</div>
                                                                        @enderror
                            </div>
                        </div>


                        <div class="row">
                            <div class="col">
                                <div class="form-group">
                                    <label class="control-label">{{__("account name")}}</label>
                                                                            <textarea style="height: 40px"
                                                                                      class="form-control @if($errors->has('account_name')) is-invalid @endif"
                                                                                      type="text" name="account_name[]"
                                                                                    >{{inputValue("account_name")}}</textarea>
                                                                        </div>
                                                                        @error("account_name")
                            <div class="input-error">{{$message}}</div>
                                                                        @enderror                                    </div>
                                                                    <div class="col">
                                                                        <div class="form-group">
                                                                            <label class="control-label">{{__("account information")}}</label>
                                                                            <textarea style="height: 40px"
                                                                                      class="form-control @if($errors->has('account_information')) is-invalid @endif"
                                                                                      type="text" name="account_information[]"
                                                                                     >{{inputValue("account_information")}}</textarea>
                                                                        </div>
                                                                        @error("account_information")
                            <div class="input-error">{{$message}}</div>
                                                                        @enderror                                    </div>
                                                                </div>

            `)

                            $(document).ready(function () {


                                let countener = 0;
                                let allDays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
                                let availableDays = [...allDays];
                                let selectedDay = [];

                                $(document).on('click', '.add', function () {
                                    if (availableDays.length === 0) {
                                        alert('No more days left to select!');
                                        return;
                                    }

                                    countener++;
                                    selectedDay.push($('#week_day_en_name').val());
                                    availableDays = availableDays.filter(day => !selectedDay.includes(day));

                                    const dayOptions = availableDays.map(day => `<option value="${day}">${day}</option>`).join('');

                                    const newRow = `
            <div id="object${countener}">
                <div class="row">
                    <div class="col-6">
                        <label class="control-label required">{{__("Day")}}</label>
                        <select class="form-control date" id="week_day_en_name${countener}" name="days[]">
                            ${dayOptions}
                        </select>
<input type="hidden" name="selected_days[]" value="${$(`#week_day_en_name${countener}`).val()}">                    </div>
                    <div class="col">
                        <label class="control-label">{{__("Time From")}}</label>
                        <input class="form-control" type="time" name="period[]">
                    </div>
                    <div class="col">
                        <label class="control-label">{{__("Time Into")}}</label>
                        <input style="height: 40px" class="form-control" type="time" name="period[]">
                    </div>
                    <a style="margin-bottom: auto; margin-top: 2rem" class="removeRow">
                        <i class="fa fa-fw fa-lg fa-minus-circle" style="font-size: 18px; color: red; cursor: pointer"></i>
                    </a>
                </div>
            </div>
        `;

                                    $("#textTime").append(newRow);
                                    selectedDay.push($(`#week_day_en_name${countener}`).val());
                                });

                                $(document).on('click', '.removeRow', function () {
                                    $(this).closest('.row').parent().remove();
                                });
                            });
                            //
                            $('.dates').change(function () {
                                console.log('hi');
                            });
                         

                      
                            });



                    </script>

@endsection