@section('css')
<style>
    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next,.ui-datepicker-calendar,.ui-datepicker-month {
        display: none;
    }
</style>
@endsection

<div class="card card-primary col-lg-12 p-1 m-0 mb-3">
    <div class="card-body m-0 p-0">
        <div class="row m-2">
            
            <div class="col-sm-6">
                <div class="form-group">
                    <label for="equipment_id"><span style="color:red">*</span> {{ __('Equipment')}}</label>
                    <div class="input-group mb-3">
                        <select required id="equipment_id" name="equipment_id" class="form-control select2" @if(isset($oven_temp_monitoring)) disabled @endif>
                            <option value=""></option>
                            @foreach($equipment as $e)
                            <option value="{{$e->id}}" @if(isset($oven_temp_monitoring) && $oven_temp_monitoring->equipment_id == $e->id) selected @endif>{{$e->name}}</option>
                            @endforeach
                        </select>          
                    </div>
                </div>
            </div>

        </div>

        <div class="row m-1">

            <div class="col-sm-3">
                <div class="form-group">
                    <label for="location">{{ __('Location')}}</label>
                    <div class="input-group mb-3">
                           <input type="text" disabled name="location" id="location" class="form-control" @if(isset($oven_temp_monitoring)) value="{{$oven_temp_monitoring->equipment->location->location}}" @endif>   
                    </div>
                </div>
            </div>

            <div class="col-sm-3">
                <div class="form-group">
                    <label for="property_no">{{ __('Equipment / Property Number')}}</label>
                    <div class="input-group mb-3">
                          <input type="text" disabled name="property_no" id="property_no" class="form-control" @if(isset($oven_temp_monitoring)) value="{{$oven_temp_monitoring->equipment->property_no}}" @endif>    
                    </div>
                </div>
            </div>

        </div>

        <div class="row m-1">
            
            <div class="col-sm-6">
                <div class="form-group">
                    <label for="temp3_range">{{ __('Acceptable Temperature Range')}}</label>
                    <div class="input-group mb-3">
                        <input type="text" class="form-control" id="temp_range" name="temp_range" @if(isset($oven_temp_monitoring)) value="{{$oven_temp_monitoring->temp_range}}" @endif>
                    </div>
                </div>
            </div>

        </div>

        <div class="row m-1">
            
            <div class="col-sm-6">
                <div class="form-group">
                    <label for="year"><span style="color:red">*</span> {{ __('Year')}}</label>
                    <div class="input-group mb-3">
                        @if(isset($oven_temp_monitoring))
                        <input type="text" class="form-control" disabled value="{{date('Y', strtotime($oven_temp_monitoring->date))}}">  
                        @else
                        <input required type="text" id="year" class="form-control">  
                        <input type="hidden" name="date" id="year_hidden">
                        @endif  
                    </div>
                </div>
            </div>

        </div>

        <div class="row m-2">
            <div class="col-sm-12">
                <div class="card-header" style="padding: 6px">
                    <a id="add_form_row" class="btn btn-primary btn-sm float-right">
                        <i class="fa fa-plus"></i> {{__(' Add')}} 
                    </a>
                </div>

                <table class="table">
                    <thead>
                        <th style="width: 10%;">Date</th>
                        <th>Knob Temp (&deg; C)</th>
                        <th>Actual Temp (&deg; C)</th>
                        <th style="width: 20%;">Staff Name</th>
                        <th>Remarks</th>
                        <th style="width: 5%;"></th>
                    </thead>
                    <tbody id="table_body">

                        @if(isset($oven_temp_monitoring))
                        @foreach($oven_temp_monitoring->records as $record)
                            <tr>
                                <input type="hidden" name="records[{{$record->id}}][id]" value="{{$record->id}}">
                                <td>
                                    <input type="date" class="form-control form_date" name="records[{{$record->id}}][date]" value="{{$record->date}}">
                                </td>
                                <td>
                                    <input type="text" class="form-control knob_temp" name="records[{{$record->id}}][knob_temp]" value="{{$record->knob_temp}}">
                                </td>
                                <td>
                                    <input type="text" class="form-control actual_temp" name="records[{{$record->id}}][actual_temp]" value="{{$record->actual_temp}}">
                                </td>
                                <td>
                                    <select class="form-control staff user" name="records[{{$record->id}}][staff_id]">
                                        <option value="">&nbsp;</option>
                                        @foreach($branch_users as $b)
                                        <option value="{{$b->user->id}}" @if($b->user->id == $record->staff_id) selected @endif>{{$b->user->name}} {{$b->user->last_name}}</option>
                                        @endforeach
                                    </select>
                                </td>
                                <td>
                                    <textarea name="records[{{$record->id}}][remarks]" class="form-control remarks" rows="1">{{$record->remarks}}</textarea>
                                </td>
    
                                <td style="text-align: center; vertical-align: middle; padding: 10px 5px;">
                                </td>
                            </tr>
                        @endforeach
                        @endif

                        <tr id="form_row" class="d-none">
                            <td>
                                <input type="date" class="form-control form_date" name="[date]">
                            </td>
                            <td>
                                <input type="text" class="form-control knob_temp" name="[knob_temp]">
                            </td>
                            <td>
                                <input type="text" class="form-control actual_temp" name="[actual_temp]">
                            </td>
                            <td>
                                <select class="form-control staff user" name="[staff_id]">
                                    <option value="">&nbsp;</option>
                                    @foreach($branch_users as $b)
                                    <option value="{{$b->user->id}}">{{$b->user->name}} {{$b->user->last_name}}</option>
                                    @endforeach
                                </select>
                            </td>
                            <td>
                                <textarea name="[remarks]" class="form-control remarks" rows="1"></textarea>
                            </td>

                            <td style="text-align: center; vertical-align: middle; padding: 10px 5px;">
                                <button type="button" class="btn btn-danger btn-sm delete_form_row">
                                    <i class="fa fa-trash"></i>
                                </button>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>  
</div>

<table class="table d-none">
    
</table>

@section('scripts')
    <script src="{{url('js/admin/oven_temp_monitoring.js')}}"></script>
@endsection