@extends("layouts.admin.app")
@section("page-title")
    {{__("Dashboard")}}
@endSection
@section("page-nav-title")
    <div class="app-title">
        <div>
            <h1> {{__("specialist")}}</h1>
            <p>{{__("Edit specialist")}}</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.specialist.index")}}">{{__("specialists")}}</a></li>
            <li class="breadcrumb-item"><a href="#">{{__("Edit")}}</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-specialist")}}</h3>
                <div class="tile-body">
                    <form method="post" action="{{route("admin.specialist.update", $specialist->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="{{$specialist->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="{{$specialist->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="{{$specialist->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($specialist->specialization_id ===
                                        $specialization->id) selected @endif>{{$specialization->name_en}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                @error("specialization")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </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" @if($specialist->has_zoom == 1) checked @endif id="has_zoom" name="has_zoom" style="@if(app()->getLocale() == 'en') margin-right:10px @else margin-left:10px @endif">{{__("zoom-meeting-availability")}}</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <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}}"@if($specialist->user_id === $user->id) selected @endif>{{$user->phone_number}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                @error("user_id")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label class="control-label">{{__("about-specialist")}}</label>
                                    <textarea style="height: 40px" class="form-control @if($errors->has('specialist_description')) is-invalid @endif" type="text" name="specialist_description" placeholder="{{__("enter-description")}}">{{$specialist->description}}</textarea>
                                </div>
                            </div>
                        </div>
                        <label class="control-label required" style="padding-top: 10px">{{__("payment-methods")}}</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" @if($specialist->cash == 1) checked @endif id="cash" name="payment[]" value="cash" {{ $specialist->payment_methods=="cash"? 'checked':'' }} style="@if(app()->getLocale() == 'en') margin-right:10px @else margin-left:10px @endif">{{__("cash")}}</label>

                                    </div>
                                </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" @if($specialist->online == 1) checked @endif id="online" name="payment[]" value="online" {{ $specialist->payment_methods=="online"? 'checked':'' }} style="@if(app()->getLocale() == 'en') margin-right:10px @else margin-left:10px @endif">{{__("online")}}</label>

                                    </div>
                                </div>
                            </div>
                        </div>
                        @error("payment")
                        <div class="input-error">{{$message}}</div>
                        @enderror
                        <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"  value= {{ $specialist->has_account=="1"? 'checked':'' }}
                                                                                                 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}}" @if($specialist->has_account === 1) selected @endif>{{$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" value="{{$account_type->id}}" @if($specialist->has_account === 1) selected @endif>{{$specialist->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"
                                                  placeholder="{{__("enter-account name")}}"value="{{$account_type->id}}" @if($specialist->has_account === 1) selected @endif>{{$specialist->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" value="{{$account_type->id}}" @if($specialist->has_account === 1) selected @endif>{{$specialist->account_information}}  ></textarea>
                                    </div>
                                    @error("account_information")
                                    <div class="input-error">{{$message}}</div>
                                    @enderror                                    </div>
                            </div>



                        </div>

                        <hr>


                        <h3>Works Time</h3>
                        <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" 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 Times work")}}
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div id="showAllTimes" 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>
                                                    @foreach($timeSlotTypes as $timeSlotTypes)
                                                    @endforeach

                                                    <input type="date" style="height: 40px"
                                                           class="form-control @if($errors->has('date_from')) is-invalid @endif"
                                                           name="week[0][period][]"  value="{{$timeSlotTypes->date_from}}" @if($timeSlotTypes->specialist_id === $specialist->id) selected @endif>
                                                </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="{{$timeSlotTypes->date_to}}{{$timeSlotTypes->date_to}}" @if($timeSlotTypes->specialist_id === $specialist->id) selected @endif>
                                                </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="{{__("enter time in min")}}" value="{{$timeSlotTypes->slot_duration}}"@if($timeSlotTypes->specialist_id === $specialist->id) selected @endif>
                                                    </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="{{__("enter time in min")}}" value="{{$timeSlotTypes->slot_duration}}"@if($timeSlotTypes->specialist_id === $specialist->id) selected @endif>
                                                    </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"
                                                             @foreach($object_week_days as $object_week_day)
                                                             @endforeach
                                                             onchange="disableSelectedOption()"  id="week_day_en_name" name="week[0][weekdays][0][]" value={{\Illuminate\Support\Facades\App::getLocale() == 'en' ?$object_week_day->week_day_en_name : $object_week_day->week_day_ar_name}}@if($object_week_day->time_slot_type_id === $timeSlotTypes->id) selected @endif>

                                                        </option>>
                                                        <label class="control-label required">{{__("Day")}}</label>

                                                        <option value="sunday" >{{"Sunday"}}</option>
                                                        <option value="monday"  >{{"Monday"}}</option>
                                                        <option value="tuesday" >{{"Tuesday"}}</option>
                                                        <option value="wednesday" >{{"Wednesday"}}</option>
                                                        <option value="thursday" >{{"Thursday"}}</option>
                                                        <option value="friday"  >{{"Friday"}}</option>
                                                        <option value="saturday">{{"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
                                                           value="{{$object_week_day->time_from}}">
                                                </div>
                                                <div class="col mt-4">
                                                    <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[0][weekdays][0][]" value="{{$object_week_day->time_from}}">{{inputValue("time_to")}}
                                                </div>

                                            </div>

                                        </div>

                                    </div>
                                </div>

                                <div id="text">

                                </div>

                                <a id="addNewDay"><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>
                <div class="row">
                    <div class="col-lg-6">
                        <div class="form-group">
                            <label class="control-label">{{__("specialist-photo")}}</label>
                            <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="specialization_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("specialization_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">
                                        <img src="{{$specialist->getFirstMediaFile("Specialists")->url}}" alt="" width="150px">
                                    </div>
                                </div>
                            </div>
                            <div class="tile-footer">
                                <button  type="submit" class="btn btn-primary">
                                    <i class="fa fa-fw fa-lg fa-check-circle"></i> {{__("edit")}}
                                </button>
                                <button class="btn btn-primary" type="submit" form="cancelForm" ><i class="fa fa-fw  fa-window-close"></i> {{__("cancel")}}</button>
                            </div>
                        </div>
                        @error("specialist_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  type="submit" class="btn btn-primary">
                        <i class="fa fa-fw fa-lg fa-check-circle"></i> {{__("save")}}
                    </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").click(function () {
            $("#show").show();

        });

        document.getElementById("add_times").addEventListener("click", function() {
            if (this.checked) {
                $("#showAllTimes").show();
            }
        });
        let countener = 0;



        $("#addNewDay").click(function () {
            $("#text").append(`
              <hr>
<div id="object${++countener}">
  <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}][]" 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[0][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[0][weekdays][${countener}][]">{{inputValue("time_to")}}
            </div>
                        <a style="margin-bottom: auto; margin-top: 2rem" onclick="removeRow(this)"><i class="fa fa-fw fa-lg fa-minus-circle"
                                          style="font-size: 18px; color: red; cursor: pointer"></i></a>
        </div>
</div>

`)

        });

        // $(document).ready(function () {
        //     $('#addNewDay').click(function () {
        //         alert("ff")
        //     }
        // });
    </script>




@endsection