@extends('layouts.app')

@section('title')
    Temperature Monitoring
@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 ml-3 fas fa-copy"></i>
                    {{__('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.temp_monitoring.index')}}">{{ __('Temperature Monitoring') }}</a>
                    </li>
                    <li class="breadcrumb-item active">{{ __('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">{{ __('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($temp_monitoring)) disabled @endif>
                                <option value=""></option>
                                @foreach($equipment as $e)
                                <option value="{{$e->id}}" @if(isset($temp_monitoring) && $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="category">{{ __('Category')}}</label>
                        <div class="input-group mb-3">
                              <input type="text" disabled name="category" id="category" class="form-control" @if(isset($temp_monitoring)) value="{{$temp_monitoring->equipment->equipment_category->category_name}}" @endif>    
                        </div>
                    </div>
                </div>
    
                <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($temp_monitoring)) value="{{$temp_monitoring->equipment->location->location}}" @endif>   
                        </div>
                    </div>
                </div>
    
            </div>
    
            <div class="row m-1">
                
                <div class="col-sm-3">
                    <div class="form-group">
                        <label for="ex_temp_range">{{ __('Expected Temperature Range')}}</label>
                        <div class="input-group mb-3">
                              <input disabled type="text" name="ex_temp_range" id="ex_temp_range" class="form-control" @if(isset($temp_monitoring)) value="{{$temp_monitoring->ex_temp_range}}" @endif>    
                        </div>
                    </div>
                </div>
    
                <div class="col-sm-3">
                    <div class="form-group">
                        <label for="tolerance">{{ __('Tolerance')}}</label>
                        <div class="input-group mb-3">
                               <input disabled type="text" name="tolerance" id="tolerance" class="form-control" @if(isset($temp_monitoring)) value="{{$temp_monitoring->tolerance}}" @endif>   
                        </div>
                    </div>
                </div>
    
            </div>
    
            <div class="row m-1">
                
                <div class="col-sm-6">
                    <div class="form-group">
                        <label for="month_year">{{ __('Month and Year')}}</label>
                        <div class="input-group mb-3">
                            <input type="text" class="form-control" disabled value="{{date('F Y', strtotime($temp_monitoring->date))}}"> 
                        </div>
                    </div>
                </div>
    
            </div>
    
            <div class="row m-2">
                <table class="table">
                    <thead>
                        <tr>
                            <th rowspan="2" style="text-align: center; vertical-align: middle; border-right: 2px #dee2e6 solid; font-size: 16px;">Day</th>
                            <th colspan="4" style="text-align: center;">Temperature/Humidity Reading</th>
                            <th rowspan="2" style="text-align: center; vertical-align: middle; border-left: 2px #dee2e6 solid; font-size: 16px; width:25%;">Action Taken (In case of deviation)</th>
                        </tr>
                        <tr>
                            <th style="text-align: center; width: 15%;">10:00 AM</th>
                            <th style="text-align: center; width: 20%;">Person Responsible</th>
                            <th style="text-align: center; width: 15%;">3:00 PM</th>
                            <th style="text-align: center; width: 20%;">Person Responsible</th>
                        </tr>
                    </thead>
                    <tbody id="table_body">
                        @if(isset($temp_monitoring))
                        @foreach($days as $day)
                        <tr class="row_data">
                            <input type="hidden" class="day_id" name="day[{{$day->day}}][id]" value="{{$day->id}}" disabled>
                            <input type="hidden" class="day_date" name="day[{{$day->day}}][date]" value="{{$day->date}}" disabled>
                            <td class="day_text" style="font-weight: 600; text-align: center; border-right: 2px #dee2e6 solid; vertical-align: middle;">{{$day->day}}</td>
                            <td>
                                <div class="row">
                                    <div class="col">
                                        <div class="input-group mb-3"> 
                                            <input disabled type="text" placeholder="Temperature" name="day[{{$day->day}}][ten_am_temp]" value="{{$day->ten_am_temp}}" class="form-control @if($day->ten_am_temp == 'Saturday' || $day->ten_am_temp == 'Sunday') weekend @else weekday @endif ten_am_temp">
                                            <div class="input-group-append">
                                              <span class="input-group-text" id="basic-addon2" style="font-weight: 600;">°C</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col">
                                        <div class="input-group mb-3"> 
                                            <input disabled type="text" placeholder="Relative Humidity" name="day[{{$day->day}}][ten_am_humidity]" value="{{$day->ten_am_humidity}}" class="form-control @if($day->ten_am_temp == 'Saturday' || $day->ten_am_temp == 'Sunday') weekend @else weekday @endif ten_am_humidity">
                                            <div class="input-group-append">
                                              <span class="input-group-text" id="basic-addon2" style="font-weight: 600;">%</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </td>
                            <td>
                                <select name="day[{{$day->day}}][ten_am_person]" class="form-control ten_am_person" disabled>
                                    <option value=""></option>
                                @foreach($branch_users as $b)
                                    <option value="{{$b->user->id}}" @if($day->ten_am_person == $b->user->id) selected @endif>{{$b->user->name}}  {{$b->user->last_name}}</option>
                                @endforeach
                                </select>
                            </td>
                            <td>
                                <div class="row">
                                    <div class="col">
                                        <div class="input-group mb-3"> 
                                            <input disabled type="text" placeholder="Temperature" name="day[{{$day->day}}][three_pm_temp]" value="{{$day->three_pm_temp}}" class="form-control three_pm_temp @if($day->ten_am_temp == 'Saturday' || $day->ten_am_temp == 'Sunday') weekend @else weekday @endif">
                                            <div class="input-group-append">
                                              <span class="input-group-text" id="basic-addon2" style="font-weight: 600;">°C</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col">
                                        <div class="input-group mb-3"> 
                                            <input disabled type="text" placeholder="Relative Humidity" name="day[{{$day->day}}][three_pm_humidity]" value="{{$day->three_pm_humidity}}" class="form-control three_pm_humidity @if($day->ten_am_temp == 'Saturday' || $day->ten_am_temp == 'Sunday') weekend @else weekday @endif">
                                            <div class="input-group-append">
                                              <span class="input-group-text" id="basic-addon2" style="font-weight: 600;">%</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </td>
                            <td>
                                <select name="day[{{$day->day}}][three_pm_person]" class="form-control three_pm_person" disabled>
                                    <option value=""></option>
                                @foreach($branch_users as $b)
                                    <option value="{{$b->user->id}}" @if($day->three_pm_person == $b->user->id) selected @endif>{{$b->user->name}}  {{$b->user->last_name}}</option>
                                @endforeach
                                </select>
                            </td>
                            <td>
                                <textarea name="day[{{$day->day}}][action_taken]" class="form-control action_taken" rows="1" disabled>{{$day->action_taken}}</textarea>
                            </td>
                        </tr>
                        @endforeach
                        @endif
                    </tbody>
                </table>
            </div>
    
        </div>  
    </div>

<div class="card card-primary col-lg-12 p-1 m-0 mb-3">
    <div class="card-header">
        <h6 class="m-0 p-0">
            {{ __('Statistics') }}
        </h6>
    </div>
    <div class="card-body m-0 p-0">
        <div class="row m-0 p-0">
            <div class="card card-primary col-lg-6 m-0 p-1">
                <div class="card-header">
                    <h6 class="m-0 p-0">
                        {{ __('Temperature') }}
                    </h6>
                </div>
                <div class="card-body">
                    <div class="row m-1">
            
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="mean">{{ __('Mean')}}</label>
                                <div class="input-group mb-3">
                                    <input type="text" readonly class="form-control" id="temp_mean" name="temp_mean">
                                </div>
                            </div>
                        </div>
            
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="sd">{{ __('SD')}}</label>
                                <div class="input-group mb-3">
                                    <input type="text" readonly class="form-control" id="temp_sd" name="temp_sd">  
                                </div>
                            </div>
                        </div>
            
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="cv">{{ __('CV')}}</label>
                                <div class="input-group mb-3">
                                    <input type="text" readonly class="form-control" id="temp_cv" name="temp_cv">   
                                </div>
                            </div>
                        </div>
            
                    </div>
            
                    <div class="row m-1">
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="sd1">{{ __('+1SD')}}</label>
                                <div class="input-group mb-3">
                                    <input type="text" readonly class="form-control" id="temp_sd1" name="temp_sd1">   
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="sd2">{{ __('+2SD')}}</label>
                                <div class="input-group mb-3">
                                    <input type="text" readonly class="form-control" id="temp_sd2" name="temp_sd2">   
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="sd3">{{ __('+3SD')}}</label>
                                <div class="input-group mb-3">
                                    <input type="text" readonly class="form-control" id="temp_sd3" name="temp_sd3">   
                                </div>
                            </div>
                        </div>
                    </div>
            
                    <div class="row m-1">
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="m_sd1">{{ __('-1SD')}}</label>
                                <div class="input-group mb-3">
                                    <input type="text" readonly class="form-control" id="temp_m_sd1" name="temp_m_sd1">   
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="m_sd2">{{ __('-2SD')}}</label>
                                <div class="input-group mb-3">
                                    <input type="text" readonly class="form-control" id="temp_m_sd2" name="temp_m_sd2">   
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="m_sd3">{{ __('-3SD')}}</label>
                                <div class="input-group mb-3">
                                    <input type="text" readonly class="form-control" id="temp_m_sd3" name="temp_m_sd3">   
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card card-primary col-lg-6 m-0 p-1">
                <div class="card-header">
                    <h6 class="m-0 p-0">
                        {{ __('Humidity') }}
                    </h6>
                </div>
                <div class="card-body">
                    <div class="row m-1">
            
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="mean">{{ __('Mean')}}</label>
                                <div class="input-group mb-3">
                                    <input type="text" readonly class="form-control" id="humidity_mean" name="humidity_mean">
                                </div>
                            </div>
                        </div>
            
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="sd">{{ __('SD')}}</label>
                                <div class="input-group mb-3">
                                    <input type="text" readonly class="form-control" id="humidity_sd" name="humidity_sd">  
                                </div>
                            </div>
                        </div>
            
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="cv">{{ __('CV')}}</label>
                                <div class="input-group mb-3">
                                    <input type="text" readonly class="form-control" id="humidity_cv" name="humidity_cv">   
                                </div>
                            </div>
                        </div>
            
                    </div>
            
                    <div class="row m-1">
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="sd1">{{ __('+1SD')}}</label>
                                <div class="input-group mb-3">
                                    <input type="text" readonly class="form-control" id="humidity_sd1" name="humidity_sd1">   
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="sd2">{{ __('+2SD')}}</label>
                                <div class="input-group mb-3">
                                    <input type="text" readonly class="form-control" id="humidity_sd2" name="humidity_sd2">   
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="sd3">{{ __('+3SD')}}</label>
                                <div class="input-group mb-3">
                                    <input type="text" readonly class="form-control" id="humidity_sd3" name="humidity_sd3">   
                                </div>
                            </div>
                        </div>
                    </div>
            
                    <div class="row m-1">
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="m_sd1">{{ __('-1SD')}}</label>
                                <div class="input-group mb-3">
                                    <input type="text" readonly class="form-control" id="humidity_m_sd1" name="humidity_m_sd1">   
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="m_sd2">{{ __('-2SD')}}</label>
                                <div class="input-group mb-3">
                                    <input type="text" readonly class="form-control" id="humidity_m_sd2" name="humidity_m_sd2">   
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="m_sd3">{{ __('-3SD')}}</label>
                                <div class="input-group mb-3">
                                    <input type="text" readonly class="form-control" id="humidity_m_sd3" name="humidity_m_sd3">   
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div> 
</div>

<div class="card card-primary col-lg-12 p-1 m-0 mb-3">
    <div class="card-header">
        <h6 class="m-0 p-0">
            {{ __('Charts') }}
        </h6>
    </div>
    <div class="card-body m-0 p-0">
        <div class="row m-0 p-0">
            <div class="card card-primary col-lg-6 m-0 p-1">
                <div class="card-header">
                    <h6 class="m-0 p-0">
                        {{ __('Temperature') }}
                    </h6>
                </div>
                <div class="card-body p-0 m-0" id="temp_chart_container">
                    <canvas id="temp_chart" width="80" height="20"></canvas>
                </div>
            </div>
            <div class="card card-primary col-lg-6 m-0 p-1">
                <div class="card-header">
                    <h6 class="m-0 p-0">
                        {{ __('Humidity') }}
                    </h6>
                </div>
                <div class="card-body p-0 m-0" id="humidity_chart_container">
                    <canvas id="humidity_chart" width="80" height="20"></canvas>
                </div>
            </div>
        </div>
    </div> 
</div>

<div class="card card-primary col-lg-12 p-1 m-0 mb-3">
    <div class="card-header">
        <h6 class="m-0 p-0">
            {{ __('Remarks') }}
        </h6>
    </div>
    <div class="card-body m-1 p-2">
        <div class="row">
            <div class="col">
                <label for="temp_remarks">Temperature Remarks</label>
                <textarea disabled class="form-control" name="temp_remarks" id="temp_remarks">@if(isset($temp_monitoring)) {{$temp_monitoring->temp_remarks}} @endif</textarea>
            </div>
            <div class="col">
                <label for="humidity_remarks">Humidity Remarks</label>
                <textarea disabled class="form-control" name="humidity_remarks" id="humidity_remarks">@if(isset($temp_monitoring)) {{$temp_monitoring->humidity_remarks}} @endif</textarea>
            </div>
        </div>
    </div> 
</div>
    
@endsection

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