@extends('layouts.book')
@section('title', 'EndoBook')
@section('style')
<style>
    #menu_home_logo{
        display: none !important;
    }
    body{
        background: #fff;
    }
    #kt_header{
        background: #6D7DB1;
    }
    #kt_quick_user_toggle{
        display: none !important;
    }
    .dropdown-item.notify-item{
        border-radius: 15px;
        background: #fff !important;
    }
    .cn{
        align-items: center;
    }
    .table-bordered td{
        text-align: center;
        padding: 0.6em;
    }
    .content-book *{
        font-size: large;
    }
    .content-book .head_label{
        text-decoration: underline;
        font-weight: 700 !important;
    }
    .content-book{
        padding: 1.5em;
    }
    .menu_count{
        display: none;
    }
    .menu_count.active{
        display: block;
    }
</style>
@endsection
@section('header_b')

    <a href="{{url('book')}}"><i class="fas fa-chevron-left icon-3x text-light"></i></a>
@endsection
@section('modal')

@endsection

@section('content')

<div class="content-book">

    <div class="row m-0">
        {{-- <div class="col-lg-5">
            <div class="row m-0 pb-3 cn">
                <div class="col-auto">
                    <label class="head_label">Available setting</label>
                </div>
                <div class="col-4">
                    <select class="form-control select2" id="kt_select2_1" name="param">
                        <option value="">a</option>
                        <option value="b">b</option>
                        <option value="c">c</option>
                        <option value="d">d</option>
                    </select>
                </div>
            </div>
            <div class="row m-0 mt-3 pb-2">
                <div class="col">
                    <label class="radio">
                        <input type="radio" name="radios1" class="ck_date" value="mon"/>
                        <span></span>&nbsp;
                        Mon
                    </label>
                </div>
                <div class="col">
                    <label class="radio">
                        <input type="radio" name="radios1" class="ck_date" value="tue"/>
                        <span></span>&nbsp;
                        Tue
                    </label>
                </div>
                <div class="col">
                    <label class="radio">
                        <input type="radio" name="radios1" class="ck_date" value="wed"/>
                        <span></span>&nbsp;
                        Wed
                    </label>
                </div>
                <div class="col">
                    <label class="radio">
                        <input type="radio" name="radios1" class="ck_date" value="thu"/>
                        <span></span>&nbsp;
                        Thu
                    </label>
                </div>
                <div class="col">
                    <label class="radio">
                        <input type="radio" name="radios1" class="ck_date" value="fri"/>
                        <span></span>&nbsp;
                        Fri
                    </label>
                </div>
                <div class="col">
                    <label class="radio">
                        <input type="radio" name="radios1" class="ck_date" value="sat"/>
                        <span></span>&nbsp;
                        Sat
                    </label>
                </div>
                <div class="col">
                    <label class="radio">
                        <input type="radio" name="radios1" class="ck_date" value="sun"/>
                        <span></span>&nbsp;
                        Sun
                    </label>
                </div>
            </div>
            @php
                $date[0] = 'mon';
                $date[1] = 'tue';
                $date[2] = 'wed';
                $date[3] = 'thu';
                $date[4] = 'fri';
                $date[5] = 'sat';
                $date[6] = 'sun';
            @endphp

            @for ($i = 0; $i < 7; $i++)
                <div class="menu_count {{$date[$i]}}">
                    <div class="row m-0 mt-5 pt-5 cn">
                        <div class="col-3"><b>&emsp;</b><br> เวลาทำงาน</div>
                        <div class="text-center col-3"><b>ในเวลา</b><br><input type="number" name="" class="form-control text_set work_time_in{{$date[$i]}}" value="0" placeholder="ในเวลา"></div>
                        <div class="text-center col-auto">ชม.</div>
                        <div class="text-center col-3"><b>นอกเวลา</b><br><input type="number" name="" class="form-control text_set work_time_out{{$date[$i]}}" value="0" placeholder="นอกเวลา"></div>
                        <div class="text-center col-auto">ชม.</div>
                    </div>
                    <div class="row m-0 mt-3 cn">
                        <div class="col-3">จำนวนห้อง</div>
                        <div class="col-3"><input type="number" name="" class="form-control text_set room_in_count{{$date[$i]}}" value="0" placeholder="ในเวลา"></div>
                        <div class="col-auto">ห้อง</div>
                        <div class="col-3"><input type="number" name="" class="form-control text_set room_out_count{{$date[$i]}}" value="0"  placeholder="นอกเวลา"></div>
                        <div class="col-auto">ห้อง</div>
                    </div>
                    <div class="row m-0 cn pt-3">
                        <div class="col-3"></div>
                        <div class="col">
                            <div class="checkbox-inline">
                                <label class="checkbox">
                                    <input type="checkbox" name="Checkboxes2"/>
                                    <span></span>
                                    Flu
                                </label>
                                &emsp;
                                <label class="checkbox">
                                    <input type="checkbox" name="Checkboxes2"/>
                                    <span></span>
                                    Anes
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
            @endfor



        </div> --}}
        @php
            $users = DB::table('users')->get();
            $room   = DB::table('tb_room')->get();
        @endphp
        <div class="col-lg-3">
            <div class="row">
            <div class="col-lg-12">
                <label class="head_label">Procedure setting</label>
                <div class="row m-0 mt-2 cn">
                    <div class="col-5">EGD</div>
                    <div class="col-3"><input type="text" name="" class="form-control"></div>
                    <div class="col-auto">นาที</div>
                </div>
                <div class="row m-0 mt-2 cn">
                    <div class="col-5">Colonoscopy</div>
                    <div class="col-3"><input type="text" name="" class="form-control"></div>
                    <div class="col-auto">นาที</div>
                </div>
                <div class="row m-0 mt-2 cn">
                    <div class="col-5">EUS</div>
                    <div class="col-3"><input type="text" name="" class="form-control"></div>
                    <div class="col-auto">นาที</div>
                </div>
                <div class="row m-0 mt-2 cn">
                    <div class="col-5">ERCP</div>
                    <div class="col-3"><input type="text" name="" class="form-control"></div>
                    <div class="col-auto">นาที</div>
                </div>
                <div class="row m-0 mt-2 cn">
                    <div class="col-5">Bronchoscope</div>
                    <div class="col-3"><input type="text" name="" class="form-control"></div>
                    <div class="col-auto">นาที</div>
                </div>
                <div class="row m-0 mt-2 cn">
                    <div class="col-5">EBUS</div>
                    <div class="col-3"><input type="text" name="" class="form-control"></div>
                    <div class="col-auto">นาที</div>
                </div>
            </div>
            <div class="col-lg-12">
                <label class="head_label">Additional setting</label>
                <div class="row m-0 mt-2 cn">
                    <div class="col-5">Admit</div>
                    <div class="col-3"><input type="text" name="" class="form-control"></div>
                    <div class="col-auto">นาที</div>
                </div>
                <div class="row m-0 mt-2 cn">
                    <div class="col-5">Flu</div>
                    <div class="col-3"><input type="text" name="" class="form-control"></div>
                    <div class="col-auto">นาที</div>
                </div>
                <div class="row m-0 mt-2 cn">
                    <div class="col-5">Anes</div>
                    <div class="col-3"><input type="text" name="" class="form-control"></div>
                    <div class="col-auto">นาที</div>
                </div>
            </div>
            </div class="row">
        </div class="col-5">

        <div class="col-lg-9">
            <label class="head_label mb-5 pb-5">Available plan ( minute )</label>
            <table class="table table-bordered mt-2">
                <tr>
                    <td width="250">ห้อง</td>
                    <td>Mon</td>
                    <td>Tue</td>
                    <td>Wed</td>
                    <td>Thu</td>
                    <td>Fri</td>
                    <td>Sat</td>
                    <td>Sun</td>
                </tr>
                <tr>
                    <td style="background-color: green">ในเวลา</td>
                    <td style="background-color: green" colspan="7"></td>
                </tr>


                @foreach($room as $data)
                <tr>
                    <td>{{$data->room_name}}</td>
                    <td><input class="settime form-control" department="{{@$department}}" room="{{$data->room_id}}" day="mon" time="in"></td>
                    <td><input class="settime form-control" department="{{@$department}}" room="{{$data->room_id}}" day="tue" time="in"></td>
                    <td><input class="settime form-control" department="{{@$department}}" room="{{$data->room_id}}" day="wed" time="in"></td>
                    <td><input class="settime form-control" department="{{@$department}}" room="{{$data->room_id}}" day="thu" time="in"></td>
                    <td><input class="settime form-control" department="{{@$department}}" room="{{$data->room_id}}" day="fri" time="in"></td>
                    <td><input class="settime form-control" department="{{@$department}}" room="{{$data->room_id}}" day="sat" time="in"></td>
                    <td><input class="settime form-control" department="{{@$department}}" room="{{$data->room_id}}" day="sun" time="in"></td>
                </tr>
                @endforeach

                <tr>
                    <td style="background-color: pink">นอกเวลา</td>
                    <td style="background-color: pink" colspan="7"></td>
                </tr>

                @foreach($room as $data)
                <tr>
                    <td>{{$data->room_name}}</td>
                    <td><input class="settime form-control" room="{{$data->room_id}}" day="mon" time="out"></td>
                    <td><input class="settime form-control" room="{{$data->room_id}}" day="tue" time="out"></td>
                    <td><input class="settime form-control" room="{{$data->room_id}}" day="wed" time="out"></td>
                    <td><input class="settime form-control" room="{{$data->room_id}}" day="thu" time="out"></td>
                    <td><input class="settime form-control" room="{{$data->room_id}}" day="fri" time="out"></td>
                    <td><input class="settime form-control" room="{{$data->room_id}}" day="sat" time="out"></td>
                    <td><input class="settime form-control" room="{{$data->room_id}}" day="sun" time="out"></td>
                </tr>
                @endforeach

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

@section('script')
<script>
var KTSelect2 = function() {
 var demos = function() {
  $('#kt_select2_1').select2({
   placeholder: "All Physician"
  });


  function formatRepoSelection(repo) {
   return repo.full_name || repo.text;
  }



  });
 }

 // Public functions
 return {
  init: function() {
   demos();
  }
 };
}();

// Initialization
jQuery(document).ready(function() {
 KTSelect2.init();
});


</script>


<script>
    $(".ck_date").click(function(){
        $(".menu_count").removeClass('active')
        var this_days = $(this).val()
        $("."+this_days).addClass('active')
    })
    $(".text_set").on('click keyup change', function(e){
        var name_date = $(".ck_date:checked").val()
        var work_time_in = parseInt($(".work_time_in"+name_date).val())
        var work_time_out = parseInt($(".work_time_out"+name_date).val())
        var room_in_count = parseInt($(".room_in_count"+name_date).val())
        var room_out_count = parseInt($(".room_out_count"+name_date).val())

        var this_in = 0;
        var this_out = 0;
        this_in = work_time_in*room_in_count*60
        this_out = work_time_out*room_out_count*60
        $(".in_"+name_date).text(this_in)
        $(".out_"+name_date).text(this_out)
    })
</script>
@endsection