@extends('adminlte::page')

@section('title', 'Gestione Crediti Piani di Allenamento')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">
                        <i class="fas fa-dumbbell mr-2"></i>
                        Gestione Crediti Piani di Allenamento - {{ $user->name }}
                    </h3>
                </div>
                <div class="card-body">
                    <!-- Saldo Attuale -->
                    <div class="row mb-4">
                        <div class="col-md-6">
                            <div class="info-box bg-info">
                                <span class="info-box-icon"><i class="fas fa-coins"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Saldo Attuale</span>
                                    <span class="info-box-number">{{ $saldo }}</span>
                                    <span class="info-box-text">crediti disponibili</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Azioni -->
                    <div class="row mb-4">
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="card-title">Azioni</h4>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <!-- Aggiungi Crediti -->
                                        <div class="col-md-4">
                                            <div class="card card-success">
                                                <div class="card-header">
                                                    <h5 class="card-title">
                                                        <i class="fas fa-plus-circle mr-2"></i>
                                                        Aggiungi Crediti
                                                    </h5>
                                                </div>
                                                <div class="card-body">
                                                    <form action="{{ route('allenamento.add-credits', $user->id) }}" method="POST">
                                                        @csrf
                                                        <div class="form-group">
                                                            <label for="crediti">Numero di crediti</label>
                                                            <input type="number" class="form-control" id="crediti" name="crediti" min="1" max="1000" required>
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="descrizione">Descrizione (opzionale)</label>
                                                            <input type="text" class="form-control" id="descrizione" name="descrizione" placeholder="Es. Aggiunta crediti per piani di allenamento">
                                                        </div>
                                                        <button type="submit" class="btn btn-success btn-block">
                                                            <i class="fas fa-plus mr-1"></i>
                                                            Aggiungi Crediti
                                                        </button>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>

                                        <!-- Rimuovi Crediti -->
                                        <div class="col-md-4">
                                            <div class="card card-warning">
                                                <div class="card-header">
                                                    <h5 class="card-title">
                                                        <i class="fas fa-minus-circle mr-2"></i>
                                                        Rimuovi Crediti
                                                    </h5>
                                                </div>
                                                <div class="card-body">
                                                    <form action="{{ route('allenamento.remove-credits', $user->id) }}" method="POST">
                                                        @csrf
                                                        <div class="form-group">
                                                            <label for="crediti_remove">Numero di crediti</label>
                                                            <input type="number" class="form-control" id="crediti_remove" name="crediti" min="1" max="1000" required>
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="descrizione_remove">Descrizione (opzionale)</label>
                                                            <input type="text" class="form-control" id="descrizione_remove" name="descrizione" placeholder="Es. Rimozione crediti per piani di allenamento">
                                                        </div>
                                                        <button type="submit" class="btn btn-warning btn-block">
                                                            <i class="fas fa-minus mr-1"></i>
                                                            Rimuovi Crediti
                                                        </button>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>

                                        <!-- Reset Crediti -->
                                        <div class="col-md-4">
                                            <div class="card card-danger">
                                                <div class="card-header">
                                                    <h5 class="card-title">
                                                        <i class="fas fa-trash mr-2"></i>
                                                        Reset Crediti
                                                    </h5>
                                                </div>
                                                <div class="card-body">
                                                    <p class="text-muted">
                                                        Azzera tutti i crediti dell'utente a zero.
                                                    </p>
                                                    <form action="{{ route('allenamento.reset-credits', $user->id) }}" method="POST" onsubmit="return confirm('Sei sicuro di voler azzerare tutti i crediti di questo utente?')">
                                                        @csrf
                                                        <button type="submit" class="btn btn-danger btn-block">
                                                            <i class="fas fa-trash mr-1"></i>
                                                            Reset Crediti
                                                        </button>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Cronologia Transazioni -->
                    <div class="row">
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="card-title">
                                        <i class="fas fa-history mr-2"></i>
                                        Cronologia Transazioni
                                    </h4>
                                </div>
                                <div class="card-body">
                                    <div class="table-responsive">
                                        <table class="table table-striped">
                                            <thead>
                                                <tr>
                                                    <th>Data</th>
                                                    <th>Tipo</th>
                                                    <th>Importo</th>
                                                    <th>Descrizione</th>
                                                    <th>Saldo</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @php $saldoCorrente = 0; @endphp
                                                @foreach($transazioni as $transazione)
                                                    @php
                                                        $saldoCorrente += $transazione->importo;
                                                        $tipoClass = '';
                                                        $tipoIcon = '';
                                                        switch($transazione->Tipo) {
                                                            case 'Top-Up':
                                                                $tipoClass = 'text-success';
                                                                $tipoIcon = 'fas fa-plus-circle';
                                                                break;
                                                            case 'Consumo':
                                                                $tipoClass = 'text-danger';
                                                                $tipoIcon = 'fas fa-minus-circle';
                                                                break;
                                                            case 'Top-Down':
                                                                $tipoClass = 'text-warning';
                                                                $tipoIcon = 'fas fa-minus-circle';
                                                                break;
                                                            case 'Reset':
                                                                $tipoClass = 'text-danger';
                                                                $tipoIcon = 'fas fa-trash';
                                                                break;
                                                        }
                                                    @endphp
                                                    <tr>
                                                        <td>{{ $transazione->created_at->format('d/m/Y H:i') }}</td>
                                                        <td>
                                                            <span class="{{ $tipoClass }}">
                                                                <i class="{{ $tipoIcon }} mr-1"></i>
                                                                {{ $transazione->Tipo }}
                                                            </span>
                                                        </td>
                                                        <td>
                                                            <span class="{{ $transazione->importo >= 0 ? 'text-success' : 'text-danger' }}">
                                                                {{ $transazione->importo >= 0 ? '+' : '' }}{{ $transazione->importo }}
                                                            </span>
                                                        </td>
                                                        <td>{{ $transazione->Descrizione ?: 'N/A' }}</td>
                                                        <td>{{ $saldoCorrente }}</td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                    
                                    <!-- Paginazione -->
                                    <div class="d-flex justify-content-center">
                                        {{ $transazioni->links() }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@if(session('success'))
    <script>
        $(document).ready(function() {
            toastr.success("{{ session('success') }}");
        });
    </script>
@endif

@if(session('error'))
    <script>
        $(document).ready(function() {
            toastr.error("{{ session('error') }}");
        });
    </script>
@endif

@if(session('info'))
    <script>
        $(document).ready(function() {
            toastr.info("{{ session('info') }}");
        });
    </script>
@endif
@endsection