@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></tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('page_js')
<script>
    $(document).ready(function () {
        $('.datatable-init').DataTable({
            serverSide: true,
            processing: true,
            ajax: {
                url: '{{ route('admin.offlinesignals.data') }}',
                data: {all: {{ $hasAll ? 1 : 0 }}}
            },
            columns: [
                {data: 'box_id'},
                {data: 'status'},
                {data: 'name'},
                {data: 'client'},
                {data: 'offline_since'},
                {data: 'offline_till'},
                {data: 'duration', className: 'hide-sm'}
            ]
        });
    })
</script>
@endsection