@extends('admin.layout.app')
@section('content')
    <!-- Content wrapper -->
    <div class="content-wrapper">
        <!-- Content -->

        <div class="container-xxl flex-grow-1 container-p-y">
            <div class="row">
                <div class="col-lg-8 mb-4 order-0">
                    <div class="card">
                        <div class="d-flex align-items-end row">
                            <div class="col-sm-7">
                                <div class="card-body">
                                    <h5 class="card-title text-primary">Welcome Admin! 🎉</h5>
                                </div>
                            </div>
                            <div class="col-sm-5 text-center text-sm-left">
                                <div class="card-body pb-0 px-0 px-md-4">
                                    <img
                                        src="{{asset('admin/assets/img/illustrations/man-with-laptop-light.png')}}"
                                        height="140"
                                        alt="View Badge User"
                                        data-app-dark-img="illustrations/man-with-laptop-dark.png"
                                        data-app-light-img="illustrations/man-with-laptop-light.png"
                                    />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 order-1">
                    <div class="row">
                        <div class="col-lg-6 col-md-12 col-6 mb-4">
                            <div class="card">
                                <div class="card-body">
                                    <div class="card-title d-flex align-items-start justify-content-between">
                                        <div class="avatar flex-shrink-0">
                                            <img
                                                src="{{asset('admin/assets/img/icons/unicons/chart-success.png')}}"
                                                alt="chart success"
                                                class="rounded"
                                            />
                                        </div>
                                    </div>
                                    <span class="fw-semibold d-block mb-1">Active Jobs</span>
                                    <h3 class="card-title mb-2">{{$applications->where('status',1)->count()}}</h3>

                                </div>
                            </div>
                        </div>
                        <div class="col-6 mb-4">
                            <div class="card">
                                <div class="card-body">
                                    <div class="card-title d-flex align-items-start justify-content-between">
                                        <div class="avatar flex-shrink-0">
                                            <img src="{{asset('admin/assets/img/icons/unicons/paypal.png')}}"
                                                 alt="Credit Card"
                                                 class="rounded"/>
                                        </div>
                                    </div>
                                    <span class="d-block mb-1">Expired Jobs</span>
                                    <h3 class="card-title text-nowrap mb-2">{{$applications->where('status',0)->count()}}</h3>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Total Revenue -->
                <div class="col-12 col-lg-8 order-2 order-md-3 order-lg-2 mb-4">
                    <div class="card">
                        <div class="row row-bordered g-0">
                            <div class="col-md-12">
                                <h5 class="card-header m-0 me-2 pb-3">Total Jobs</h5>
                                <div id="totalRevenueChart" class="px-2"></div>
                            </div>

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

            </div>
        </div>

    </div>
    <!-- / Content -->



    <div class="content-backdrop fade"></div>

@endsection