@extends('layouts.admin')
@section('content')

    <div class="app-content content">
        <div class="content-wrapper">
            <div class="content-header row">
            </div>
            <div class="content-body">
                <div id="crypto-stats-3" class="row">
                    <div class="col-xl-3 col-12">
                        <div class="card crypto-card-3 pull-up">
                            <div class="card-content">
                                <div class="card-body back1">
                                    <div class="row">
                                        <div class="col-2">
                                            <h1><i class="la la-archive info1 font-large-2 mar static1" title="BTC"></i>
                                            </h1>
                                        </div>
                                        <div class="col-10 pl-2">
                                            <h4 class="info1 mb-2"> عدد الخدمات </h4>
                                            <h4 class="total info1 text-center">
                                                {{ \App\Models\Service::count() }}</h4>
                                        </div>

                                    </div>
                                </div>
                                <!-- <div class="row">
                                                                                        <div class="col-12">
                                                                                            <canvas id="btc-chartjs" class="height-75"></canvas>
                                                                                        </div>
                                                                                    </div>-->
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-12">
                        <div class="card crypto-card-3 pull-up">
                            <div class="card-content">
                                <div class="card-body back2">
                                    <div class="row">
                                        <div class="col-2">
                                            <h1><i class="la la-clipboard info2 lighten-1 font-large-2 mar static2"
                                                    title="ETH"></i></h1>
                                        </div>
                                        <div class="col-10 pl-2">
                                            <h4 class="info2 mb-2">إجمالى الطلبات</h4>
                                            <h4 class="total info2 text-center">{{ \App\Models\Appointment::count() }}</h4>
                                        </div>

                                    </div>
                                </div>
                                <!-- <div class="row">
                                                                                        <div class="col-12">
                                                                                            <canvas id="eth-chartjs" class="height-75"></canvas>
                                                                                        </div>
                                                                                    </div>-->
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-12">
                        <div class="card crypto-card-3 pull-up">
                            <div class="card-content">
                                <div class="card-body back3">
                                    <div class="row">
                                        <div class="col-2">
                                            <h1><i class="la la-user info3 font-large-2 mar static3" title="XRP"></i>
                                            </h1>
                                        </div>
                                        <div class="col-10 pl-2">
                                            <h4 class="info3 mb-2">فريق العمل  </h4>
                                            <h4 class="total info3 text-center">
                                                {{ \App\Models\Empolyee::count() }}
                       </h4>
                                        </div>

                                    </div>
                                </div>
                                <!-- <div class="row">
                                                                                        <div class="col-12">
                                                                                            <canvas id="xrp-chartjs" class="height-75"></canvas>
                                                                                        </div>
                                                                                    </div>-->
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-12">
                        <div class="card crypto-card-3 pull-up">
                            <div class="card-content">
                                <div class="card-body  back4">
                                    <div class="row">
                                        <div class="col-2">
                                            <h1><i class="la la-list info4 font-large-2 mar static4" title="XRP"></i>
                                            </h1>
                                        </div>
                                        <div class="col-10 pl-2">
                                            <h4 class="info4 mb-2">عدد المقالات</h4>
                                            <h4 class="total info4 text-center">
                                                {{ \App\Models\Post::count() }}</h4>
                                        </div>

                                    </div>
                                </div>
                                <!-- <div class="row">
                                                                                        <div class="col-12">
                                                                                            <canvas id="xrp-chartjs" class="height-75"></canvas>
                                                                                        </div>
                                                                                    </div>-->
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Candlestick Multi Level Control Chart -->

                <!-- Sell Orders & Buy Order -->
                <div class="row match-height1">
                    <div class="col-12 col-xl-12">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="card-title">أحدث الطلبات </h4>
                                <a class="heading-elements-toggle"><i class="la la-ellipsis-v font-medium-3"></i></a>
                                <div class="heading-elements">
                                </div>
                            </div>
                            <div class="card-content">
                                @php
                                    // $orders_last = \App\Models\Appointment::where('status', 'approved')
                                    $orders_last = \App\Models\Appointment::limit(6)

                                        ->latest()
                                        ->get();
                                @endphp
                                <div class="table-responsive">
                                    <table class="table table-de mb-0">
                                        <thead>
                                            <tr>

                                                <th>الأسم</th>

                                                <th>الهاتف </th>


                                                <th> الحاله </th>

                                            </tr>
                                        </thead>
                                        <tbody>
                                            @if (isset($orders_last) && $orders_last->count() > 0)
                                                @foreach ($orders_last as $order_last)
                                                    <tr class="bg-primary bg-lighten-5">

                                                        <td> {{ $order_last->name }}</td>


                                                        <td>{{ $order_last->mobile }} </td>
                                                        <td>{{ $order_last->status }} </td>



                                                    </tr>
                                                @endforeach
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    {{--  <div class="col-12 col-xl-5">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="card-title">اخر العملاء</h4>
                                <a class="heading-elements-toggle"><i class="la la-ellipsis-v font-medium-3"></i></a>
                                <div class="heading-elements">
                                </div>
                            </div>
                            <div class="card-content">
                                <div class="table-responsive">
                                    <table class="table table-de mb-0">
                                        <thead>
                                            <tr>
                                                <th> العميل</th>
                                                <th>الموبايل</th>

                                            </tr>
                                        </thead>
                                        <tbody>
                                            @php
                                                $users_last = \App\Models\User::where('status', 1)
                                                    ->where('type', 'customer')
                                                    ->where('name', '<>', '')
                                                    ->limit(10)
                                                    ->latest()
                                                    ->get();
                                            @endphp
                                            @if (isset($users_last) && $users_last->count() > 0)
                                                @foreach ($users_last as $user_last)
                                                    <tr class="bg-primary bg-lighten-5">
                                                        <td>{{ $user_last->name }}</td>
                                                        <td>{{ $user_last->mobile }}</td>
                                                        <!--  <td><i class="cc BTC-alt"></i> </td> -->

                                                    </tr>
                                                @endforeach
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div> --}}
                </div>
                <!--/ Sell Orders & Buy Order -->

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

@stop