@extends('dashboard.layouts.layouts')
@section('title', 'Dashboard')
{{--Drop Your Customized Style Codes Here--}}
@section('customizedStyle')

@endsection
{{--Drop Your Customized Scripts Codes Here--}}
@section('customizedScript')
    <script>
        $(function () {
            $('#example1').DataTable()
            $('#example2').DataTable({
                'paging'      : true,
                'lengthChange': false,
                'searching'   : false,
                'ordering'    : true,
                'info'        : true,
                'autoWidth'   : false
            })
        })
    </script>
@endsection
{{-- Start of page Content --}}
@section('content')

    <section class="content-header">
        <h1>
            Statistics
            <small>All Statistics</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="#">Statistics</a></li>
            <li class="active">All Statistics</li>
        </ol>
    </section>


    <section class="content">
        <div class="row">
            <!-- left column -->
            <div class="col-md-12">
                <div class="box box-primary" style="padding: 15px">
                    <div class="box-header with-border">
                        <h3 class="box-title">All Statistics Info</h3>
                        {{--<a href="#" class="btn btn-warning pull-right"><i class="fa fa-plus"></i> Add New Feature </a>--}}
                    </div>
                @include('dashboard.layouts.messages')
                <!-- /.box-header -->
                    <!-- form start -->
                    <!-- start stats section -->
                    {{--<div class="content-wrapper">--}}

                        <!-- Main content -->
                        <section class="content container-fluid">
                            <div class="rgs-wrapper">
                    <div class="stats-section">
                        <div class="section-heading">
                            <i class="ion-stats-bars"></i>
                            <p>
                                Statistics
                            </p>
                        </div>
                        <div class="section-body">
                            <ul>
                                <li>
                                    <a href="#">
                                        <div class="li-left">
                                            <div class="counter">
                                                <p>
                                                    {{$branchs}}
                                                </p>
                                            </div>
                                            <div class="title">
                                                <p>
                                                    Branchs
                                                </p>
                                            </div>
                                        </div>
                                        <div class="li-right">
                                            <i class="ion ion-location"></i>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="li-left">
                                            <div class="counter">
                                                <p>
                                                    {{$categories}}
                                                </p>
                                            </div>
                                            <div class="title">
                                                <p>
                                                    Category
                                                </p>
                                            </div>
                                        </div>
                                        <div class="li-right">
                                            <i class="ion ion-ios-list"></i>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="li-left">
                                            <div class="counter">
                                                <p>
                                                    {{$products}}
                                                </p>
                                            </div>
                                            <div class="title">
                                                <p>
                                                    Products
                                                </p>
                                            </div>
                                        </div>
                                        <div class="li-right">
                                            <i class="ion-ios-cart"></i>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="li-left">
                                            <div class="counter">
                                                <p>
                                                    {{$messages}}
                                                </p>
                                            </div>
                                            <div class="title">
                                                <p>
                                                    Messages
                                                </p>
                                            </div>
                                        </div>
                                        <div class="li-right">
                                            <i class="ion-ios-email"></i>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- end stats section -->
                                <!-- start shortcuts section -->
                                <div class="shortcuts-section">
                                    <div class="section-heading">
                                        <i class="ion-shuffle"></i>
                                        <p>
                                            Shortcuts
                                        </p>
                                    </div>
                                    <div class="section-body">
                                        <ul>
                                            <li>
                                                <a href="{{url('/adminDashboard/contact/edit')}}">
                                                    <div class="li-img">
                                                        <img src="{{asset("/dashboard/img/shortcuts/phone-call.png")}}" alt="img">
                                                    </div>
                                                    <div class="li-title">
                                                        <p>
                                                            Edit Contact Info
                                                        </p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="{{url('/adminDashboard/blog/add')}}">
                                                    <div class="li-img">
                                                        <img src="{{asset("dashboard/img/shortcuts/blog.png")}}" alt="img">
                                                    </div>
                                                    <div class="li-title">
                                                        <p>
                                                            Add Blog
                                                        </p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="{{url('/adminDashboard/branch/add')}}">
                                                    <div class="li-img">
                                                        <img src="{{asset("dashboard/img/shortcuts/managment.png")}}" alt="img">
                                                    </div>
                                                    <div class="li-title">
                                                        <p>
                                                            Add Branch
                                                        </p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="{{url('/adminDashboard/category/add')}}">
                                                    <div class="li-img">
                                                        <img src="{{asset("dashboard/img/shortcuts/add-service.png")}}" alt="img">
                                                    </div>
                                                    <div class="li-title">
                                                        <p>
                                                            Add Category
                                                        </p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/adminDashboard/product/add">
                                                    <div class="li-img">
                                                        <img src="{{asset("dashboard/img/shortcuts/shopping-cart.png")}}" alt="img">
                                                    </div>
                                                    <div class="li-title">
                                                        <p>
                                                            Add Product
                                                        </p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="{{url('/adminDashboard/message')}}">
                                                    <div class="li-img">
                                                        <img src="{{asset("dashboard/img/shortcuts/e-mail-envelope.png")}}" alt="img">
                                                    </div>
                                                    <div class="li-title">
                                                        <p>
                                                            Messages
                                                        </p>
                                                    </div>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <!-- end shortcuts section -->

                                <!-- /.modal -->
                            </div>
                        </section>
                   {{-- </div>--}}
                </div>
            </div>
        </div>
    </section>

@endsection