@extends('layouts.app')

@section('content')
<div class="card opening-hours-card">
    <div class="card-header">
        Nyitvatartás
    </div>
    <div class="card-body">
        @if(session('success'))
            <div class="alert alert-success">
                {{ session('success') }}
            </div>
        @endif

        {{-- @dump(App\Classes\GoogleCalendar::delete_event()) --}}

        @if ($errors->any())
            @foreach ($errors->all() as $error)
                <div class="alert alert-danger mb-2">
                    {{ $error }}
                </div>
            @endforeach
        @endif

        @if(session('error'))
            <div class="alert alert-danger">
                {{ session('error') }}
            </div>
        @endif
        {{-- @dump($opening_hours) --}}
        <form action="{{ route('admin.openinghours.update') }}">
            @foreach ($days as $day => $name)
            {{-- @dump($day) --}}
            @php
                $opening_hour = $opening_hours->where('day', $day)->first();
                // dump($opening_hour);
            @endphp
            <div class="row mb-3">
                <div class="col-12 col-md-2">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" @if($opening_hour->is_open || old($day)) checked @endif value="1" id="{{ $day }}" name="{{ $day }}">
                        <label class="form-check-label" for="{{ $day }}">{{ _($name)}}</label>
                        @error($day)
                            <span class="invalid-feedback" role="alert">
                                <strong>{!! $message !!}</strong>
                            </span>
                        @enderror
                    </div>
                </div>
                <div class="col-12 col-md-10">
                    <div class="row">
                        <div class="col-6">
                            <div class="form-group">
                                {{-- <label for="from">Example label</label> --}}
                                <input type="text" class="form-control timepicker" id="{{ $day }}_from" name="{{ $day }}_from" readonly value="{{ ( $opening_hour->is_open && $opening_hour->from) ? $opening_hour->from : null }}" placeholder="HH:mm">
                                @error('{{ $day }}_from')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{!! $message !!}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                {{-- <label for="to">Example label</label> --}}
                                <input type="text" class="form-control timepicker" id="{{ $day }}_to" name="{{ $day }}_to" readonly value="{{ ( $opening_hour->is_open && $opening_hour->to) ? $opening_hour->to : null }}" placeholder="HH:mm">
                                @error('{{ $day }}_to')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{!! $message !!}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endforeach
            <button class="btn btn-primary btn-sm submit_button mt-2" type="submit">Mentés</button>
        </form>
    </div>
</div>
@endsection

@push('scripts')
<script>
    // jQuery( document ).ready(function() {
    //     jQuery(".timepicker").datetimepicker({
    //         datepicker: false, // Kikapcsoljuk a dátum kiválasztását
    //         format: 'H:i',     // Csak az óra és perc formátum
    //         step: 60           // Az egész órákat lehet kiválasztani (60 percenként)
    //     });
    // });

</script>
@endpush