@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);">Notifications</a></li>
                                <li class="breadcrumb-item"><a href="#">Notification</a></li>
                            </ol>
                        </div>
                        <h4 class="page-title">Notification</h4>
                    </div>
                </div>
            </div>
            <!-- end page title -->
            @include('mgh_theme.session')
            @include('mgh_theme.error')
            <div class="row">
                <div class="col-12">
                    <div class="card-box table-responsive">
                        <h4 class="header-title pb-2">Notification from {{\Carbon\Carbon::parse($startdate)->format('d F,Y G:i')}} to {{\Carbon\Carbon::parse($enddate)->format('d F,Y G:i')}}</h4>
                        @include('admin.park.search')
                        <table id="datatable-buttons" class="table table-striped table-bordered" cellspacing="0" width="100%">
                            <thead>
                            <tr>
                                <th>Time</th>
                                <th>Notification</th>
                            </tr>
                            </thead>


                            <tbody>
                            @foreach($notifications as $notification)
                                <tr>
                                    <td>{{\Carbon\Carbon::parse($notification->created_at)->format('d F, Y G:i:s')}}</td>
                                    <td>@if($notification->json == 0){{$notification->text}}@else
                                            @php($nlog = collect(json_decode($notification->text))->toArray())

                                            @php($priority = $car_group[$nlog['car_group']]['priority'])

                                                <p>@if(isset($nlog['violation']) && $nlog['violation'] == 1)<span class="badge badge-success">PAID</span> @endif <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[$nlog['car_group']]['name']}}</span> <span class="label label-primary">SL{{$nlog['slno']}}  # {{$nlog['number_plate']}}</span></p>
                                                <p class="font-13 m-b-5">@if(isset($nlog['entry_time']))Entered to Parking {{\Carbon\Carbon::parse($nlog['entry_time'])->format('d F, Y G:i:s')}}
                                                    @elseif(isset($nlog['exit_time']))Exit parking {{\Carbon\Carbon::parse($nlog['exit_time'])->format('d F, Y G:i:s')}} @endif</p>

                                        @endif</td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <!-- end row -->

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

    </div>
    <!-- end content -->
@endsection
@section('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