@extends('adminlte::page')

@section('title', 'Piani Alimentari in Sospeso')

@section('content_header')
    <h1>
        <i class="fas fa-clock mr-2"></i>
        Piani Alimentari in Sospeso
    </h1>
@stop

@section('content')
    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            <i class="fas fa-check-circle mr-2"></i>
            {{ 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">
            <i class="fas fa-exclamation-circle mr-2"></i>
            {{ session('error') }}
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif
    
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">
                        <i class="fas fa-list mr-2"></i>
                        Richieste in Attesa di Processamento
                    </h3>
                </div>
                <div class="card-body table-responsive p-0">
                    @if($richiesteSospese->count() > 0)
                        <table class="table table-hover text-nowrap">
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Data Richiesta</th>
                                    <th>Cliente</th>
                                    <th>Stato</th>
                                    <th>Azioni</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($richiesteSospese as $richiesta)
                                    <tr>
                                        <td>{{ $richiesta->id }}</td>
                                        <td>
                                            <i class="fas fa-calendar mr-1"></i>
                                            {{ $richiesta->data_richiesta->format('d/m/Y H:i') }}
                                        </td>
                                        <td>
                                            @if(isset($richiesta->dati_richiesta['cliente_id']) && $richiesta->dati_richiesta['cliente_id'])
                                                @php
                                                    $cliente = \App\Models\Clienti::find($richiesta->dati_richiesta['cliente_id']);
                                                @endphp
                                                @if($cliente)
                                                    <i class="fas fa-user mr-1"></i>
                                                    {{ $cliente->Nome }}
                                                @else
                                                    <span class="text-muted">Cliente non trovato</span>
                                                @endif
                                            @else
                                                <span class="text-muted">N/A</span>
                                            @endif
                                        </td>
                                        <td>
                                            <span class="badge badge-warning">
                                                <i class="fas fa-clock mr-1"></i>
                                                In Attesa
                                            </span>
                                        </td>
                                        <td>
                                            <button class="btn btn-sm btn-info" 
                                                    onclick="mostraDettagli({{ $richiesta->id }})"
                                                    title="Mostra Dettagli">
                                                <i class="fas fa-info-circle"></i>
                                            </button>
                                            <form action="{{ route('piani-nutrizionali.sospesi.evadi', $richiesta->id) }}" 
                                                  method="POST" 
                                                  style="display: inline-block;"
                                                  onsubmit="return confirm('Sei sicuro di voler evadere questa richiesta? Verrà consumato un credito/richiesta giornaliera.');">
                                                @csrf
                                                <button type="submit" 
                                                        class="btn btn-sm btn-success"
                                                        title="Evadi Richiesta">
                                                    <i class="fas fa-check"></i> Evadi
                                                </button>
                                            </form>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    @else
                        <div class="alert alert-info text-center">
                            <i class="fas fa-check-circle mr-2"></i>
                            <strong>Nessuna richiesta in sospeso!</strong>
                            <p class="mb-0 mt-2">Non ci sono piani alimentari in attesa di processamento.</p>
                        </div>
                    @endif
                </div>
                @if($richiesteSospese->count() > 0)
                    <div class="card-footer">
                        <div class="alert alert-warning mb-0">
                            <i class="fas fa-info-circle mr-2"></i>
                            <strong>Nota:</strong> Le richieste in sospeso verranno processate automaticamente quando il limite giornaliero si resetta (ogni giorno a mezzanotte) o quando hai crediti disponibili.
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </div>

    <!-- Modal Dettagli Richiesta -->
    <div class="modal fade" id="dettagliModal" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">
                        <i class="fas fa-info-circle mr-2"></i>
                        Dettagli Richiesta
                    </h5>
                    <button type="button" class="close" data-dismiss="modal">
                        <span>&times;</span>
                    </button>
                </div>
                <div class="modal-body" id="dettagliContent">
                    <div class="text-center">
                        <i class="fas fa-spinner fa-spin fa-2x"></i>
                        <p>Caricamento dettagli...</p>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Chiudi</button>
                </div>
            </div>
        </div>
    </div>
@stop

@section('js')
    <script>
        function mostraDettagli(richiestaId) {
            // Trova la richiesta nei dati
            const richiesta = @json($richiesteSospese);
            const richiestaData = richiesta.find(r => r.id === richiestaId);
            
            if (!richiestaData) {
                alert('Richiesta non trovata');
                return;
            }
            
            // Prepara il contenuto del modal
            let html = '<div class="row">';
            html += '<div class="col-md-6"><strong>ID Richiesta:</strong></div>';
            html += '<div class="col-md-6">' + richiestaData.id + '</div>';
            html += '</div><hr>';
            
            html += '<div class="row">';
            html += '<div class="col-md-6"><strong>Data Richiesta:</strong></div>';
            html += '<div class="col-md-6">' + new Date(richiestaData.data_richiesta).toLocaleString('it-IT') + '</div>';
            html += '</div><hr>';
            
            if (richiestaData.dati_richiesta.cliente_id) {
                html += '<div class="row">';
                html += '<div class="col-md-6"><strong>Cliente ID:</strong></div>';
                html += '<div class="col-md-6">' + richiestaData.dati_richiesta.cliente_id + '</div>';
                html += '</div><hr>';
            }
            
            if (richiestaData.dati_richiesta.obiettivo) {
                html += '<div class="row">';
                html += '<div class="col-md-6"><strong>Obiettivo:</strong></div>';
                html += '<div class="col-md-6">' + richiestaData.dati_richiesta.obiettivo + '</div>';
                html += '</div><hr>';
            }
            
            if (richiestaData.dati_richiesta.tipo_piano) {
                html += '<div class="row">';
                html += '<div class="col-md-6"><strong>Tipo Piano:</strong></div>';
                html += '<div class="col-md-6">' + richiestaData.dati_richiesta.tipo_piano + '</div>';
                html += '</div><hr>';
            }
            
            html += '<div class="row">';
            html += '<div class="col-md-12"><strong>Dati Completi:</strong></div>';
            html += '<div class="col-md-12"><pre class="bg-light p-3">' + JSON.stringify(richiestaData.dati_richiesta, null, 2) + '</pre></div>';
            html += '</div>';
            
            // Mostra il modal
            document.getElementById('dettagliContent').innerHTML = html;
            $('#dettagliModal').modal('show');
        }
    </script>
@stop