@extends('portal.agent.layouts.app')

@section('content')
    <!-- CSS -->
{{--    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">--}}


{{--    @foreach ($notifications as $notification)--}}

{{--        <div class="toast" role="alert" aria-live="assertive" aria-atomic="true" data-notification-id="{{ $notification->id }}">--}}
{{--            <div class="toast-header">--}}
{{--                <strong class="mr-auto">{{ $notification->content_body }}</strong>--}}
{{--                <small>{{ $notification->created_at->diffForHumans() }}</small>--}}
{{--                <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close" id="notificationClose">--}}
{{--                    <span aria-hidden="true">&times;</span>--}}
{{--                </button>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    @endforeach--}}

    <div class="cartSec">
        <div class="container-fluid">
            <div class="main-padingbdy">
                <div class="row">
                    <div class="col-md-4">
                        <div class="inspectionBox">
                            <figure><img src="{{asset('portal/images/totalicon.png')}}" class="img-fluid"
                                         alt="img"></figure>
                            <div>

                                    <h2>{{$inspections->count()}}</h2>

                                <h6>TOTAL<br>
                                    INSPECTIONS</h6>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="inspectionBox">
                            <figure><img src="{{asset('portal/images/inprogresicon.png')}}" class="img-fluid"
                                         alt="img">
                            </figure>
                            <div>

                                    <h2>{{$inspections->where('status', 'in-progress')->count()}}</h2>

                                <h6>IN PROGRESS<br>
                                    INSPECTIONS</h6>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="inspectionBox">
                            <figure><img src="{{asset('portal/images/complticon.png')}}" class="img-fluid"
                                         alt="img">
                            </figure>
                            <div>

                                    <h2>{{$inspections->where('status', 'completed')->count()}}</h2>

                                <h6>COMPLETED<br>
                                    INSPECTIONS</h6>
                            </div>
                        </div>
                    </div>
                </div>

{{--                <div class="row">--}}
{{--                    <div class="col-md-12">--}}
{{--                        <form>--}}
{{--                            <div class="formArea">--}}
{{--                                <textarea></textarea>--}}
{{--                            </div>--}}
{{--                        </form>--}}
{{--                    </div>--}}
{{--                </div>--}}
            </div>
        </div>
    </div>
{{--    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>--}}
{{--    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>--}}
{{--    <script>--}}

{{--        $(document).ready(function() {--}}
{{--            $('.toast').toast('show');--}}

{{--            // Dismiss the toast when the close button is clicked--}}
{{--            $('#notificationClose').on('click', function() {--}}
{{--                var notificationId = $(this).closest('.toast').data('notification-id');--}}
{{--                dismissNotification(notificationId);--}}
{{--            });--}}

{{--            // Function to dismiss the notification--}}
{{--            function dismissNotification(notificationId) {--}}
{{--                // Send an AJAX request to mark the notification as dismissed--}}
{{--                $.ajax({--}}
{{--                    url: "{{ route('dismiss-notification') }}",--}}
{{--                    method: 'POST',--}}
{{--                    data: {--}}
{{--                        _token: "{{ csrf_token() }}",  // Include the CSRF token--}}
{{--                        notification_id: notificationId--}}
{{--                    },--}}
{{--                    success: function(response) {--}}
{{--                        // Remove the toast element from the DOM--}}
{{--                        $('.toast[data-notification-id="' + notificationId + '"]').remove();--}}
{{--                    },--}}
{{--                    error: function(xhr, status, error) {--}}
{{--                        console.log(error); // Handle the error as needed--}}
{{--                    }--}}
{{--                });--}}
{{--            }--}}
{{--        });--}}


{{--    </script>--}}
@endsection