@extends('merchant.layouts.master')

@section('content')

    <!-- End of Topbar -->
    <div id="app">
        <!-- Begin Page Content -->
        <div class="container-fluid">

            <!-- Page Heading -->
            <h1 class="h3 mb-4 text-gray-800">
                <i class="fas fa-fw fa-tachometer-alt"></i> Dashboard
            </h1>

            <div class="row">

                <!-- Earnings (Monthly) Card Example -->
            {{--                <div class="col-xl-3 col-md-6 mb-4">--}}
            {{--                    <div class="card border-left-primary shadow h-100 py-2">--}}
            {{--                        <div class="card-body">--}}
            {{--                            <div class="row no-gutters align-items-center">--}}
            {{--                                <div class="col mr-2">--}}
            {{--                                    <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">Restaurants--}}
            {{--                                    </div>--}}
            {{--                                    <div class="h5 mb-0 font-weight-bold text-gray-800">100</div>--}}
            {{--                                </div>--}}
            {{--                                <div class="col-auto">--}}
            {{--                                    <i class="fas fa-utensils fa-2x text-gray-300"></i>--}}
            {{--                                </div>--}}
            {{--                            </div>--}}
            {{--                        </div>--}}
            {{--                    </div>--}}
            {{--                </div>--}}

            <!-- Earnings (Monthly) Card Example -->
                <div class="col-xl-3 col-md-6 mb-4">
                    <div class="card border-left-success shadow h-100 py-2">
                        <div class="card-body">
                            <div class="row no-gutters align-items-center">
                                <div class="col mr-2">
                                    <div class="text-xs font-weight-bold text-success text-uppercase mb-1">Food Items
                                    </div>
                                    <div
                                        class="h5 mb-0 font-weight-bold text-gray-800">{{Auth::user()->restaurant->foodItems->count()}}</div>
                                </div>
                                <div class="col-auto">
                                    <i class="fas fa-hamburger fa-2x text-gray-300"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


            </div>

        </div>
        <!-- /.container-fluid -->
    </div>

    <!-- End of Main Content -->


@endsection