@extends('includes.main')

@section('pageSpecificStyles')
    <style type="text/css">
    .boxContainer{
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        align-items: center;
    }

    .boxWrapper{
        justify-content: center;
        border-radius: 15px;
        height: 20vh;
        flex-basis: 380px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 1em 0 1em 0;
    }

    .box{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border:1px solid #17598f;
        flex-basis: 100%;
        margin: 2em;
        height: 100%;
        border-radius: 10px;
    }

    .boxCounter{
        height: 50%;
        font-size: 3rem;
        font-weight: 600;

    }

    .boxText{
        font-weight: 600;
    }

    .packageHeadings{
        font-weight:700;
        margin-left:1em;
    }
    </style>
@endsection
@section('pageSpecificContent')

    <div class="card m-b-20">
        <div class="card-body">

            {{-- @foreach ($categories as $category)
               <h5> {{ $category }} </h5>
            @endforeach --}}

            <div class="boxContainer">
                <div class="boxWrapper">
                    <div class="box">
                        <div class="boxCounter">
                            {{ App\PDF::where('status',1)->count() }}
                        </div>
                        <div class="boxText">
                            Total PDFs
                        </div>
                    </div>
                </div>
                <div class="boxWrapper">
                    <div class="box">
                        <div class="boxCounter">
                            {{ App\User::where('iduser_role','!=',4)->where('status',1)->count() }}
                        </div>
                        <div class="boxText">
                            Total Users
                        </div>
                    </div>
                 </div>
                <div class="boxWrapper">
                    <div class="box">
                        <div class="boxCounter">
                            {{ App\User::where('iduser_role',4)->where('status',1)->count() }}
                        </div>
                        <div class="boxText">
                            Total Customers
                        </div>
                    </div>
                 </div>

            </div>

        </div>
    </div>

    <div class="row">
        <div class="col-md-6">
            <div class="card m-b-20 mt-2">
                <div class="card-body">

                    <div class="row">
                        <div class="col-md-12">
                            <h4>Featured Packages</h4>
                        </div>
                        <div class="col-md-12">
                            
                            <div class="table-responsive">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>
                                                Heading
                                            </th>
                                            <th>
                                                Views
                                            </th>
                                        </tr>
                                    </thead>
                                    @if(isset($pdfs))
                                        @foreach ($pdfs as $pdf)
                                        <tr>
                                            <td>
                                                {{ $pdf->heading }}
                                            </td>
                                            <td>
                                                {{ $pdf->pdfUsers()->count() }}
                                            </td>
                                        </tr>
                                        @endforeach
                                    @endif
                                </table>
                            </div>
                                
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>

@endsection
@section('pageSpecificScript')
    <script language="JavaScript" type="text/javascript">
        $(document).ready(function () {

        });

    </script>
@endsection