@extends('layouts.app')
@section('title', __('lang_v1.cold_chain'))

@section('content')
    <section class="content-header">
        <h1>@lang('lang_v1.cold_chain') <small>@lang('lang_v1.cold_chain_desc')</small>
            <button type="button" class="btn btn-primary pull-right" data-toggle="modal" data-target="#logReadingModal">
                <i class="fa fa-plus"></i> @lang('lang_v1.log_reading')
            </button>
        </h1>
    </section>

    <section class="content">
        <div class="row">
            <div class="col-md-3 col-xs-6">
                <div class="small-box {{ $month_breaches > 0 ? 'bg-red' : 'bg-green' }}">
                    <div class="inner"><h3>{{ $month_breaches }}</h3><p>@lang('lang_v1.breaches_this_month')</p></div>
                    <div class="icon"><i class="fa fa-exclamation-triangle"></i></div>
                </div>
            </div>
            <div class="col-md-3 col-xs-6">
                <div class="small-box bg-aqua">
                    <div class="inner"><h3>{{ $last ? number_format($last->temperature,1).'°' : '—' }}</h3><p>@lang('lang_v1.last_reading')</p></div>
                    <div class="icon"><i class="fa fa-thermometer-half"></i></div>
                </div>
            </div>
        </div>

        <div class="modal fade" id="logReadingModal" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                {!! Form::open(['route' => 'supplier.cold-chain.store', 'method' => 'post']) !!}
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
                        <h4 class="modal-title"><i class="fa fa-thermometer-half"></i> @lang('lang_v1.log_reading')</h4>
                    </div>
                    <div class="modal-body">
                        <div class="form-group"><label>@lang('lang_v1.zone')</label> <input type="text" name="zone" class="form-control" placeholder="Cold Room 1"></div>
                        <div class="form-group"><label>@lang('lang_v1.temperature') (°C) *</label> <input type="number" step="0.1" name="temperature" class="form-control" required></div>
                        <div class="row">
                            <div class="col-xs-6"><div class="form-group"><label>@lang('lang_v1.range') min *</label> <input type="number" step="0.1" name="min_allowed" class="form-control" value="2" required></div></div>
                            <div class="col-xs-6"><div class="form-group"><label>@lang('lang_v1.range') max *</label> <input type="number" step="0.1" name="max_allowed" class="form-control" value="8" required></div></div>
                        </div>
                        <div class="form-group"><label>@lang('messages.date') *</label> <input type="datetime-local" name="recorded_at" class="form-control" value="{{ now()->format('Y-m-d\TH:i') }}" required></div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">@lang('messages.cancel')</button>
                        <button type="submit" class="btn btn-primary"><i class="fa fa-plus"></i> @lang('lang_v1.log_reading')</button>
                    </div>
                </div>
                {!! Form::close() !!}
            </div>
        </div>

        <div class="box box-solid">
            <div class="box-header with-border"><h3 class="box-title">@lang('lang_v1.temperature_log')</h3></div>
            <div class="box-body table-responsive">
                <table class="table table-bordered table-striped">
                    <thead><tr>
                        <th>@lang('messages.date')</th><th>@lang('lang_v1.zone')</th>
                        <th class="text-right">@lang('lang_v1.temperature')</th><th class="text-center">@lang('lang_v1.range')</th><th class="text-center">@lang('lang_v1.status')</th><th>@lang('lang_v1.additional_notes')</th>
                    </tr></thead>
                    <tbody>
                        @forelse($logs as $l)
                            <tr class="{{ $l->is_breach ? 'danger' : '' }}">
                                <td>{{ \Carbon\Carbon::parse($l->recorded_at)->format('d-m-Y H:i') }}</td>
                                <td>{{ $l->zone ?: '-' }}</td>
                                <td class="text-right">{{ number_format($l->temperature,1) }}°C</td>
                                <td class="text-center">{{ number_format($l->min_allowed,1) }}–{{ number_format($l->max_allowed,1) }}°C</td>
                                <td class="text-center">
                                    @if($l->is_breach)<span class="label label-danger">@lang('lang_v1.breach')</span>@else<span class="label label-success">@lang('lang_v1.ok')</span>@endif
                                </td>
                                <td>{{ $l->notes }}</td>
                            </tr>
                        @empty
                            <tr><td colspan="6" class="text-center text-muted">@lang('lang_v1.no_records_found')</td></tr>
                        @endforelse
                    </tbody>
                </table>
                <div>{{ $logs->links() }}</div>
            </div>
        </div>
    </section>
@endsection