@extends('layout.template')

@section('title')
    Kuota Dokter
@endsection

@section('sesi')
    @if (session('status'))
        <div class="alert alert-success alert-dismissible">
            <a href="#" class="close" data-dismiss="alert">&times;</a>
            {{session('status')}}
        </div>
    @endif
@endsection

@section('content')
<h3 class="text-center">Cek Kuota</h3>
    <div class="row">
        <form class="col-xl-5 col-lg-6 col-md-8 col-sm-10 mx-auto form p-4 needs-validation" action="{{route('kuota.index')}}" novalidate>
            <div class="form-group card card-body">
                <label for="">Dokter</label>
                <input type="text" list="dokter" name="dataDokter" id="dataDokter" class="form-control" required>
                <datalist id="dokter">
                    @foreach ($listDokter as $dokter)
                    <option value="{{$dokter->name_real}}"></option>
                    @endforeach
                </datalist>

                <br>
                <label for="">Hari Praktek</label>
                <input type="text" list="hari" name="jamPraktek" id="jamPraktek" class="form-control" required>
                <datalist id="hari">
                    <option value="Senin"></option>
                    <option value="Selasa"></option>
                    <option value="Rabu"></option>
                    <option value="Kamis"></option>
                    <option value="Jum`at"></option>
                    <option value="Sabtu"></option>
                    <option value="Ahad"></option>
                </datalist>

                <br>
                <input type="submit" value="Cari" class="btn btn-info btn-sm">
            </div>
        </form>
    </div>
      
    <div class="row">
        <table class="table table-bordered">
            <thead>
                <tr>
                    <th>Nama Dokter</th>
                    <th>Hari</th>
                    <th>Jam Praktek</th>
                    <th>Kuota Online</th>
                    <th>Kuota BPJS</th>
                    <th>Aksi</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($kuotas as $kuota)
                <tr>
                    <td>{{$kuota->name_real}}</td>
                    <td>{{$kuota->hari}}</td>
                    <td>{{$kuota->start_hour}}:00 - {{$kuota->end_hour}}:00</td>
                    <td>{{$kuota->kt_online}}</td>
                    <td>{{$kuota->kt_bpjs}}</td>
                    <td><a href="{{route('kuota.edit', $kuota->dsid)}}" class="btn btn-info btn-sm">Edit</a></td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>

    <script>
        (function() {
            'use strict';
            window.addEventListener('load', function() {
            
            var forms = document.getElementsByClassName('needs-validation');
            
            var validation = Array.prototype.filter.call(forms, function(form) {
            form.addEventListener('submit', function(event) {
                if (form.checkValidity() === false) {
                    event.preventDefault();
                    event.stopPropagation();
                }
                form.classList.add('was-validated');
                }, false);
            });
            }, false);
        })();
    </script>
@endsection