@extends('backend.layout.master')
@section('backend-main')
    <div class="row">
        <div class="col-lg-12">
            <h1 class="page-header">لوحة التحكم</h1>
        </div>
    </div>
    <div class="row">
        @if (Auth::user()->admin == 1)
            <div class="col-lg-3 col-md-6">
                <div class="panel panel-red">
                    <a href="{{ route('frontend-home') }}">
                        <div class="panel-heading">
                            <div class="row">
                                <div class="col-xs-4">
                                    <i class="fa fa-home fa-4x"></i>
                                </div>
                                <div class="col-xs-8 text-right">
                                    <div class="huge"></div>
                                    <div style="margin: 22px 0 28px 0; font-size: 18px;">زيارة الموقع</div>
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="{{ route('frontend-home') }}">
                        <div class="panel-footer" style="height: 41px;">

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

            <div class="col-lg-3 col-md-6">
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <div class="row">
                            <div class="col-xs-4">
                                <i class="fa fa-pencil-square fa-5x"></i>
                            </div>
                            <div class="col-xs-8 text-right">
                                <div class="huge">{{ $productCount }}</div>
                                <div>اعلانات مضافة!</div>
                            </div>
                        </div>
                    </div>
                    <a href="{{ route('products.index') }}">
                        <div class="panel-footer">
                            <span class="pull-left">عرض التفاصيل</span>
                            <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                            <div class="clearfix"></div>
                        </div>
                    </a>
                </div>
            </div>


            <div class="col-lg-3 col-md-6">
                <div class="panel panel-green">
                    <div class="panel-heading">
                        <div class="row">
                            <div class="col-xs-4">
                                <i class="fa fa-user fa-5x"></i>
                            </div>
                            <div class="col-xs-8 text-right">
                                <div class="huge">{{ $userCount }}</div>
                                <div>عضو فعال!</div>
                            </div>
                        </div>
                    </div>
                    <a href="{{ route('users.index') }}">
                        <div class="panel-footer">
                            <span class="pull-left">عرض التفاصيل</span>
                            <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                            <div class="clearfix"></div>
                        </div>
                    </a>
                </div>
            </div>


            <div class="col-lg-3 col-md-6">
                <div class="panel panel-yellow">
                    <div class="panel-heading">
                        <div class="row">
                            <div class="col-xs-4">
                                <i class="fa fa-folder-open fa-4x"></i>
                            </div>
                            <div class="col-xs-8 text-right">
                                <div class="huge">{{ $categoryCount }}</div>
                                <div>تصنيف!</div>
                            </div>
                        </div>
                    </div>
                    <a href="{{ route('categories.index') }}">
                        <div class="panel-footer">
                            <span class="pull-left">عرض التفاصيل</span>
                            <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                            <div class="clearfix"></div>
                        </div>
                    </a>
                </div>
            </div>

            <div class="col-lg-3 col-md-6">
                <div class="panel panel-yellow">
                    <div class="panel-heading">
                        <div class="row">
                            <div class="col-xs-4">
                                <i class="fa fa-folder fa-5x"></i>
                            </div>
                            <div class="col-xs-8 text-right">
                                <div class="huge">{{ $subcategoryCount }}</div>
                                <div>تصنيف فرعي!</div>
                            </div>
                        </div>
                    </div>
                    <a href="{{ route('subcategories.index') }}">
                        <div class="panel-footer">
                            <span class="pull-left">عرض التفاصيل</span>
                            <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                            <div class="clearfix"></div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-lg-3 col-md-6">
                <div class="panel panel-green">
                    <div class="panel-heading">
                        <div class="row">
                            <div class="col-xs-4">
                                <i class="fa fa-comments fa-5x"></i>
                            </div>
                            <div class="col-xs-8 text-right">
                                <div class="huge">{{ $commentCount }}</div>
                                <div>تعليق مضاف!</div>
                            </div>
                        </div>
                    </div>
                    <a href="{{ route('comments.index') }}">
                        <div class="panel-footer">
                            <span class="pull-left">عرض التفاصيل</span>
                            <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                            <div class="clearfix"></div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-lg-3 col-md-6">
                <div class="panel panel-red">
                    <div class="panel-heading">
                        <div class="row">
                            <div class="col-xs-4">
                                <i class="fa fa-globe fa-5x"></i>
                            </div>
                            <div class="col-xs-8 text-right">
                                <div class="huge">{{ $countryCount }}</div>
                                <div>دولة مضافة!</div>
                            </div>
                        </div>
                    </div>
                    <a href="{{ route('countries.index') }}">
                        <div class="panel-footer">
                            <span class="pull-left">عرض التفاصيل</span>
                            <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                            <div class="clearfix"></div>
                        </div>
                    </a>
                </div>
            </div>

            <div class="col-lg-3 col-md-6">
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <div class="row">
                            <div class="col-xs-4">
                                <i class="fa fa-map-marker fa-5x"></i>
                            </div>
                            <div class="col-xs-8 text-right">
                                <div class="huge">{{ $cityCount }}</div>
                                <div>مدينة مضافة!</div>
                            </div>
                        </div>
                    </div>
                    <a href="{{ route('cities.index') }}">
                        <div class="panel-footer">
                            <span class="pull-left">عرض التفاصيل</span>
                            <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                            <div class="clearfix"></div>
                        </div>
                    </a>
                </div>
            </div>

            <div class="col-lg-3 col-md-6">
                <div class="panel panel-green">
                    <div class="panel-heading">
                        <div class="row">
                            <div class="col-xs-4">
                                <i class="fa fa-book fa-5x"></i>
                            </div>
                            <div class="col-xs-8 text-right">
                                <div class="huge">{{ $pageCount }}</div>
                                <div>صفحة مضافة!</div>
                            </div>
                        </div>
                    </div>
                    <a href="{{ route('pages.index') }}">
                        <div class="panel-footer">
                            <span class="pull-left">عرض التفاصيل</span>
                            <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                            <div class="clearfix"></div>
                        </div>
                    </a>
                </div>
            </div>

            <div class="col-lg-3 col-md-6">
                <div class="panel panel-red">
                    <div class="panel-heading">
                        <div class="row">
                            <div class="col-xs-4">
                                <i class="fa fa-envelope fa-5x"></i>
                            </div>
                            <div class="col-xs-8 text-right">
                                <div class="huge">{{ $contactCount }}</div>
                                <div>رسالة اتصل بنا!</div>
                            </div>
                        </div>
                    </div>
                    <a href="{{ route('adminContact') }}">
                        <div class="panel-footer">
                            <span class="pull-left">عرض التفاصيل</span>
                            <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                            <div class="clearfix"></div>
                        </div>
                    </a>
                </div>
            </div>

            <div class="col-lg-3 col-md-6">
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <div class="row">
                            <div class="col-xs-4">
                                <i class="fa fa-gavel fa-5x"></i>
                            </div>
                            <div class="col-xs-8 text-right">
                                <div class="huge">{{ $offerCount }}</div>
                                <div>عرض مقدم!</div>
                            </div>
                        </div>
                    </div>
                    <a href="{{ route('offersIndex') }}">
                        <div class="panel-footer">
                            <span class="pull-left">عرض التفاصيل</span>
                            <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                            <div class="clearfix"></div>
                        </div>
                    </a>
                </div>
            </div>

            <div class="col-lg-3 col-md-6">
                <div class="panel panel-yellow">
                    <div class="panel-heading">
                        <div class="row">
                            <div class="col-xs-4">
                                <i class="fa fa-heart fa-4x"></i>
                            </div>
                            <div class="col-xs-8 text-right">
                                <div class="huge">{{ $favouriteCount }}</div>
                                <div>تفضيل!</div>
                            </div>
                        </div>
                    </div>
                    <div class="panel-footer" style="height: 41px;">

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

            <div class="col-lg-3 col-md-6">
                <div class="panel panel-red">
                    <div class="panel-heading">
                        <div class="row">
                            <div class="col-xs-4">
                                <i class="fa fa-users fa-4x"></i>
                            </div>
                            <div class="col-xs-8 text-right">
                                <div class="huge">{{ $moderatorsCount }}</div>
                                <div>مشرف!</div>
                            </div>
                        </div>
                    </div>
                    <a href="{{ route('moderators.index') }}">
                        <div class="panel-footer">
                            <span class="pull-left">عرض التفاصيل</span>
                            <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                            <div class="clearfix"></div>
                        </div>
                    </a>
                </div>
            </div>

            <div class="col-lg-3 col-md-6">
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <div class="row">
                            <div class="col-xs-4">
                                <i class="fa fa-building-o fa-4x"></i>
                            </div>
                            <div class="col-xs-8 text-right">
                                <div class="huge">{{ $storesCount }}</div>
                                <div>متجر!</div>
                            </div>
                        </div>
                    </div>
                    <a href="{{ route('allStores') }}">
                        <div class="panel-footer">
                            <span class="pull-left">عرض التفاصيل</span>
                            <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                            <div class="clearfix"></div>
                        </div>
                    </a>
                </div>
            </div>

            <div class="col-lg-3 col-md-6">
                <div class="panel panel-yellow">
                    <div class="panel-heading">
                        <div class="row">
                            <div class="col-xs-4">
                                <i class="fa fa-exclamation-triangle fa-4x"></i>
                            </div>
                            <div class="col-xs-8 text-right">
                                <div class="huge">{{ $unpublishedProducts }}</div>
                                <div>اعلان غير فعّال</div>
                            </div>
                        </div>
                    </div>
                    <a href="{{ route('unpublishedProducts') }}">
                        <div class="panel-footer">
                            <span class="pull-left">عرض التفاصيل</span>
                            <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                            <div class="clearfix"></div>
                        </div>
                    </a>
                </div>
            </div>

            <div class="col-lg-3 col-md-6">
                <div class="panel panel-red">
                    <a href="{{ route('logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                        <div class="panel-heading">
                            <div class="row">
                                <div class="col-xs-4">
                                    <i class="fa fa-sign-out fa-4x"></i>
                                </div>
                                <div class="col-xs-8 text-right">
                                    <div class="huge"></div>
                                    <div style="margin: 22px 0 28px 0; font-size: 18px;">تسجيل الخروج</div>
                                </div>
                            </div>
                        </div>
                        <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                            {{ csrf_field() }}
                        </form>
                    </a>
                    <a href="{{ route('logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                        <div class="panel-footer" style="height: 41px;">
                            <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                                {{ csrf_field() }}
                            </form>
                        </div>
                    </a>
                </div>
            </div>
        @else
            <div class="col-md-12">
                <p>مرحبا بك في لوحة التحكم!</p>
            </div>
        @endif
    </div>
@endsection