@extends('layouts.app')

@section('titulo', 'Inicio')

@section('contenido')

    <div class="flex items-center justify-between mb-6">
        <h1 class="text-xl font-semibold text-slate-900">
            Resumen del negocio
            @if($company) — {{ $company->name }} @endif
        </h1>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5">

        {{-- Facturas por cobrar --}}
        <div class="bg-white rounded-lg border border-slate-200 p-5">
            <div class="flex items-center justify-between mb-3">
                <h2 class="text-sm font-semibold text-slate-700">Facturas por cobrar</h2>
                <a href="{{ route('sales.index') }}" class="text-xs text-sky-600 hover:underline">Ver todo</a>
            </div>
            <div class="flex items-end gap-6 mb-4">
                <div>
                    <p class="text-2xl font-semibold text-slate-900">${{ number_format($summary['invoices_owed']['total'], 2) }}</p>
                    <p class="text-xs text-slate-500">{{ $summary['invoices_owed']['count'] }} pendientes de pago</p>
                </div>
                <div>
                    <p class="text-2xl font-semibold text-rose-500">${{ number_format($summary['invoices_owed']['overdue'], 2) }}</p>
                    <p class="text-xs text-slate-500">{{ $summary['invoices_owed']['overdue_count'] }} vencidas</p>
                </div>
            </div>
            <a href="{{ route('sales.index') }}" class="inline-block text-sm font-medium text-white bg-[#1B3A57] rounded-md px-4 py-2 hover:bg-[#15293f]">
                Enviar facturas
            </a>
        </div>

        {{-- Cuentas por pagar --}}
        <div class="bg-white rounded-lg border border-slate-200 p-5">
            <div class="flex items-center justify-between mb-3">
                <h2 class="text-sm font-semibold text-slate-700">Cuentas por pagar</h2>
                <a href="{{ route('purchases.index') }}" class="text-xs text-sky-600 hover:underline">Ver todo</a>
            </div>
            <div class="flex items-end gap-6 mb-4">
                <div>
                    <p class="text-2xl font-semibold text-slate-900">${{ number_format($summary['bills_to_pay']['total'], 2) }}</p>
                    <p class="text-xs text-slate-500">{{ $summary['bills_to_pay']['count'] }} por pagar</p>
                </div>
                <div>
                    <p class="text-2xl font-semibold text-rose-500">${{ number_format($summary['bills_to_pay']['overdue'], 2) }}</p>
                    <p class="text-xs text-slate-500">{{ $summary['bills_to_pay']['overdue_count'] }} vencidas</p>
                </div>
            </div>
            <a href="{{ route('purchases.index') }}" class="inline-block text-sm font-medium text-slate-700 border border-slate-300 rounded-md px-4 py-2 hover:bg-slate-50">
                Agregar gasto
            </a>
        </div>

        {{-- Tareas --}}
        <div class="bg-white rounded-lg border border-slate-200 p-5">
            <h2 class="text-sm font-semibold text-slate-700 mb-3">Tareas</h2>
            <ul class="space-y-3 text-sm">
                <li class="flex items-start gap-2">
                    <span class="mt-1 w-1.5 h-1.5 rounded-full bg-amber-400 shrink-0"></span>
                    <span class="text-slate-600">{{ $summary['invoices_owed']['overdue_count'] }} facturas vencidas por cobrar</span>
                </li>
                <li class="flex items-start gap-2">
                    <span class="mt-1 w-1.5 h-1.5 rounded-full bg-amber-400 shrink-0"></span>
                    <span class="text-slate-600">{{ $summary['bills_to_pay']['overdue_count'] }} cuentas por pagar vencidas</span>
                </li>
                <li class="flex items-start gap-2">
                    <span class="mt-1 w-1.5 h-1.5 rounded-full bg-slate-300 shrink-0"></span>
                    <span class="text-slate-600">{{ $summary['expenses_to_review']['count'] }} gastos por revisar</span>
                </li>
            </ul>
        </div>

        {{-- Flujo de caja --}}
        <div class="bg-white rounded-lg border border-slate-200 p-5">
            <h2 class="text-sm font-semibold text-slate-700 mb-3">Flujo de caja</h2>
            <div class="flex items-end gap-6 mb-2">
                <div>
                    <p class="text-2xl font-semibold text-slate-900">${{ number_format($summary['cash']['in'], 2) }}</p>
                    <p class="text-xs text-slate-500">Ingresos</p>
                </div>
                <div>
                    <p class="text-2xl font-semibold text-slate-900">${{ number_format($summary['cash']['out'], 2) }}</p>
                    <p class="text-xs text-slate-500">Egresos</p>
                </div>
            </div>
            <p class="text-sm font-medium {{ $summary['cash']['diff'] >= 0 ? 'text-emerald-600' : 'text-rose-600' }}">
                Diferencia: ${{ number_format($summary['cash']['diff'], 2) }}
            </p>
        </div>

        {{-- Pérdidas y ganancias --}}
        <div class="bg-white rounded-lg border border-slate-200 p-5">
            <h2 class="text-sm font-semibold text-slate-700 mb-3">Pérdidas y ganancias</h2>
            <p class="text-2xl font-semibold text-slate-900">${{ number_format($summary['net_profit']['total'], 2) }}</p>
            <p class="text-xs text-slate-500">{{ $summary['net_profit']['period'] }}</p>
        </div>

        {{-- Gastos por revisar --}}
        <div class="bg-white rounded-lg border border-slate-200 p-5">
            <div class="flex items-center justify-between mb-3">
                <h2 class="text-sm font-semibold text-slate-700">Gastos por revisar</h2>
                <a href="{{ route('purchases.index') }}" class="text-xs text-sky-600 hover:underline">Gestionar</a>
            </div>
            <p class="text-2xl font-semibold text-slate-900">${{ number_format($summary['expenses_to_review']['amount'], 2) }}</p>
            <p class="text-xs text-slate-500">{{ $summary['expenses_to_review']['count'] }} por revisar</p>
        </div>

    </div>

@endsection