@extends('admin.layout.master')
@section('title', 'Bed Maintenance')
    <style>
        table thead th,
        table tbody td {
            padding: 3px 10px !important;
            vertical-align: middle !important;
        }
        input {
        padding:18px !important; 
        box-shadow: none!important;
    }

    </style>
@section('content')
@include('flash-message')
    <div class="card sina-card">
        <div class="card-header card-header-s d-flex flex-wrap align-items-center">
            <h4 class="col-6 pl-0">Bed Maintenance</h4>
            <div class="col-6 d-flex justify-content-end">

            </div>
        </div>
        <div class="card-body" style="padding:0 30px ">
            @if (count($errors) > 0)
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
          
        </div>
    </div>

    <div class="card ">

        <div class="card-body">
            {{ Form::open(['route'=>['maintenance.room'],'method'=>'put', 'class'=>'form-horizontal','id'=>'myform','enctype'=>'multipart/form-data']) }}
              


            <div class="d-flex flex-wrap">
                <div class="table-responsive" id="print">
                    <table class="table table-bordered table-hover" id="datatable_apply" width="100%">
                        <thead class="mt-3">
                            <tr>
                                <th width="10%">Floor</th>
                                <th width="10%">Room</th>
                               
                                <th width="25%" style=" ">
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <div class="input-group-text">HK Status</div>
                                        </div>
                                        
                                        {{ Form::select('', ['1' => 'Ready', '2' => 'In Used', '3' => 'Dirty', '4' => 'Out Of order'], null, ['class' => 'form-control', 'id' => 'room_status', 'placeholder' => 'Select Room Status']) }}

                                    </div>
                                </th>
                                <th width="10%">Indent Request</th>
                                <th width="20%">
                                    <input type="checkbox" name="" id="selectall"> &nbsp; Modify 
                                </th>

                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($rooms as $data)
                                <tr>
                                    <td>
                                        {{ $data->room->floor->floor_no }}
                                    </td>
                                    <td>
                                        {{$data->room->room_number }}
                                        <input class="" type="hidden" name="id[]" id="" value="{{$data->id}}"> &nbsp; 

                                    </td>
                                   
                                    <td>
                                        {{ Form::select('hk_room_status[]', ['1' => 'Ready', '2' => 'In Used', '3' => 'Dirty', '4' => 'Out Of order'],  $data->room->hk_room_status, ['class' => 'form-control showSelected', 'data-id'=>$data->id, 'id' =>'hk_room_status'. $data->id, 'required', 'placeholder' => 'Select Room Status']) }}
                                        <input type="text" class="form-control"  name="reason[]" id="reason{{$data->id}}" placeholder="Out of order Reason" readonly>

                                    </td>
                                    <td>
                                        @if($data->indent ==null)
                                            <button id="indent"  onclick="return IndentConfirmation({{$data->id}});" data-id="{{$data->id}}" class="badge badge-primary" >Go For Indent</button>
                                            @else
                                            @if($data->indent->status ==1)
                                            <button class="badge badge-primary">Pending</button>
                                            @elseif($data->indent->status ==2)
                                            <button class="badge badge-primary">Requested For Issue</button>
                                            @elseif($data->indent->status ==3)
                                            <button class="badge badge-success">Issued</button>
                                            <button id="indent"  onclick="return IndentConfirmation({{$data->id}});" data-id="{{$data->id}}" class="badge badge-warning" >Accecpt</button>
                                            @else 
                                            <button class="badge badge-info">Items Ready</button>

                                            @endif
                                        @endif
                                    </td>


                                    <td>
                                        {{-- @if($room->room_clean_status == 3 && $room->hk_room_status == 1)
                                        <a  onclick="return updateConfirmation();" href="{{route('frontdesk.accept.room_clean.status',$room->id)}}" class="badge badge-primary">Accept</a>
                                        @endif --}}
                                        {{-- If Room Not Dirty --}}
                                        @if($data->room->room_clean_status !== 3 && $data->room->hk_room_status !== 3)
                                          <input class="selectedId {{'change_status'.$data->id}} myCheckBox" type="checkbox" name="change_status[]", id='' value="{{$data->id}}"> &nbsp; 
                                        
                                        @else
                                        {{-- <input class="" type="hidden" name="change_status[]", id='' value=""> &nbsp;  --}}
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        
                    </table>
                </div>
                <div class="form-group col-12 text-right">
                    <button id ="submit_button" type="button" class="btn btn-info" onClick='submitDetailsForm()'> <i class="fa fa-save mr-1"></i> Submit</button>
                    </div>
            </div>
            {{ Form::close() }}

        </div>
    </div>


@endsection
@section('script')
    <script>

        function IndentConfirmation($id) {
            if(!confirm("Are You Sure To Go For Indent?"))
            event.preventDefault();

            // alert($id);
            $('#indent').prop("disabled", true);
            var  room_id = $id;
            var  reason = $("#reason"+room_id).val();
            var url="{{ route('maintenance.indent.request') }}";
            ajaxCustom(function(data){
              window.location=data.url;

           },"GET",url,{ room_maintenance_id:room_id, reason:reason});
        }
      
                
        $(document).ready(function() {
            $('#room_status').on('change', function(e) {
                var val = $(e.target).val();
                var selectVal = $(".showSelected").val(val);
                $('#selectall').prop('checked', true);
                $('.selectedId').prop('checked', true);

            });

            $('#selectall').click(function() {
                $('.selectedId').prop('checked', this.checked);
            });
           
            $('.showSelected').on('change', function(e) {
              
                var val = $(this).attr('data-id');               
               $('.change_status'+val).prop('checked', true);              

            });

            

        });
        function submitDetailsForm() {
            var selected_value = []; // initialize empty array 
            // $(".showSelected").each(function(){
            //     selected_value.push($(this).val());
            // });

            $(".selectedId:checked").each(function(){
                selected_value.push($(this).val());
            });

            if(selected_value.length > 0){
              $("#myform").submit();
            }else{
                alert('Empty Checkbox Value')
            }           
           
          }
    </script>
@endsection