@extends('layouts.master')

@section('title', 'Espace vendeur - NafaPOS')

@section('page-title', 'Espace vendeur')

@section('content')

    <div class="mb-4">

        <h4 class="mb-1 fw-semibold">
            Bonjour, {{ auth()->user()->name }}
        </h4>

        <p class="text-muted mb-0">
            Bienvenue dans votre espace vendeur.
        </p>

    </div>

    <div class="row g-4">

        <div class="col-xl-4 col-md-6">

            <div class="card border-0 shadow-sm h-100">

                <div class="card-body">

                    <div class="d-flex align-items-center justify-content-between">

                        <div>

                            <p class="text-muted mb-1">
                                Ventes aujourd'hui
                            </p>

                            <h3 class="mb-0 fw-bold">
                                0
                            </h3>

                        </div>

                        <div
                            class="d-flex align-items-center justify-content-center rounded-3"
                            style="width:48px;height:48px;background:#eaf6ef;color:#198754;"
                        >
                            <i class="bi bi-cart-check fs-4"></i>
                        </div>

                    </div>

                </div>

            </div>

        </div>

        <div class="col-xl-4 col-md-6">

            <div class="card border-0 shadow-sm h-100">

                <div class="card-body">

                    <div class="d-flex align-items-center justify-content-between">

                        <div>

                            <p class="text-muted mb-1">
                                Total vendu
                            </p>

                            <h3 class="mb-0 fw-bold">
                                0 FCFA
                            </h3>

                        </div>

                        <div
                            class="d-flex align-items-center justify-content-center rounded-3"
                            style="width:48px;height:48px;background:#fff7e6;color:#f59e0b;"
                        >
                            <i class="bi bi-cash-stack fs-4"></i>
                        </div>

                    </div>

                </div>

            </div>

        </div>

        <div class="col-xl-4 col-md-6">

            <div class="card border-0 shadow-sm h-100">

                <div class="card-body">

                    <div class="d-flex align-items-center justify-content-between">

                        <div>

                            <p class="text-muted mb-1">
                                Clients
                            </p>

                            <h3 class="mb-0 fw-bold">
                                0
                            </h3>

                        </div>

                        <div
                            class="d-flex align-items-center justify-content-center rounded-3"
                            style="width:48px;height:48px;background:#eaf6ef;color:#198754;"
                        >
                            <i class="bi bi-people fs-4"></i>
                        </div>

                    </div>

                </div>

            </div>

        </div>

    </div>

    <div class="card border-0 shadow-sm mt-4">

        <div class="card-body">

            <div class="d-grid">

                <button class="btn btn-success btn-lg">

                    <i class="bi bi-cart-plus me-2"></i>

                    Nouvelle vente

                </button>

            </div>

        </div>

    </div>

@endsection