@extends('layouts.admin.app')
@section('page-title')
    {{ __('edit') }}
@endSection
@section('page-nav-title')
    <div class="app-title">
        <div>
            <h1><i class="fa fa-dashboard"></i> {{ __('edit') }}</h1>
        </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="{{ route('admin.doctor.index') }}">{{ __('edit') }}</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') }}</h3>
                <div class="tile-body">

                    <form method="post" action="{{ route('admin.doctor.schedule.update', $time_slot_type->id) }}"
                        enctype="multipart/form-data">
                        @csrf
                        @method('put')
                        <div class="container">
                            <div class="row">
                                <div class="col">
                                    <div name="week[]">
                                        <div class="row">
                                            <div class="col">
                                                @if ($time_slot_type->date_from !== '2000-01-01')
                                                    <label class="control-label">{{ __('date-from') }}</label>
                                                @endif
                                                <input
                                                    type="{{ $time_slot_type->date_from === '2000-01-01' ? 'hidden' : 'date' }}"
                                                    style="height: 40px"
                                                    class="form-control @if ($errors->has('date_from')) is-invalid @endif"
                                                    name="week[0][period][]" value="{{ $time_slot_type->date_from }}">
                                            </div>
                                            <div class="col">
                                                @if ($time_slot_type->date_to !== '3000-01-01')
                                                    <label class="control-label">{{ __('date-to') }}</label>
                                                @endif
                                                <input
                                                    type="{{ $time_slot_type->date_to === '3000-01-01' ? 'hidden' : 'date' }}"
                                                    style="height: 40px"
                                                    class="form-control @if ($errors->has('date_to')) is-invalid @endif"
                                                    name="week[0][period][]" value="{{ $time_slot_type->date_to }}">
                                            </div>
                                        </div>

                                        @foreach ($time_slot_type->object_week_days as $object_week_day)
                                            <div class="row">
                                                <div class="col-6 mt-4">
                                                    <label class="control-label required ">{{ __('Day') }}</label>

                                                    <input name="week[0][weekdays][0][]" type="hidden"
                                                        value="{{ $object_week_day->id }}">


                                                    <select
                                                        class="form-control @if ($errors->has('day')) is-invalid @endif"
                                                        onchange="disableSelectedOption()" id="week_day_en_name"
                                                        name="week[0][weekdays][0][]"
                                                        value={{ 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 === $time_slot_type->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 to') }}</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_to }}">{{ inputValue('time_to') }}
                                                </div>

                                            </div>
                                        @endforeach

                                    </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 class="tile-footer">
                            <button type="submit" class="btn btn-primary">
                                <i class="fa fa-fw fa-lg fa-check-circle"></i> {{ __('edit') }}
                            </button>
                        </div>

                    </form>
                </div>

            </div>
        </div>
    </div>
@endsection


@section('scripts')
    <script type="text/javascript">
        $("#time_slot_type").select2({
            placeholder: "{{ __('select-time-slot-type') }}",
            width: "100%",
        });

        let countener = 0;

        $("#addNewDay").click(function() {
            $("#text").append(`
              <hr>
<div id="object${++countener}">
  <div class="row">
                                        <div class="col-6">

                                           <input name="week[0][weekdays][${++countener}][]" type="hidden"
                                                           value="0">

                                            <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")
        //     }
        // });

        function removeRow(row) {
            $(row).parent().parent().remove()
        }

        function removeSchedule(schedule) {
            $(schedule).parent().parent().remove()
        }
    </script>
@endsection