@extends('app')
@section('content')
    @include('layout.home_link_header')
    <div class="home-container  mb-5 mt-5 mt-lg-0 px-2 px-lg-5">

        <div class="container-fluid ">
            <div class="what-admin-dashboard admin-dashboard mt-3">
                <div class="d-lg-flex justify-content-lg-between">
                    <div class="text-start mb-3 mt-2">
                    <p class="tab-heading head-left">Welcome to the Campaign Manager/Administrator’s Dashboard</p>
                </div>
                </div>

                <div class="row">
                    <div class="col-xl-8 pd-sm-4">
                        <div>
                             <video class="video-tag w-100" controls>
                                <source type="video/mp4" src="{{ Vite::asset('resources/videos/fms_training_video_administrative_dashboard.mp4') }}">
                                Your browser does not support the video tag.
                            </video>
                        </div>
                    </div>
                    <div class="col-xl-4">
                        <div class="admin-dashboard-img-div mt-3 mt-lg-0 admin-dashboard-img-home admin-dashboard-img-page">
                            <img class="img-border" loading="auto|eager|lazy" src="{{ Vite::asset('resources/images/admin_dashboard.webp') }}"
                                alt="admin_dashboard">
                        </div>
                    </div>
                    <div class=" col-xl-12 py-5 py-sm-3 text-center">
                        <a class="px-3 py-3 mb-3 btn btn-blue" href="{{ '/register' }}">
                            Start Your Campaign Today in Just 5 Minutes!
                        </a>
                    </div>

                    <div class="col-xl-12 ">
                        <div class="row mt-2 mt-xl-1">
                            <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                                <div class="admin-card text-center">
                                    Activity Campaign Manager / Administrator / Fundraiser Details
                                </div>
                            </div>
                            <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                                <div class="admin-card text-center">
                                    Influencer/Participant Registration List
                                </div>
                            </div>
                            <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                                <div class="admin-card text-center">
                                    Total Sales
                                </div>
                            </div>
                            <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                                <div class="admin-card text-center">
                                    Total Extra Donations
                                </div>
                            </div>
                            <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                                <div class="admin-card text-center">
                                    Campaign Manager / Administrator can notify all supporters with one click
                                </div>
                            </div>
                            <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                                <div class="admin-card text-center">
                                    Campaign Manager / Administrator can notify all Influencer/Participant with one click
                                </div>
                            </div>
                            <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                                <div class="admin-card text-center">
                                    Total Money Raised
                                </div>
                            </div>
                            <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                                <div class="admin-card text-center">
                                    Total Money Raised Going to Campaign Manager / Administrator
                                </div>
                            </div>
                            <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                                <div class="admin-card text-center">
                                    Shows App Sales Goal
                                </div>
                            </div>
                            <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                                <div class="admin-card text-center">
                                    Apps sold in Real Time
                                </div>
                            </div>
                            <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                                <div class="admin-card text-center">
                                    Export Influencer/Participant List
                                </div>
                            </div>
                            <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                                <div class="admin-card text-center">
                                    Submit to be paid Tab
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>


        </div>
    </div>
    @include('layout.home_footer')
    @Vite(['resources/js/home.js'])
@endsection