@extends('layouts.master')

@section('title', 'Tableau de bord - NafaPOS')

@section('page-title', 'Tableau de bord')

@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 de gestion.

            @if(auth()->user()->company)
                <strong>
                    {{ auth()->user()->company->name }}
                </strong>
            @endif

        </p>

    </div>

    <div class="row g-4">

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

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

                <div class="card-body">

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

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

                </div>

            </div>

        </div>

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

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

                <div class="card-body">

                    <p class="text-muted mb-1">
                        Ventes du jour
                    </p>

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

                </div>

            </div>

        </div>

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

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

                <div class="card-body">

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

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

                </div>

            </div>

        </div>

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

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

                <div class="card-body">

                    <p class="text-muted mb-1">
                        Chiffre d'affaires
                    </p>

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

                </div>

            </div>

        </div>

    </div>

    <div class="row g-4 mb-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 justify-content-between align-items-start">
                        <div>
                            <span class="text-muted small">
                                Mon abonnement
                            </span>

                            <h5 class="fw-bold mt-2 mb-1">
                                {{ auth()->user()->company?->subscription?->plan?->name ?? 'Aucun plan' }}
                            </h5>
                        </div>

                        <div class="rounded-circle bg-success-subtle p-3">
                            <i class="bi bi-credit-card-2-front text-success fs-4"></i>
                        </div>

                    </div>

                    @php
                        $subscription = auth()->user()->company?->subscription;
                    @endphp

                    @if($subscription && $subscription->isActive())

                        <div class="mt-3">

                            <div class="d-flex justify-content-between mb-2">
                                <span class="text-muted small">
                                    Temps restant
                                </span>

                                <strong class="text-success">
                                    {{ $subscription->remainingDays() }}
                                    {{ $subscription->remainingDays() > 1 ? 'jours' : 'jour' }}
                                </strong>
                            </div>

                            <div class="progress" style="height: 7px;">

                                @php
                                    $duration = $subscription->plan?->duration_days ?? 1;

                                    $elapsed = max(
                                        0,
                                        $duration - $subscription->remainingDays()
                                    );

                                    $progress = min(
                                        100,
                                        max(0, ($elapsed / $duration) * 100)
                                    );
                                @endphp

                                <div class="progress-bar bg-success"
                                    style="width: {{ $progress }}%">
                                </div>

                            </div>

                            <small class="text-muted d-block mt-2">
                                Expire le
                                {{ $subscription->ends_at->format('d/m/Y à H:i') }}
                            </small>

                        </div>

                    @else

                        <div class="mt-3">

                            <span class="badge bg-danger-subtle text-danger px-3 py-2">
                                <i class="bi bi-exclamation-circle me-1"></i>
                                Abonnement expiré
                            </span>

                        </div>

                    @endif

                    <div class="mt-3">

                        <a href="{{ route('client.subscription.expired') }}"
                        class="btn btn-sm btn-outline-success">

                            <i class="bi bi-eye me-1"></i>
                            Voir mon abonnement

                        </a>

                    </div>

                </div>

            </div>

        </div>
    </div>
@endsection