@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="#">Ongoing Park</a></li>
                            </ol>
                        </div>
                        <h4 class="page-title">Ongoing Park 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 Ongoing 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>Status</th>
                                    <th>Type</th>
                                    <th>Registration No.</th>
                                    <th>Car Owner</th>
                                    <th>Car Owner number</th>
                                    <th>Entry Time</th>
                                    <th>Scheduled Exit Time</th>
                                    <th>Remaining</th>
                                    <th>Designation</th>
                                    <th>Valid Till</th>
                                    <th>Action</th>
                                </tr>
                            </thead>


                            <tbody>
                            @foreach($logs as $log)
                                <tr>
                                    <td>{{$log->slno}}</td>
                                    <td>@if($log->violation == 0 && $log->paid == 0)<span class="badge" style="background: #cdcdcd;">Regular</span>@else<span class="badge badge-success">PAID</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>{{\Carbon\Carbon::parse($log->entry_time)->format('d F,Y G:i')}}</td>
                                    <td>@if($log->violation == 0 && $log->paid == 0){{\Carbon\Carbon::parse($log->exit_time_scheduled)->format('d F,Y G:i')}}@endif</td>
                                    <td>@if($log->violation == 0 && $log->paid == 0)<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->exit_time_scheduled) < now()) ? '-':'')}}{{\Carbon\Carbon::parse($log->exit_time_scheduled)->diffInMinutes(now())}}</span> Minutes
                                        @endif</td>

                                    <td>{{$log->car_owner_designation}}</td>
                                    <td>
                                        {{\Carbon\Carbon::parse($log->valid_till)->format('d F,Y G:i')}}
                                    </td>
                                    <td>
                                        <a href="#" data="{{$log->id}}" class="table-action-btn data_edit my-auto mr-2 ml-2" data-toggle="modal" data-target="#con-close-modal"><i class="mdi mdi-pencil"></i></a>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <!-- end row -->

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

    </div>
    <!-- end content -->
@endsection
@section('modal')
    <div id="con-close-modal" class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title myLargeModalLabel"></h4>
                </div>
                <div class="modal-body data_modal">
                    <!-- end row -->

                </div>
                {{--                <div class="modal-footer">--}}
                {{--                    <button type="button" class="btn btn-secondary waves-effect" data-dismiss="modal">Close</button>--}}
                {{--                    <button type="button" class="btn btn-info waves-effect waves-light">Save changes</button>--}}
                {{--                </div>--}}
            </div>
        </div>
    </div>
@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

            $('.data_edit').on('click',function(){
                $('#myLargeModalLabel').text('Update Time');
                jQuery.ajax({
                    url: '{{route('parking.ongoing_park')}}/'+$(this).attr('data'),
                    method: 'get',
                    success: function (result) {
                        $('.data_modal').html(result);
                    }
                });
            });
        });
    </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