@extends('adminlte::page')

@section('title', 'Gestione Limiti Crediti')

@section('content_header')
    <h1>
        <i class="fas fa-cog mr-2"></i>
        Gestione Limiti Crediti - {{ $user->name }}
    </h1>
@stop

@section('content')
<div class="row">
    <div class="col-12">
        @if(session('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                {{ session('success') }}
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        @endif

        @if(session('error'))
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                {{ session('error') }}
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        @endif

        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Configurazione Limiti Crediti</h3>
            </div>
            <div class="card-body">
                <form action="{{ route('admin.crediti-limite.update', $user->id) }}" method="POST">
                    @csrf
                    @method('PUT')

                    <div class="form-group">
                        <label for="modalita">Modalità di Limitazione</label>
                        <select class="form-control @error('modalita') is-invalid @enderror" id="modalita" name="modalita" required>
                            <option value="portafoglio" {{ $limite->modalita === 'portafoglio' ? 'selected' : '' }}>Portafoglio (crediti scalati ad ogni utilizzo)</option>
                            <option value="limite_giornaliero" {{ $limite->modalita === 'limite_giornaliero' ? 'selected' : '' }}>Limite Giornaliero (limite massimo richieste al giorno)</option>
                        </select>
                        @error('modalita')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                        <small class="form-text text-muted">
                            <strong>Portafoglio:</strong> I crediti vengono scalati dal saldo ad ogni utilizzo.<br>
                            <strong>Limite Giornaliero:</strong> Limite massimo di richieste al giorno che si resetta automaticamente a mezzanotte.
                        </small>
                    </div>

                    <div class="form-group" id="limite_giornaliero_group" style="display: {{ $limite->modalita === 'limite_giornaliero' ? 'block' : 'none' }};">
                        <label for="limite_giornaliero">Limite Giornaliero</label>
                        <input type="number" class="form-control @error('limite_giornaliero') is-invalid @enderror" 
                               id="limite_giornaliero" name="limite_giornaliero" 
                               value="{{ $limite->limite_giornaliero }}" 
                               min="1" max="1000" 
                               {{ $limite->modalita === 'limite_giornaliero' ? 'required' : '' }}>
                        @error('limite_giornaliero')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                        <small class="form-text text-muted">
                            Numero massimo di richieste API Gemini consentite al giorno. Il contatore si resetta automaticamente a mezzanotte.
                        </small>
                    </div>

                    <div class="form-group">
                        <label>Stato Attuale</label>
                        <div class="info-box bg-info">
                            <span class="info-box-icon"><i class="fas fa-chart-line"></i></span>
                            <div class="info-box-content">
                                <span class="info-box-text">Richieste Oggi</span>
                                <span class="info-box-number">{{ $limite->richieste_oggi }} / {{ $limite->limite_giornaliero }}</span>
                                <div class="progress">
                                    <div class="progress-bar" style="width: {{ $limite->limite_giornaliero > 0 ? ($limite->richieste_oggi / $limite->limite_giornaliero * 100) : 0 }}%"></div>
                                </div>
                                <span class="progress-description">
                                    Ultimo reset: {{ $limite->ultimo_reset ? $limite->ultimo_reset->format('d/m/Y') : 'Mai' }}
                                </span>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <button type="submit" class="btn btn-primary">
                            <i class="fas fa-save mr-1"></i> Salva Configurazione
                        </button>
                        @if($limite->modalita === 'limite_giornaliero')
                            <a href="{{ route('admin.crediti-limite.reset', $user->id) }}" 
                               class="btn btn-warning" 
                               onclick="return confirm('Sei sicuro di voler resettare il contatore giornaliero?')">
                                <i class="fas fa-redo mr-1"></i> Reset Contatore
                            </a>
                        @endif
                        <a href="{{ route('dieta.manage-credit', $user->id) }}" class="btn btn-secondary">
                            <i class="fas fa-arrow-left mr-1"></i> Torna alla Gestione Crediti
                        </a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@stop

@section('js')
<script>
    // Mostra/nascondi campo limite_giornaliero in base alla modalità selezionata
    document.getElementById('modalita').addEventListener('change', function() {
        const limiteGroup = document.getElementById('limite_giornaliero_group');
        const limiteInput = document.getElementById('limite_giornaliero');
        
        if (this.value === 'limite_giornaliero') {
            limiteGroup.style.display = 'block';
            limiteInput.setAttribute('required', 'required');
        } else {
            limiteGroup.style.display = 'none';
            limiteInput.removeAttribute('required');
        }
    });

    // Auto-hide alerts after 5 seconds
    setTimeout(function() {
        $('.alert').fadeOut('slow');
    }, 5000);
</script>
@stop