@extends("layouts.admin.app")
@section("page-title")
    {{__("Dashboard")}}
@endSection
@section("page-nav-title")
    <div class="app-title">
        <div>
            <h1> {{__("consultants")}}</h1>
            <p>{{__("Create 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">{{__("Create New consultant")}}</h3>

                <div class="tile-body">

                    <div>
                        <form method="post" action="{{route("admin.consultant.store")}}" 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="{{inputValue("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="{{inputValue("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="{{inputValue("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}}" {{ old('specialization') == $specialization->id ? "selected" : "" }}>{{$specialization->name_en}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    @error("specialization")
                                    <div class="input-error">{{$message}}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="row">
                                <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")}}">{{inputValue("consultant_description")}}
                    </textarea>
                                </div>
                                <div class="col">
                                    <label class="control-label">{{__("user")}}</label>

                                    <select class="form-control @if($errors->has('user_id')) is-invalid @endif"
                                            id="user_id" name="user_id">
                                        <option></option>
                                        @foreach($users as $user)
                                            <option value="{{$user->id}}" {{ old('user_id') == $user->id ? "selected" : "" }}>{{$user->phone_number}}</option>
                                        @endforeach
                                    </select>
                                </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 {{ (is_array(old('ConsultationType')) and in_array("onlinePrice", old('ConsultationType'))) ? ' 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="1" name="online_price"  value="{{inputValue("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 {{ (is_array(old('ConsultationType')) and in_array("offlinePrice", old('ConsultationType'))) ? ' 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="1" name="offline_price" value="{{inputValue("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 {{ (is_array(old('ConsultationType')) and in_array("chat", old('ConsultationType'))) ? ' 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="1" name="chat_price" value="{{inputValue("chat_price")}}">

                                    </div>
                                </div>

                            </div>




                            <div class="row">
                                <div class="col-lg-6 ">
                                    <div class="form-group">
                                        <div class="checkbox-correct size-1 check-box mr-2" style="padding-top: 33px">
                                            <label class="control-label" style="display:flex"><input type="checkbox"
                                                                                                     id="has_account"
                                                                                                     name="has_account"
                                                                                                     @if(old('has_account')=='on'))
                                                                                                     checked
                                                                                                     @endif style="@if(app()->getLocale() == 'en') margin-right:10px @else margin-left:10px @endif">{{__("Account Availability")}}
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="show" style="display: none">

                                <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("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>
                                <a class="addAcount"><i class="fa fa-fw fa-lg fa-plus-circle mt-3"
                                                        style="font-size: 18px; color: green; cursor: pointer"
                                    ></i></a>

                            </div>

                            <hr>
                            <h4>Working Time Agenda</h4>
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <div  class="checkbox-correct size-1 check-box mr-2"
                                              style="padding-top: 33px">
                                            <label class="control-label" style="display:flex"><input type="checkbox"
                                                                                                     id="add_times_work"
                                                                                                     name="add_times_work"
                                                                                                     @if(old('add_times_work')=='on'))
                                                                                                     checked
                                                                                                     @endif style="@if(app()->getLocale() == 'en') margin-right:10px @else margin-left:10px @endif">{{__("Add New Time Schedule")}}
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div id="showAllTime" style="display: none">
                                <div><button type="button"id="addNewSchedule" class="btn btn-secondary" style="margin-left: 50rem">Add new time schedule</button></div>

                                <div class="container">
                                    <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="week[0][period][]" value="{{$AppSetting->default_date_from}}" disabled>{{inputValue($AppSetting->default_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="week[0][period][]" value="{{$AppSetting->default_date_to}}" disabled>{{inputValue($AppSetting->default_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="week[0][period][]"
                                                                   placeholder="{{__("In Minutes")}}">{{inputValue("slot_duration")}}
                                                        </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="week[0][period][]" min="1"
                                                                   placeholder="{{__("In Minutes")}}">{{inputValue("wating_time")}}
                                                        </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 dateChange"
                                                                 id="week_day_en_name" name="week[0][weekdays][0][]" >
                                                            <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="week[0][weekdays][0][]"
                                                               required> {{inputValue("time_from")}}
                                                    </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="week[0][weekdays][0][]">{{inputValue("time_to")}}
                                                    </div>

                                                </div>

                                            </div>

                                        </div>
                                    </div>

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

                                </div>
                                <div id="NewSchedule">


                                </div>
                            </div>


                            <hr>

                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label class="control-label">{{__("Consultant Photo")}}</label>
                                        <div>
                                            <button style="background-color: #6c7e67" 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>
                                    @error("consultant_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 class="tile-footer">
                                <button style="background-color: green" type="submit" class="btn btn-primary">
                                    <i class="fa fa-fw fa-lg fa-check-circle"></i> {{__("Create")}}
                                </button>
                            </div>
                        </form>

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


        @endsection
        @section("scripts")
            <script type="text/javascript">
                $("#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')) {
                        $("#show").show();
                    } else {
                        $("#show").hide();
                    }
                });

                // $("#has_account").click(function () {
                //     $("#show").show();
                //
                // });
                let countener = 0;

                $(document).ready(function () {
                    let allDays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];

                    $('.add').click(function () {
                        let selectedDay = [];
                        for(let i=0 ; i<=countener ; i++){
                            selectedDay.push($(`#week_day_en_name`).val());
                            console.log(selectedDay);
                            selectedDay.push($(`#week_day_en_name${i}`).val());
                        }
                        countener++;
                        let optionsHtml = '';
                        allDays.forEach(day => {
                            let isDisabled = selectedDay.includes(day) ? 'disabled' : '';
                            optionsHtml += `<option value="${day}" name="week_day_en_name" ${isDisabled}>${day}</option>`;
                        });

                        $("#text").append(`

                                    <div id="object${countener}">
                                     <hr>
                                      <div class="row">
                                        <div class="col-6">
                                            <label class="control-label required ">{{__("Day")}}</label>
                                                <select class="form-control @if($errors->has('day')) is-invalid @endif"
                                                    id="week_day_en_name${countener}" name="week[0][weekdays][${countener}][]">
                                                <label class="control-label required">{{__("Day")}}</label>
                                                           ${optionsHtml}
                                                </select>

                                                </div>
                                                <div class="col">
                                                    <label class="control-label">{{__("Time From")}}</label>
                                                                                <input class="form-control @if($errors->has('time_from')) is-invalid @endif "
                                                                                       type="time" name="week[0][weekdays][${countener}][]"
                                                                                       required> {{inputValue("time_from")}}
                        </div>
                        <div class="col">
                            <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="week[0][weekdays][${countener}][]">{{inputValue("time_to")}}
                        </div>

                    <a style="margin-bottom: auto; margin-top: 2rem" onclick="removeRow(this, ${countener})">
                                                            <i class="fa fa-fw fa-lg fa-minus-circle" style="font-size: 18px; color: red; cursor: pointer"></i>
                                                        </a>
                                                    </div>
                                                    </div>
                                   `);

                        console.log(countener)

                    });


                });

                function removeRow(row, countener) {
                    console.log($(`#object${countener} div .row`).length);
                    $(row).parent().parent().remove();
                    countener--; // Decrement countener to reflect the correct value for the next element
                }
                //     function removeRow(row) {
                //         console.log(this)
                //         console.log($("#object${++countener} div .row").length);
                //         $(row).parent().parent().remove()
                //     }
                //




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

                // $("#addFealdTime").click(function () {
                //     $("#showAllTime").show();
                //
                // });

                let count = 0;
                let dayCount = 0;
                let textCount =0;
                $("#addNewSchedule").click(function () {
                    count++;

                    $("#NewSchedule").append(`
           <hr style="height:2px;border-width:0;color:gray;background-color:gray">


             <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="week[${count}][period][]">{{inputValue("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="week[${count}][period][]">{{inputValue("date_into")}}
                    </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="week[${count}][period][]"
                                                       placeholder="{{__("In Minutes")}}">{{inputValue("slot_duration")}}
                    </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="week[${count}][period][]" min="1"
                                                       placeholder="{{__("In Minutes")}}">{{inputValue("wating_time")}}
                    </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"
                                                    id="week_day_en_name${count}" name="week[${count}][weekdays][${++countener}][]" 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="week[${count}][weekdays][${countener}][]"
                                                   required> {{inputValue("time_from")}}
                    </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="week[${count}][weekdays][${countener}][]">{{inputValue("time_to")}}
                    </div>

                </div>


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

        <div id="text${count}">
</div>
 <a class="add2" id="${count}"><i class="fa fa-fw fa-lg fa-plus-circle mt-3"
                      style="font-size: 18px; color: green; cursor: pointer"
                     ></i></a>
</div>

`)

                    $(document).ready(function () {
                        $('.add2').click(function () {
                            let counterText = this.id;

                            $(`#text${counterText}`).append(`

    <div id="object${++countener}">
   <hr>  <div class="row">
                                        <div class="col-6">
                                            <label class="control-label required ">{{__("Day")}}</label>


                                            <select class="form-control @if($errors->has('day')) is-invalid @endif"
                                                    id="week_day_en_name${++countener}" name="week[${count}][weekdays][${++countener}][]" 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">
                <label class="control-label">{{__("Time From")}}</label>
                                            <input class="form-control @if($errors->has('time_from')) is-invalid @endif "
                                                   type="time" name="week[${count}][weekdays][${countener}][]"
                                                   required> {{inputValue("time_from")}}
                            </div>
                            <div class="col">
                                <label class="control-label">{{__("Time Into")}}</label>
                                            <input style="height: 40px"
                                                   class="form-control @if($errors->has('time_to')) is-invalid @endif "
                                                   type="time" name="week[${count}][weekdays][${countener}][]">{{inputValue("time_to")}}
                            </div>           <a style="margin-bottom: auto; margin-top: 2rem" onclick="removeRow(this, ${countener})">
                        <i class="fa fa-fw fa-lg fa-minus-circle" style="font-size: 18px; color: red; cursor: pointer"></i>
                    </a>
                </div>
            `);
                        });
                    });

                    function removeRow(row, countener) {
                        console.log($(`#object${countener} div .row`).length);
                        $(row).parent().parent().remove();
                        countener--; // Decrement countener to reflect the correct value for the next element
                    }
                });
                $(".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>

            `)
                });
                $("#onlinePrice, #offlinePrice, #chatPrice").click(function() {
                    var onlineChecked = $("#onlinePrice").is(":checked");
                    var offlineChecked = $("#offlinePrice").is(":checked");
                    var chatChecked = $("#chatPrice").is(":checked");

                    $("#showOnlinePrice").toggle(onlineChecked);
                    $("#showOfflinePrice").toggle(offlineChecked);
                    $("#showChatPrice").toggle(chatChecked);
                });


            </script>

@endsection