@extends('master')
@section('icerik')
    <div class="row">
        <div class="col-lg-3">
            <div class="card">
                <div class="card-header">
                    <i class="bx bxl-slack-old"></i> Randevu Slotu Ekle
                </div>
                <div class="card-body">
                    <form action="/slotekle" method="post" class="arala">
                        @csrf

                        <b>Çalışan</b>
                        <script>
                            function slotgoster(selectedValue) {

                                $('#slotgoster').html('<div class="alert alert-info"><i class="bx bx-loader"></i> Slotlar Yükleniyor</div>');
                                // GET isteği için URL'i oluştur
                                var url = '/calisan-slot?id=' + selectedValue;
// slot-liste.blade.php
                                // GET isteği yap
                                $.get(url, function(data) {
                                    // Sonuçları #slotgoster elementine bas
                                    $('#slotgoster').html(data);
                                }).fail(function() {
                                    console.error('GET isteği başarısız oldu.');
                                });
                            }
                        </script>
                        <select name="calisanid" id="" class="form-select" onchange="slotgoster(this.value);">
                            <option value="">Çalışan Seç</option>
                            @foreach($calisanlar as $item)
                                <option value="{{ $item->uid }}">{{ $item->isim }} ({{ $item->bolumismi }}) </option>
                            @endforeach
                        </select>
                        <hr>
                        <b>Mesai Günleri</b>

                        <div class=" guzelarala">
                            <label for="pazartesi" class="btn btn-outline-info"><input type="checkbox" name="Mon"
                                                                                       value="1" id="pazartesi"
                                                                                       checked>pazartesi</label>
                            <label for="sali" class="btn btn-outline-info"><input type="checkbox" name="Tue"
                                                                                  value="1" id="sali"
                                                                                  checked>salı</label>
                            <label for="carsamba" class="btn btn-outline-info"><input type="checkbox" name="Wed"
                                                                                      value="1" id="carsamba"
                                                                                      checked>çarşamba</label>
                            <label for="persembe" class="btn btn-outline-info"><input type="checkbox" name="Thu"
                                                                                      value="1" id="persembe"
                                                                                      checked>perşembe</label>
                            <label for="cuma" class="btn btn-outline-info"><input type="checkbox" name="Fri"
                                                                                  value="1" id="cuma"
                                                                                  checked>cuma</label>
                            <label for="cumartesi" class="btn btn-outline-info"><input type="checkbox" name="Sat"
                                                                                       value="1" id="cumartesi"
                                                                                       checked>cumartesi</label>
                            <label for="pazar" class="btn btn-outline-info"><input type="checkbox" name="Sun"
                                                                                   value="1" id="pazar" checked>pazar</label>

                        </div>

                        <hr>

                        <b>Mesai Saatleri</b>


                        Başlama Saati
                        <select name="baslama" class="form-select" id="">
                            @for ($hour = 0; $hour <= 23; $hour++)
                                @for ($minute = 0; $minute <= 55; $minute += 5)
                                    @php
                                        $time = str_pad($hour, 2, '0', STR_PAD_LEFT) . ':' . str_pad($minute, 2, '0', STR_PAD_LEFT);
                                    @endphp
                                    <option value="{{ $time }}" @if($time=="08:00") selected @endif>{{ $time }}</option>
                                @endfor
                            @endfor
                        </select>

                        Bitiş Saati
                        <select name="bitis" class="form-select" id="">
                            @for ($hour = 0; $hour <= 23; $hour++)
                                @for ($minute = 0; $minute <= 55; $minute += 5)
                                    @php
                                        $time = str_pad($hour, 2, '0', STR_PAD_LEFT) . ':' . str_pad($minute, 2, '0', STR_PAD_LEFT);
                                    @endphp
                                    <option value="{{ $time }}" @if($time=="18:00") selected @endif>{{ $time }}</option>
                                @endfor
                            @endfor
                        </select>



                        <b>Periyod</b>
                        <select name="periyod"  class="form-select">
                            @for ($i = 5; $i <= 90; $i += 5)
                                <option value="{{ $i }}">{{ $i }} dk</option>
                            @endfor
                        </select>



                        <b>Öğle Arası Başlama</b>
                        <input type="text" class="form-control" name="oabaslama" value="12:00">
                        <b>Öğle Arası Bitiş</b>
                        <input type="text" class="form-control" name="oabitis" value="13:00">

                        <b>Aşağıdaki tarihe kadar slotları tanımla</b>

                        <input type="date" name="slotson" class="form-control" value="{{ date('Y') }}-12-31">

                        <button class="btn btn-success form-control">Slotları Ekle</button>


                    </form>
                </div>
            </div>
        </div>
        <div class="col-lg-9">
            <div class="card">
                <div class="card-header"><i class="bx bx-calendar-event"></i> Slotlar</div>
                <div class="card-body" id="slotgoster">
                    <div class="alert-info alert">Çalışan seçip, randevu slotlarını ve dolu randevularını görebilirsiniz.</div>
                </div>
            </div>
        </div>
    </div>


@endsection