@extends('mgh_theme.app',['datatable'=>1])
@section('css')
    <link href="{{asset('assets/css/bootstrap-datetimepicker.css')}}" rel="stylesheet">
@endsection
@section('content')
    <div class="content">

        <!-- Start Content-->
        <div class="container-fluid">

            <!-- start page title -->
            <div class="row">
                <div class="col-12">
                    <div class="page-title-box">
                        <div class="page-title-right">
                            <ol class="breadcrumb m-0">
                                <li class="breadcrumb-item"><a href="javascript: void(0);">{{env('APP_NAME')}}</a></li>
                                <li class="breadcrumb-item"><a href="javascript: void(0);">Parking List</a></li>
                                <li class="breadcrumb-item"><a href="#">Car waiting outside</a></li>
                            </ol>
                        </div>
                        <h4 class="page-title">Car waiting outside List</h4>
                    </div>
                </div>
            </div>
        @include('mgh_theme.session')
        @include('mgh_theme.error')
            <!-- end page title -->
            <div class="row">
                <div class="col-12">
                    <div class="card-box table-responsive">
                        <h4 class="header-title pb-2">The List Of Individual Park</h4>
                        @include('admin.park.search')
                        <table id="datatable-buttons" class="table table-striped table-bordered" cellspacing="0" width="100%">


                            <thead>
                                <tr>
                                    <th>SL</th>
                                    <th>Type</th>
                                    <th>Registration No.</th>
                                    <th>Car Owner</th>
                                    <th>Car Owner number</th>
                                    <th>Waiting</th>
                                    <th>Parking Allocated Time</th>
                                    <th>Vacant Time</th>
                                    <th>Designation</th>
                                    <th>Valid Till</th>
                                </tr>
                            </thead>


                            <tbody>
                            @foreach($logs as $log)
                                <tr>
                                    <td>@if(!isset($log->violation) || $log->violation == 0 ){{$log->slno}}@else<span class="badge badge-danger">Violation</span>@endif</td>
                                    @php($priority = $car_group[$log->car_group_id]['priority'])

                                    <td><span class="badge p-2 mr-2
                                        @if($priority == 1) badge-warning
                                        @elseif($priority == 2) badge-primary
                                        @elseif($priority == 3) badge-success
                                        @elseif($priority == 4) badge-danger
                                        @endif">{{$default_data['priority'][$priority]}}</span>
                                        <span class="badge badge-primary p-2 text-sm">{{$car_group[$log->car_group_id]['name']}}</span>
                                    </td>
                                    <td>{{$log->number_plate}}</td>
                                    <td>{{$log->car_owner}}</td>
                                    <td>{{$log->car_owner_number}}</td>
                                    <td><span class="badge @if($priority == 1) badge-warning
                                        @elseif($priority == 2) badge-primary
                                        @elseif($priority == 3) badge-success
                                        @elseif($priority == 4) badge-danger
                                        @endif timecount_{{$log->id}} font-16">{{\Carbon\Carbon::parse($log->created_at)->diffInMinutes(now())}}</span> Minutes</td>
                                    <td>{{$log->duration_hour}} Hours {{$log->duration_minute}} Minute</td>
                                    <td>{{\Carbon\Carbon::parse($log->vacant_time)->format('d F G:i')}}</td>
                                    <td>{{$log->car_owner_designation}}</td>
                                    <td>
                                        {{\Carbon\Carbon::parse($log->valid_till)->format('d F,Y G:i')}}
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <!-- end row -->

        </div>
        <!-- end container-fluid -->

    </div>
    <!-- end content -->
@endsection
@section('script')
    <script>
        $(document).ready(function() {
            setInterval(function() {
                @foreach($logs as $log)
                $('span.timecount_{{$log->id}}').html(parseInt($('span.timecount_{{$log->id}}').html())+1);
                @endforeach
            }, 60000);
            @if(! request()->has('start_date'))
            setInterval(function() {
                window.location.reload();
            }, 300000);
            @endif
        });
    </script>
    <script src="{{asset('assets/js/bootstrap-datetimepicker.js')}}" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('.form_datetime').datetimepicker({
                //language:  'fr',
                weekStart: 1,
                todayBtn: 1,
                autoclose: 1,
                todayHighlight: 1,
                startView: 2,
                forceParse: 0,
                showMeridian: 1
            });
        });
    </script>
@endsection