@extends('layouts.app')

@section('title', 'Meses')

@section('content')
<div class="row">
    <div class="col-12">
        <h2 class="mb-4">Meses de Trabajo</h2>
    </div>
</div>

<div class="row mb-4">
    <div class="col-md-6">
        <a href="{{ route('months.create') }}" class="btn btn-primary">
            <i class="bi bi-plus-circle"></i> Crear Nuevo Mes
        </a>
    </div>
</div>

<!-- Lista de meses -->
<div class="row">
    @forelse($months as $month)
        <div class="col-md-4 col-lg-3 mb-4">
            <div class="card h-100">
                <div class="card-header">
                    <h5 class="mb-0">{{ $month->name }} {{ $month->year }}</h5>
                </div>
                <div class="card-body">
                    <p class="mb-1">
                        <strong>Estado:</strong> 
                        @if($month->status === 'open')
                            <span class="badge bg-success">Abierto</span>
                        @elseif($month->status === 'closed')
                            <span class="badge bg-warning">Cerrado</span>
                        @else
                            <span class="badge bg-info">Pagado</span>
                        @endif
                    </p>
                    <p class="mb-1">
                        <small class="text-muted">ISR: </small>
                        @if($month->isrTable)
                            <span class="badge bg-primary">{{ $month->isrTable->year }}</span>
                        @else
                            <span class="badge bg-secondary">Sin ISR</span>
                        @endif
                    </p>
                    <p class="mb-1"><small class="text-muted">Ventas: ${{ number_format($month->dailySales()->sum('user_sales'), 2) }}</small></p>
                    <p class="mb-0"><small class="text-muted">Gastos: ${{ number_format($month->expenses()->sum('amount'), 2) }}</small></p>
                </div>
                <div class="card-footer bg-transparent">
                    <a href="{{ route('months.show', $month->id) }}" class="btn btn-sm btn-primary">Ver Detalles</a>
                    <a href="{{ route('months.edit', $month->id) }}" class="btn btn-sm btn-secondary">Editar</a>
                </div>
            </div>
        </div>
    @empty
        <div class="col-12">
            <div class="alert alert-info">
                No hay meses registrados. 
                <a href="{{ route('months.create') }}">Crea tu primer mes</a>
            </div>
        </div>
    @endforelse
</div>

{{ $months->links() }}
@endsection