@extends('layouts.app')

@section('title')
    Oven Temperature Monitoring
@endsection

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

@section('breadcrumb')
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1 class="m-0 text-dark">
                    <i class="nav-icon fas fa-calendar-week"></i>
                    {{__('Oven Temperature Monitoring')}}
                </h1>
            </div><!-- /.col -->
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="{{route('admin.index')}}">{{__('Home')}}</a></li>
                    <li class="breadcrumb-item">
                        <a href="{{route('admin.oven_temp_monitoring.index')}}">{{ __('Oven Temperature Monitoring') }}</a>
                    </li>
                    <li class="breadcrumb-item active">{{ __('Oven Temperature Monitoring') }}</li>
                </ol>
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.container-fluid -->
</div>
@endsection

@section('content')

    <div class="card card-primary">
        <div class="card-header">
            <h3 class="card-title">{{ __('Oven Temperature Monitoring') }}</h3>
        </div>
        <!-- /.card-header -->
        <!-- /.card-body -->
    </div>
    
    <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">{{ __('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 disabled 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">{{ __('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">
                    </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 disabled type="date" class="form-control form_date" name="records[{{$record->id}}][date]" value="{{$record->date}}">
                                    </td>
                                    <td>
                                        <input disabled type="text" class="form-control knob_temp" name="records[{{$record->id}}][knob_temp]" value="{{$record->knob_temp}}">
                                    </td>
                                    <td>
                                        <input disabled type="text" class="form-control actual_temp" name="records[{{$record->id}}][actual_temp]" value="{{$record->actual_temp}}">
                                    </td>
                                    <td>
                                        <select disabled 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 disabled 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
                        </tbody>
                    </table>
                </div>
            </div>
        </div>  
    </div>
    
@endsection

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