@extends('admin.layouts.admin')

@section('content')
<div class="main-side">
    <div class="main-title">
        <div class="small">
            الرئيسية
        </div>
        <div class="large">
            لوحة التحكم
        </div>
    </div>
            <div class="row g-3 mb-4">
                <div class="col-12 col-md-6 col-xl-4">
                    <div class="box-data box-blue">
                        <div class="bar-name">
                            <h5 class="name">الباحثين عن العمل</h5>
                            <div class="box-icon">
                                <img src="{{ asset('admin-asset/img') }}/icons/user-groub.png" alt="icon">
                            </div>
                        </div>
                        <h4 class="amount">560</h4>
                        <a href="#" class="more">
                            المزيد من المعلومات
                            <img src="{{ asset('admin-asset/img') }}/icons/arrow.svg" alt="arrow icon">
                        </a>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-xl-4">
                    <div class="box-data box-orange">
                        <div class="bar-name">
                            <h5 class="name">الوظائف الحكومية</h5>
                            <div class="box-icon">
                                <i class="fa-solid fa-scale-balanced"></i>
                            </div>
                        </div>
                        <h4 class="amount">120</h4>
                        <a href="#" class="more">
                            المزيد من المعلومات
                            <img src="{{ asset('admin-asset/img') }}/icons/arrow.svg" alt="arrow icon">
                        </a>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-xl-4">
                    <div class="box-data box-purple">
                        <div class="bar-name">
                            <h5 class="name">اعلانات الوظائف</h5>
                            <div class="box-icon">
                                <img src="{{ asset('admin-asset/img') }}/icons/contract-white.svg" alt="icon">
                            </div>
                        </div>
                        <h4 class="amount">205</h4>
                        <a href="#" class="more">
                            المزيد من المعلومات
                            <img src="{{ asset('admin-asset/img') }}/icons/arrow.svg" alt="arrow icon">
                        </a>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-xl-4">
                    <div class="box-data box-main-color">
                        <div class="bar-name">
                            <h5 class="name">الدورات</h5>
                            <div class="box-icon">
                                <img src="{{ asset('admin-asset/img') }}/icons/contract-white.svg" alt="icon">
                            </div>
                        </div>
                        <h4 class="amount">132</h4>
                        <a href="#" class="more">
                            المزيد من المعلومات
                            <img src="{{ asset('admin-asset/img') }}/icons/arrow.svg" alt="arrow icon">
                        </a>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-xl-4">
                    <div class="box-data box-green">
                        <div class="bar-name">
                            <h5 class="name">المدربين</h5>
                            <div class="box-icon">
                                <img src="{{ asset('admin-asset/img') }}/icons/user-groub.png" alt="icon">
                            </div>
                        </div>
                        <h4 class="amount">132</h4>
                        <a href="#" class="more">
                            المزيد من المعلومات
                            <img src="{{ asset('admin-asset/img') }}/icons/arrow.svg" alt="arrow icon">
                        </a>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-xl-4">
                    <div class="box-data box-red">
                        <div class="bar-name">
                            <h5 class="name">المتدربين</h5>
                            <div class="box-icon">
                                <img src="{{ asset('admin-asset/img') }}/icons/user-groub.png" alt="icon">
                            </div>
                        </div>
                        <h4 class="amount">132</h4>
                        <a href="#" class="more">
                            المزيد من المعلومات
                            <img src="{{ asset('admin-asset/img') }}/icons/arrow.svg" alt="arrow icon">
                        </a>
                    </div>
                </div>
                <div class="col-12 col-md-6">
                    <div class="box-data box-blue">
                        <div class="bar-name">
                            <h5 class="name">اصحاب العمل</h5>
                            <div class="box-icon">
                                <img src="{{ asset('admin-asset/img') }}/icons/user-groub.png" alt="icon">
                            </div>
                        </div>
                        <h4 class="amount">132</h4>
                        <a href="#" class="more">
                            المزيد من المعلومات
                            <img src="{{ asset('admin-asset/img') }}/icons/arrow.svg" alt="arrow icon">
                        </a>
                    </div>
                </div>
                <div class="col-12 col-md-6">
                    <div class="box-data box-purple">
                        <div class="bar-name">
                            <h5 class="name">الباقات</h5>
                            <div class="box-icon">
                                <img src="{{ asset('admin-asset/img') }}/icons/contract-white.svg" alt="icon">
                            </div>
                        </div>
                        <h4 class="amount">132</h4>
                        <a href="#" class="more">
                            المزيد من المعلومات
                            <img src="{{ asset('admin-asset/img') }}/icons/arrow.svg" alt="arrow icon">
                        </a>
                    </div>
                </div>
            </div>
            <div class="row g-3">
                <div class="col-12 col-md-12">
                    <h4 class="main-color fw-bold">روابط سريعة :</h4>
                </div>
                <div class="col-12 col-md-6">
                    <div class="box-data box-main-color">
                        <div class="bar-name">
                            <h5 class="name">المشرفين</h5>
                            <div class="box-icon">
                                <img src="{{ asset('admin-asset/img') }}/icons/user-groub.png" alt="icon">
                            </div>
                        </div>
                        <h4 class="amount">6</h4>
                        <a href="#" class="more">
                            المزيد من المعلومات
                            <img src="{{ asset('admin-asset/img') }}/icons/arrow.svg" alt="arrow icon">
                        </a>
                    </div>
                </div>
                <div class="col-12 col-md-6">
                    <div class="box-data box-main-color">
                        <div class="bar-name">
                            <h5 class="name">الاشعارات</h5>
                            <div class="box-icon">
                                <img src="{{ asset('admin-asset/img') }}/icons/sppourt.png" alt="icon">
                            </div>
                        </div>
                        <h4 class="amount">12</h4>
                        <a href="#" class="more">
                            المزيد من المعلومات
                            <img src="{{ asset('admin-asset/img') }}/icons/arrow.svg" alt="arrow icon">
                        </a>
                    </div>
                </div>
                <div class="col-12 col-md-6">
                    <div class="box-data box-main-color">
                        <div class="bar-name">
                            <h5 class="name">اقسام الوظائف</h5>
                            <div class="box-icon">
                                <img src="{{ asset('admin-asset/img') }}/icons/doller.png" alt="icon">
                            </div>
                        </div>
                        <h4 class="amount">26</h4>
                        <a href="#" class="more">
                            المزيد من المعلومات
                            <img src="{{ asset('admin-asset/img') }}/icons/arrow.svg" alt="arrow icon">
                        </a>
                    </div>
                </div>
                <div class="col-12 col-md-6">
                    <div class="box-data box-main-color">
                        <div class="bar-name">
                            <h5 class="name">اتصل بنا</h5>
                            <div class="box-icon">
                                <img src="{{ asset('admin-asset/img') }}/icons/call.png" alt="icon">
                            </div>
                        </div>
                        <h4 class="amount">19</h4>
                        <a href="#" class="more">
                            المزيد من المعلومات
                            <img src="{{ asset('admin-asset/img') }}/icons/arrow.svg" alt="arrow icon">
                        </a>
                    </div>
                </div>
            </div>
</div>
@endsection