@extends('layouts.app_layout')

@section('title')
Dashboard
@endsection

@section('content')


@section('content')
@include('inc.errors')
@if (session('message'))
<h6 class="alert alert-success">
    {{ session('message') }}
</h6>
@endif

<div class="px-3">

    <div class=" bg-white rounded shadow-sm p-3 my-4">

        <div class="row g-4">
            <div class="col-3 ">
                <div class="sidebar text-white bg-gradient rounded-top  p-3">
                    <div class="d-flex">
                        <i class="fa-solid fa-location-dot fa-2x mx-2"></i>
                        <h3>40</h3>
                    </div>
                    <p>business location</p>

                </div>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
                    <path fill="#006492" fill-opacity="1" d="M0,256L40,240C80,224,160,192,240,165.3C320,139,400,117,480,117.3C560,117,640,139,720,170.7C800,203,880,245,960,266.7C1040,288,1120,288,1200,282.7C1280,277,1360,267,1400,261.3L1440,256L1440,0L1400,0C1360,0,1280,0,1200,0C1120,0,1040,0,960,0C880,0,800,0,720,0C640,0,560,0,480,0C400,0,320,0,240,0C160,0,80,0,40,0L0,0Z"></path>
                </svg>

            </div>
            <div class="col-3 ">
                <div class="bg-warning text-white bg-gradient rounded-top  p-3">
                    <div class="d-flex">
                        <i class="fa-solid fa-location-dot fa-2x mx-2"></i>
                        <h3>2</h3>
                    </div>
                    <p>Active business location</p>

                </div>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
                    <path fill="#ffc107" fill-opacity="1" d="M0,256L40,240C80,224,160,192,240,165.3C320,139,400,117,480,117.3C560,117,640,139,720,170.7C800,203,880,245,960,266.7C1040,288,1120,288,1200,282.7C1280,277,1360,267,1400,261.3L1440,256L1440,0L1400,0C1360,0,1280,0,1200,0C1120,0,1040,0,960,0C880,0,800,0,720,0C640,0,560,0,480,0C400,0,320,0,240,0C160,0,80,0,40,0L0,0Z"></path>
                </svg>

            </div>
            <div class="col-3 ">
                <div class="bg-danger text-white bg-gradient rounded-top  p-3">
                    <div class="d-flex">
                        <i class="fa-solid fa-location-dot fa-2x mx-2"></i>
                        <h3>10</h3>
                    </div>
                    <p>inActive business location</p>

                </div>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
                    <path fill="#ea7066" fill-opacity="1" d="M0,256L40,240C80,224,160,192,240,165.3C320,139,400,117,480,117.3C560,117,640,139,720,170.7C800,203,880,245,960,266.7C1040,288,1120,288,1200,282.7C1280,277,1360,267,1400,261.3L1440,256L1440,0L1400,0C1360,0,1280,0,1200,0C1120,0,1040,0,960,0C880,0,800,0,720,0C640,0,560,0,480,0C400,0,320,0,240,0C160,0,80,0,40,0L0,0Z"></path>
                </svg>

            </div>
            <div class="col-3 ">
                <div class="bg-info text-white bg-gradient rounded-top  p-3">
                    <div class="d-flex">
                        <i class="fa-solid fa-location-dot fa-2x mx-2"></i>
                        <h3>220</h3>
                    </div>
                    <p>Assignments</p>

                </div>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
                    <path fill="#0dcaf0" fill-opacity="1" d="M0,256L40,240C80,224,160,192,240,165.3C320,139,400,117,480,117.3C560,117,640,139,720,170.7C800,203,880,245,960,266.7C1040,288,1120,288,1200,282.7C1280,277,1360,267,1400,261.3L1440,256L1440,0L1400,0C1360,0,1280,0,1200,0C1120,0,1040,0,960,0C880,0,800,0,720,0C640,0,560,0,480,0C400,0,320,0,240,0C160,0,80,0,40,0L0,0Z"></path>
                </svg>

            </div>
            <div class="col-3 ">
                <div class="bg-primary text-white bg-gradient rounded-top  p-3">
                    <div class="d-flex">
                        <i class="fa-solid fa-location-dot fa-2x mx-2"></i>
                        <h3>3000</h3>
                    </div>
                    <p>submition</p>

                </div>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
                    <path fill="#0d6efd" fill-opacity="1" d="M0,256L40,240C80,224,160,192,240,165.3C320,139,400,117,480,117.3C560,117,640,139,720,170.7C800,203,880,245,960,266.7C1040,288,1120,288,1200,282.7C1280,277,1360,267,1400,261.3L1440,256L1440,0L1400,0C1360,0,1280,0,1200,0C1120,0,1040,0,960,0C880,0,800,0,720,0C640,0,560,0,480,0C400,0,320,0,240,0C160,0,80,0,40,0L0,0Z"></path>
                </svg>

            </div>
            <div class="col-3 ">
                <div class="bg-success text-white bg-gradient rounded-top  p-3">
                    <div class="d-flex">
                        <i class="fa-solid fa-graduation-cap fa-2x mx-2"></i>
                        <h3>200</h3>
                    </div>
                    <p>students</p>

                </div>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
                    <path fill="#198754" fill-opacity="1" d="M0,256L40,240C80,224,160,192,240,165.3C320,139,400,117,480,117.3C560,117,640,139,720,170.7C800,203,880,245,960,266.7C1040,288,1120,288,1200,282.7C1280,277,1360,267,1400,261.3L1440,256L1440,0L1400,0C1360,0,1280,0,1200,0C1120,0,1040,0,960,0C880,0,800,0,720,0C640,0,560,0,480,0C400,0,320,0,240,0C160,0,80,0,40,0L0,0Z"></path>
                </svg>

            </div>
            <div class="col-3 ">
                <div class="bg-secondary text-white bg-gradient rounded-top  p-3">
                    <div class="d-flex">
                        <i class="fa-solid fa-location-dot fa-2x mx-2"></i>
                        <h3>4000</h3>
                    </div>
                    <p>trainer</p>

                </div>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
                    <path fill="#6c757d" fill-opacity="1" d="M0,256L40,240C80,224,160,192,240,165.3C320,139,400,117,480,117.3C560,117,640,139,720,170.7C800,203,880,245,960,266.7C1040,288,1120,288,1200,282.7C1280,277,1360,267,1400,261.3L1440,256L1440,0L1400,0C1360,0,1280,0,1200,0C1120,0,1040,0,960,0C880,0,800,0,720,0C640,0,560,0,480,0C400,0,320,0,240,0C160,0,80,0,40,0L0,0Z"></path>
                </svg>

            </div>
            <div class="col-3 ">
                <div class="sidebar text-white bg-gradient rounded-top  p-3">
                    <div class="d-flex">
                        <i class="fa-solid fa-location-dot fa-2x mx-2"></i>
                        <h3>400</h3>
                    </div>
                    <p>Admins</p>

                </div>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
                    <path fill="#006492" fill-opacity="1" d="M0,256L40,240C80,224,160,192,240,165.3C320,139,400,117,480,117.3C560,117,640,139,720,170.7C800,203,880,245,960,266.7C1040,288,1120,288,1200,282.7C1280,277,1360,267,1400,261.3L1440,256L1440,0L1400,0C1360,0,1280,0,1200,0C1120,0,1040,0,960,0C880,0,800,0,720,0C640,0,560,0,480,0C400,0,320,0,240,0C160,0,80,0,40,0L0,0Z"></path>
                </svg>

            </div>
        </div>

        <table class="table table-bordered mt-5 table-striped">
            <thead>
                <th>Name</th>
                <th>Owner</th>
                <th>Phone</th>
                <th>Email</th>
                <th>Start Date</th>
            </thead>
            <tbody>
                <tr>
                    <td>Ahmed</td>
                    <td>ALi</td>
                    <td>01055454545</td>
                    <td>Ahmed@gmail.com</td>
                    <td>2022/5/2</td>
                </tr>
                <tr>
                    <td>Ahmed</td>
                    <td>ALi</td>
                    <td>01055454545</td>
                    <td>Ahmed@gmail.com</td>
                    <td>2022/5/2</td>
                </tr>
                <tr>
                    <td>Ahmed</td>
                    <td>ALi</td>
                    <td>01055454545</td>
                    <td>Ahmed@gmail.com</td>
                    <td>2022/5/2</td>
                </tr>
                <tr>
                    <td>Ahmed</td>
                    <td>ALi</td>
                    <td>01055454545</td>
                    <td>Ahmed@gmail.com</td>
                    <td>2022/5/2</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>


@endsection