@extends('layouts.master')
@extends('layouts.Header')
@extends('layouts.Sidebar')
@section('Content')
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1>
                            <i class="fas fa-home"></i> Home
                        </h1>
                    </div>
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item"><a href="/Home">Home</a></li>
                        </ol>
                    </div>
                </div>
            </div><!-- /.container-fluid -->
        </section>

        <!-- Main content -->
        <section class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12 col-sm-6 col-md-3 count-info-box">
                        <div class="info-box">
                            <span class="info-box-icon bg-info elevation-1"><i class="fas fa-shopping-cart"></i></span>
                            <div class="info-box-content">
                                <span class="info-box-text">{{ __('Dashboard.top_count_delivery') }}</span>
                                <span class="info-box-number">
                                    {{ number_format($TodayDelivery) }}
                                </span>
                            </div>

                        </div>

                    </div>

                    <div class="col-12 col-sm-6 col-md-3 count-info-box">
                        <div class="info-box mb-3">
                            <span class="info-box-icon bg-danger elevation-1"><i class="fas fa-check-double"></i></span>
                            <div class="info-box-content">
                                <span class="info-box-text">{{ __('Dashboard.top_count_receive') }}</span>
                                <span class="info-box-number">{{ $TodayReceive }}</span>
                            </div>

                        </div>

                    </div>


                    <div class="clearfix hidden-md-up"></div>
                    <div class="col-12 col-sm-6 col-md-3 count-info-box">
                        <div class="info-box mb-3">
                            <span class="info-box-icon bg-success elevation-1"><i class="fas fa-thumbs-up"></i></span>
                            <div class="info-box-content">
                                <span class="info-box-text">{{ __('Dashboard.top_count_booking') }}</span>
                                <span class="info-box-number">{{ $TodayBooking }}</span>
                            </div>

                        </div>

                    </div>

                    <div class="col-12 col-sm-6 col-md-3 count-info-box">
                        <div class="info-box mb-3">
                            <span class="info-box-icon bg-warning elevation-1"><i class="fas fa-users"></i></span>
                            <div class="info-box-content">
                                <span class="info-box-text">{{ __('Dashboard.top_count_customers') }}</span>
                                <span class="info-box-number">2,000</span>
                            </div>

                        </div>

                    </div>

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

            <div class="container-fluid">



                <div class="row">

                    <div class="col-md-8">

                        <div class="card">
                            <div class="card-header border-transparent">
                                <h3 class="card-title">{{ __('Dashboard.latest_orders') }}</h3>
                                <div class="card-tools">
                                    <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                        <i class="fas fa-minus"></i>
                                    </button>
                                    <button type="button" class="btn btn-tool" data-card-widget="remove">
                                        <i class="fas fa-times"></i>
                                    </button>
                                </div>
                            </div>

                            <div class="card-body p-0">
                                <div class="table-responsive">
                                    <table class="table m-0">
                                        <thead>
                                            <tr>
                                                <th>Order ID</th>
                                                <th>Customer Name</th>
                                                <th>Item Photo</th>
                                                <th>Item Code</th>
                                                <th>Status</th>
                                                <th>Booking Date</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($Orders as $Order)
                                                <tr>
                                                    <td><a href="/Order/Show/{{ $Order->id }}">RMC/{{ $Order->id }}</a></td>
                                                    <td>{{ $Order->customer_name }}</td>
                                                    <td class="">
                                                        <div class="image ml-2">
                                                            <img src="{{ asset('uploads/' . $Order->photo) }}"
                                                                class="img-circle elevation-2" alt="Item Image"
                                                                style="width: 30px!important;">
                                                        </div>
                                                    </td>
                                                    <td>{{ $Order->item_code }}</td>
                                                    <td><span class="badge badge-info">{{ $Order->status }}</span></td>
                                                    <td>
                                                        {{ date('d-m-Y', strtotime($Order->booking_date)) }}
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>

                            </div>


                        </div>
                    </div>

                    <div class="col-md-4">

                        <div class="info-box mb-3 bg-warning">
                            <span class="info-box-icon"><i class="fas fa-tag"></i></span>
                            <div class="info-box-content">
                                <span class="info-box-text">Total Item Stock</span>
                                <span class="info-box-number">{{ number_format($Items) }}</span>
                            </div>

                        </div>

                        <div class="info-box mb-3 bg-success">
                            <span class="info-box-icon"><i class="far fa-heart"></i></span>
                            <div class="info-box-content">
                                <span class="info-box-text">Total Bookings</span>
                                <span class="info-box-number">{{ number_format($Booking) }}</span>
                            </div>

                        </div>

                        <div class="info-box mb-3 bg-danger">
                            <span class="info-box-icon"><i class="fas fa-users-cog"></i></span>
                            <div class="info-box-content">
                                <span class="info-box-text">Total Staff</span>
                                <span class="info-box-number">{{ number_format($Users) }}</span>
                            </div>

                        </div>

                        <div class="info-box mb-3 bg-info">
                            <span class="info-box-icon"><i class="fas fa-rupee-sign"></i></span>
                            <div class="info-box-content">
                                <span class="info-box-text">Today's Collection</span>
                                <span class="info-box-number">163,921</span>
                            </div>
                        </div>
                    </div>
        </section>
        <!-- /.content -->
    </div>
@endsection

{{-- CSS --}}
@section('css')
    <style>
        .count-info-box:hover {
            cursor: pointer;
        }

        .info-box-number {
            font-size: 18px !important;
        }

    </style>
@endsection

@extends('layouts.Footer')