@extends("layouts.admin.app")
@section("page-title")
    Dashboard
@endSection
@section("page-nav-title")
    <div class="app-title">
        <div>
            <h1><i class="fa fa-dashboard"></i> Dashboard</h1>
            <p>CarHub Dashboard</p>
        </div>
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
        </ul>
    </div>
@endsection

@section("content")
    @if(hasPermissions(["view-dashboard","admin-control"]))

        <div class="row">
        <div class="col-md-6 col-lg-3">
            <a style="  text-decoration: none"  href="{{route("admin.clients.index")}}">
                <div class="widget-small primary coloured-icon"><i class="icon fa fa-user fa-3x"></i>
                    <div class="info">
                        <h4>Users</h4>
                        <h5>{{$totalUsersApp}}</h5>
                    </div>
                </div>
            </a>
        </div>

        <div class="col-md-6 col-lg-3">
            <a style="  text-decoration: none"  href="{{route("admin.provided-sections.index")}}">
                <div class="widget-small primary coloured-icon"><i class="icon fas fa-user-tie fa-3x"></i>
                    <div class="info">
                        <h4>Provided Sections</h4>
                        <h5>{{$ProvidedSections}}</h5>
                    </div>
                </div>
            </a>
        </div>

        @foreach($vectors  as $vector)
            <div class="col-md-6 col-lg-3">
                <a style="  text-decoration: none"  href="">
                    <div class="widget-small primary coloured-icon"><i class="icon fas fa-th-large fa-3x"></i>
                        <div class="info">
                            <h4>{{$vector['name']}}</h4>
                            <h4>{{$vector['count']}}</h4>
                        </div>
                    </div>
                </a>
            </div>
        @endforeach
        <div class="col-md-6 col-lg-3">
            <a style="  text-decoration: none"  href="{{route("admin.common-makes.index")}}">
                <div class="widget-small primary coloured-icon"><i class="icon fa fa-car fa-3x"></i>
                    <div class="info">
                        <h4>CarMake</h4>
                        <h4>{{$CarMake}}</h4>
                    </div>
                </div>
            </a>
        </div>
        <div class="col-md-6 col-lg-3">
            <a style="  text-decoration: none"  href="{{route("admin.sliders.index")}}">
                <div class="widget-small primary coloured-icon"><i class="icon fa fa-image fa-3x"></i>
                    <div class="info">
                        <h4>Sliders</h4>
                        <h4>{{$slider}}</h4>
                    </div>
                </div>
            </a>
        </div>
        <div class="col-md-6 col-lg-3">
            <a style="  text-decoration: none"  href="">
                <div class="widget-small primary coloured-icon"><i class="icon fas fa-user-shield fa-3x"></i>
                    <div class="info">
                        <h4>Super admin</h4>
                        <h4>{{$super}}</h4>
                    </div>
                </div>
            </a>
        </div>
        <div class="col-md-6 col-lg-3">
            <a style="  text-decoration: none"  href="{{ route("admin.admins.Firewall",["route"=>"admin.admins.index"]) }}">
                <div class="widget-small primary coloured-icon"><i class="icon fas fa-users fa-3x"></i>
                    <div class="info">
                        <h4>Employee</h4>
                        <h4>{{$Employee}}</h4>
                    </div>
                </div>
            </a>
        </div>
        <div class="col-md-6 col-lg-3">
            <a style="  text-decoration: none"  href="{{route("admin.Advertisments.index")}}">
                <div class="widget-small primary coloured-icon"><i class="icon fas fas fa-ad fa-3x"></i>
                    <div class="info">
                        <h4>Advertisments</h4>
                        <h4>{{$Advertisments}}</h4>
                    </div>
                </div>
            </a>
        </div>
        <div class="col-md-6 col-lg-3">
            <a style="  text-decoration: none"  href="{{route("admin.partners.index")}}">
                <div class="widget-small primary coloured-icon"><i class="icon fa fa-user fa-3x"></i>
                    <div class="info">
                        <h4>Partners</h4>
                        <h4>{{$Partners}}</h4>
                    </div>
                </div>
            </a>
        </div>
        <div class="col-md-6 col-lg-3">
            <a style="  text-decoration: none"  href="{{route('admin.DidNotRquests.index')}}">
                <div class="widget-small primary coloured-icon"><i class="icon fa fa-window-close fa-3x"></i>
                    <div class="info">
                        <h4>Request Suggestion</h4>
                        <h4>{{$RequestSuggestion}}</h4>
                    </div>
                </div>
            </a>
        </div>

        <div class="col-md-6 col-lg-3">
            <a style="  text-decoration: none"  href="{{route('admin.social-media.index')}}">
                <div class="widget-small primary coloured-icon"><i class="icon fas fa-mobile-alt fa-3x"></i>
                    <div class="info">
                        <h4>Social Media</h4>
                        <h4>{{$SocialMedia}}</h4>
                    </div>
                </div>
            </a>
        </div>
        <div class="col-md-6 col-lg-3">
            <a style="  text-decoration: none"  href="{{route('admin.BoardingApp.index')}}">
                <div class="widget-small primary coloured-icon"><i class="icon fa fa-podcast fa-3x"></i>
                    <div class="info">
                        <h4>On Boarding App</h4>
                        <h4>{{$BoardingApp}}</h4>
                    </div>
                </div>
            </a>
        </div>

        <div class="col-md-6 col-lg-3">
            <a style="  text-decoration: none"  href="{{route('admin.AppSupport.index')}}">
                <div class="widget-small primary coloured-icon"><i class="icon fa fa-podcast fa-3x"></i>
                    <div class="info">
                        <h4>App Support</h4>
                        <h4>{{$AppSupport}}</h4>
                    </div>
                </div>
            </a>
        </div>



    </div>

    @endif
@endsection

@section("scripts")
    <script>
        setInterval(()=>{
            $.ajax({
                type: "get",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{route('ajax.dashboard.index')}}",
                data: {},
                success: function( response ) {
                    const data = response.data.counter;
                    $("#users").text(data.users);
                    $("#technicians").text(data.technicians);
                    $("#services").text(data.services)
                    $("#orders").text(data.orders)
                    $("#ordersAccepted").text(data.ordersAccepted)
                    $("#ordersFinesh").text(data.ordersFinesh)
                    $("#ordersPending").text(data.ordersPending)
                    $("#ordersCanceled").text(data.ordersCanceled)
                    $("#orderUnderGuarantee").text(data.orderUnderGuarantee)
                },
                error : function (response) {
                    console.log("Error!");
                }
            });
        },10000);
    </script>
    {{--        </script>--}}
    <!-- Google analytics script-->
    <script type="text/javascript">
        if(document.location.hostname == 'pratikborsadiya.in') {
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
            ga('create', 'UA-72504830-1', 'auto');
            ga('send', 'pageview');
        }
    </script>

@endsection