@extends('layouts.'.(isset($layout)?$layout:'app'))


@section('pagetitle', $box->alias ?: $box->name)

@section('breadcrumbs')
    <ol class="breadcrumb float-sm-right">
        <li class="breadcrumb-item"><a href="{{route('dashboard')}}">{{__("Dashboard")}}</a></li>
        <li class="breadcrumb-item active">{{$box->client->name}}</li>
        <li class="breadcrumb-item active"><a href="{{route('controlbox', $box)}}">{{$box->alias ?: $box->name}}</a>
        </li>
        <li class="breadcrumb-item active">{{__('Temperature log') . ' ' . $logDatetime->format('d-m-Y H:i')}}</li>
    </ol>
@endsection

@section('content')
    <a class="btn btn-primary" href="{{route('controlbox.templogs', $box)}}"><i
                class="fa fa-arrow-left"></i> {{__("Back")}}</a>
    <a class="btn btn-primary float-right" target="_blank" href="{{route('controlbox.tlog.print', $log)}}"><i
                class="fas fa-print"></i> Print log</a>
    <hr/>
    @isset($chartMoments)
        @if($tempErrorsDetected)
            <div class="alert alert-warning">
                <i class="fa fa-exclamation-triangle"></i> {{__("Er zijn mogelijke voelerproblemen gedecteerd")}}
            </div>
        @endif
        @if(!isset($layout) || $layout != 'printable')
            @php
                $name_suffix = '';
                        if(\App\Controlbox\Tlog::find($log->id)->is_mix_cycle){
                                $btnclass = 'card-theme';
                               $name_suffix = '('.__('mix').')';

                        } else {
                            if($log->IsCorrectCycle){
                            $btnclass = 'card-theme';
                            }else {
                            $btnclass = 'card-danger';
                            }
                    }
            @endphp


            <div class="card  {{$btnclass}} card-outline">
                <div data-card-widget="collapse" class="card-header" style="overflow-y: scroll;" >
                    <h3 class="card-title">{{__('Temperature log') . ' ' . $logDatetime->format('d-m-Y H:i') . ' ' . $name_suffix}}</h3>

                    <div class="card-tools">
                        <!-- This will cause the card to maximize when clicked -->
                        <button type="button" class="btn btn-tool" data-card-widget="maximize"><i
                                    class="fas fa-expand"></i>
                        </button>
                        <!-- This will cause the card to collapse when clicked -->
                        <button type="button" class="btn btn-tool" data-card-widget="collapse"><i
                                    class="fas fa-minus"></i>
                        </button>
                        <!-- This will cause the chart to be printable -->
                    </div>
                </div>
                <div class="card-body">


                    <div class="row">
                        @endif
                        <canvas id="TempChart" style="display: block; height: 534px; width: 1068px;" width="2136"
                                height="1068" class="chartjs-render-monitor"></canvas>

                        @if(!isset($layout) || $layout != 'printable')

                    </div>
                </div>
            </div>
        @endif
    @endisset
    @if($box->client->allow_water_usage_calculations)
        @if(!isset($layout) || $layout != 'printable')


            <div class="card card-theme card-outline">
                <div data-card-widget="collapse" class="card-header">
                    <h3 class="card-title">{{__('Water usage for this cycle')}}</h3>
                    <div class="card-tools">
                        <!-- This will cause the card to collapse when clicked -->
                        <button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-minus"></i>
                        </button>
                        <!-- This will cause the chart to be printable -->
                    </div>
                </div>

                <div class="card-body">


                    <div class="row">
                        @endif
                        @include('partials.tlog.waterusage')
                        @if(!isset($layout) || $layout != 'printable')

                    </div>
                </div>
            </div>

        @endif
    @endif


    @if(!$log->is_mix_cycle)
    @if(!isset($layout) || $layout != 'printable')

        <div class="card @if($log->IsCorrectCycle) card-theme @else card-danger @endif card-outline">
            <div data-card-widget="collapse" class="card-header">
                <h3 class="card-title">{{__('Temperature log conclusions')}}</h3>

                <div class="card-tools">
                    <!-- This will cause the card to collapse when clicked -->
                    <button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-minus"></i>
                    </button>
                    <!-- This will cause the chart to be printable -->
                </div>
            </div>

            <div class="card-body">


                <div class="row">
    @endif

                    @include('partials.tlog.conclusions')

     @if(!isset($layout) || $layout != 'printable')

                </div>
            </div>
        </div>

    @endif
    @endif
@endsection

@section("page_js")

    @isset($chartMoments)
        @include('partials.tlog.tlogscript')
    @endisset
@endsection