@php
$diffFormat = trans('%d days %H hours %I minutes %S seconds');
@endphp


@extends('layouts.app')

@section('pagetitle', 'Downtime log')

@section('breadcrumbs')
    <ol class="breadcrumb float-sm-right">
        <li class="breadcrumb-item"><a href="{{route('dashboard')}}">Dashboard</a></li>
        <li class="breadcrumb-item active">Admin</li>
        <li class="breadcrumb-item active">@yield('pagetitle')</li>
    </ol>
@endsection

@section('content')
    <section class="content">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">{{__("Here you can find the offline times for controlboxes")}}</h3>
                        <a href="@if($hasAll) {{route('admin.offlinesignals')}} @else {{route('admin.offlinesignals.all')}} @endif" class="float-right btn-sm btn btn-primary">@if($hasAll) <i class="fa fa-eye-slash"></i> {{trans('Hide resolved')}} @else <i class="fa fa-eye"></i> {{trans('Show resolved')}} @endif</a>
                    </div>
                    <!-- /.card-header -->
                    <div class="card-body">

                        <table class="datatable-init table table-striped">
                            <thead>
                            <tr>
                                <th>{{__('Box id')}}</th>
                                <th>{{__('Status')}}</th>
                                <th>{{__('Name')}}</th>
                                <th>{{__('Client')}}</th>
                                <th>{{__('Offline since')}}</th>
                                <th>{{__('Offline till')}}</th>
                                <th class="hidden-xs hidden-sm">{{__('Duration')}}</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($offlinesignals as $offlinesignal)
                                @if($offlinesignal && $offlinesignal->controlbox && $offlinesignal->controlbox->client)
                                <tr class="@if($offlinesignal->is_resolved) bg-success @else bg-danger @endif">
                                    <td>{{$offlinesignal->controlbox->id}}</td>
                                    <td><i class="fa @if($offlinesignal->is_resolved) fa-check @else fa-times @endif"></i> </td>
                                    <td>{{$offlinesignal->controlbox->name}}</td>
                                    <td>@if($offlinesignal->controlbox->client != null ){{$offlinesignal->controlbox->client->name}} @else {{trans('UNKNOWN')}} @endif</td>
                                    <td>{{$offlinesignal->offline_since->format('d-m-Y H:i:s')}}</td>
                                    <td>@if($offlinesignal->is_resolved) {{$offlinesignal->offline_till->format('d-m-Y H:i:s')}} @else {{ trans('now') }} @endif</td>
                                    <td class="hide-sm">@if($offlinesignal->is_resolved) {{$offlinesignal->offline_till->diff($offlinesignal->offline_since)->format($diffFormat)}} @else {{\Carbon\Carbon::now()->diff($offlinesignal->offline_since)->format($diffFormat)}} @endif</td>
                                </tr>
                                @endif
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('page_js')
<script>
    $(document).ready(function () {
        $('.datatable-init').DataTable();
    })
</script>
@endsection