@extends("backend.layout-sticky.master")

@section("title")
    Jadwal Dokter - Sistem Klinik
@endsection

@push('css')
<link href="{{asset('sb-admin2/css/sb-admin-2.min.css')}}" rel="stylesheet">

<link rel="stylesheet" href="{{asset('adminlte/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('adminlte/plugins/datatables-responsive/css/responsive.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('adminlte/plugins/datatables-buttons/css/buttons.bootstrap4.min.css')}}">
<style>

  .header-clear-medium {
    padding-top: calc(70px + (env(safe-area-inset-top))*0.8) !important;
  }
</style>
@endpush

@section ('back')
<a href="{{route('dashboard.master.dokter.index')}}" class="header-icon header-icon-1"><i class="fas fa-arrow-left"></i></a>
@endsection

@section ('content')



<form action="{{ ($action === "UPDATE") ? route('dashboard.master.dokter.update-jadwal', [$data->id]) : route('dashboard.master.dokter.store-jadwal') }}" method="POST" enctype="multipart/form-data">

@if ($action === "UPDATE")
    @method('PUT')
@endif

@csrf

<div class="card card-style">

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

  @if(session()->has('messages'))
    <div class="alert alert-success">
        {{ session()->get('messages') }}
    </div>
  @endif

  <form action="{{ ($action === "UPDATE") ? route('dashboard.master.dokter.update-jadwal', [$data->id]) : route('dashboard.master.dokter.store-jadwal') }}" method="POST" enctype="multipart/form-data">

  @if ($action === "UPDATE")
      @method('PUT')
  @endif

  @csrf
  <input type="hidden" name="doctor_id" value="{{$data->id}}">
  <div class="content" id="tab-group-1">
      <div class="tab-controls tabs-small tabs-rounded" data-highlight="bg-highlight">
        @foreach ($klinik as $key => $val)
          <a href="#" @if($key == 0) data-active @endif data-bs-toggle="collapse" data-bs-target="#klinik{{$val->id}}">{{$val->nama}}</a>
        @endforeach
      </div>
      <div class="clearfix mb-3"></div>
      @foreach ($klinik as $keys => $val)
      <div data-bs-parent="#tab-group-1" class="collapse @if($keys == 0) show @endif" id="klinik{{$val->id}}">

        <table class="table">
          <tr>
            <td>Hari</td>
            <td>Mulai 1</td>
            <td>Selesai 1</td>
            <td>Mulai 1</td>
            <td>Selesai 2</td>
          </tr>

          @foreach (config('config.hari') as $key => $value)
            <tr>
              <td>{{$value}}</td>
              <td>
                <input type="text" name="mulai1[{{$val->id}}][{{$key}}]" class="form-control">
              </td>
              <td>
                <input type="text" name="selesai1[{{$val->id}}][{{$key}}]" class="form-control">
              </td>
              <td>
                <input type="text" name="mulai2[{{$val->id}}][{{$key}}]" class="form-control">
              </td>
              <td>
                <input type="text" name="selesai2[{{$val->id}}][{{$key}}]" class="form-control">
              </td>
            </tr>
          @endforeach
        </table>

      </div>
      @endforeach

      <button class="btn btn-xxs mb-3 rounded-s text-uppercase font-900 shadow-s border-blue-dark  bg-blue-light">Save</span> </button>

  </div>


  </form>
</div>

</form>
@endsection

@push('js')
<!-- Page level custom scripts -->
<script src="{{asset('adminlte/plugins/datatables/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-responsive/js/dataTables.responsive.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-responsive/js/responsive.bootstrap4.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-buttons/js/dataTables.buttons.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-buttons/js/buttons.bootstrap4.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/jszip/jszip.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/pdfmake/pdfmake.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/pdfmake/vfs_fonts.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-buttons/js/buttons.html5.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-buttons/js/buttons.print.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-buttons/js/buttons.colVis.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/toastr/toastr.min.js')}}"></script>

<script>

</script>
@endpush