@extends('layouts.admin')

@section('content')
<div class="card card-primary card-outline mt-4">
    <div class="card-header">
        <h3 class="card-title">Gestión de Solicitud #{{ $solicitud->id }}</h3>
    </div>
    <div class="card-body">
        <div class="row mb-3">
            <div class="col-md-6">
                <strong>Tipo:</strong> {{ $solicitud->tipoSolicitud->denominacion ?? '-' }}<br>
                <strong>Organismo:</strong> {{ $solicitud->organismoRequeridor->nombre ?? '-' }}<br>
                <strong>Estado:</strong> {{ ucfirst($solicitud->estado) }}<br>
                <strong>Fecha:</strong> {{ $solicitud->fecha_solicitud }}<br>
                <strong>Gestor:</strong> {{ $solicitud->gestor?->name ?? '-' }}<br>
            </div>
            <div class="col-md-6">
                <strong>Detalle:</strong><br>
                <span>{{ $solicitud->detalle_solicitud }}</span>
            </div>
        </div>
        
        <!-- Sección de Evidencias -->
        @if(count($evidencias) > 0)
        <hr>
        <h5>Archivos de Evidencia ({{ count($evidencias) }})</h5>
        <div class="row mb-3">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-center mb-3">
                            <span class="text-muted">Archivos adjuntados por el solicitante</span>
                            <a href="{{ route('admin.solicitudes.download-all-evidencias', $solicitud->id) }}" 
                               class="btn btn-primary btn-sm">
                                <i class="fas fa-download"></i> Descargar Todo (ZIP)
                            </a>
                        </div>
                        
                        <div class="admin-responsive-table table-scroll-indicator">
                            <table class="table table-sm table-striped">
                                <thead>
                                    <tr>
                                        <th class="expandable-cell">Archivo</th>
                                        <th>Tamaño</th>
                                        <th>Fecha Modificación</th>
                                        <th width="100" class="actions-cell">Acciones</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($evidencias as $evidencia)
                                    <tr>
                                        <td>
                                            <i class="fas fa-file-alt text-secondary me-2"></i>
                                            {{ $evidencia['name'] }}
                                        </td>
                                        <td>{{ number_format($evidencia['size'] / 1024, 1) }} KB</td>
                                        <td>{{ $evidencia['modified'] }}</td>
                                        <td>
                                            <a href="{{ $evidencia['download_url'] }}" 
                                               class="btn btn-outline-primary btn-sm" 
                                               title="Descargar archivo">
                                                <i class="fas fa-download"></i>
                                            </a>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @endif
        <hr>
        <h5>Acciones Realizadas</h5>
        @if($solicitud->gestiones && $solicitud->gestiones->count())
            <ul class="list-group mb-3">
                @foreach($solicitud->gestiones as $gestion)
                    <li class="list-group-item">
                        <strong>{{ $gestion->created_at->format('d/m/Y H:i') }}:</strong> {{ $gestion->descripcion_gestion }}
                        @if($gestion->uri_archivos_adjuntos)
                            @php
                                $adjuntosPath = base_path($gestion->uri_archivos_adjuntos);
                                $files = [];
                                if (file_exists($adjuntosPath) && is_dir($adjuntosPath)) {
                                    $files = array_filter(scandir($adjuntosPath), function($f) use ($adjuntosPath) {
                                        return $f !== '.' && $f !== '..' && is_file($adjuntosPath . '/' . $f);
                                    });
                                }
                            @endphp
                            @if(count($files) > 0)
                                <div class="mt-2">
                                    <span class="text-muted" style="font-size:0.95em"><i class="fas fa-paperclip"></i> Archivos adjuntos:</span>
                                    <ul class="mb-0" style="list-style:none; padding-left:0;">
                                        @foreach($files as $file)
                                            <li>
                                                <a href="{{ route('admin.gestiones.download-archivo', ['gestion' => $gestion->id, 'filename' => $file]) }}" target="_blank" class="btn btn-link btn-sm" style="padding:0;">
                                                    <i class="fas fa-file-alt"></i> {{ $file }}
                                                </a>
                                            </li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif
                        @endif
                    </li>
                @endforeach
            </ul>
        @else
            <p class="text-muted">No hay acciones registradas aún.</p>
        @endif
        @if($solicitud->estado !== 'cerrada')
        <form action="{{ route('admin.solicitudes.gestion.store', $solicitud->id) }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="row">
                <div class="col-md-8">
                    <div class="form-group">
                        <label for="descripcion" class="font-weight-bold">
                            <i class="fas fa-edit mr-1"></i>
                            Descripción de la Acción
                        </label>
                        <textarea name="descripcion" id="descripcion" class="form-control" rows="4" 
                                  placeholder="Describa la acción realizada..." required></textarea>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="archivos_gestion" class="font-weight-bold">
                            <i class="fas fa-paperclip mr-1"></i>
                            Archivos Adjuntos (Opcional)
                        </label>
                        <input type="file" name="archivos_gestion[]" id="archivos_gestion" 
                               class="form-control-file" multiple accept=".pdf,.doc,.docx,.jpg,.jpeg,.png,.gif">
                        <small class="form-text text-muted">
                            Formatos permitidos: PDF, DOC, DOCX, JPG, JPEG, PNG, GIF. Máximo 10MB por archivo.
                        </small>
                        <div id="archivosPreview" class="mt-2"></div>
                    </div>
                    <div class="text-right mt-3">
                        <button type="submit" class="btn btn-success btn-block">
                            <i class="fas fa-save mr-2"></i>
                            Registrar Acción
                        </button>
                    </div>
                </div>
            </div>
        </form>
        <script>
        document.addEventListener('DOMContentLoaded', function() {
            const inputArchivos = document.getElementById('archivos_gestion');
            const preview = document.getElementById('archivosPreview');
            if (inputArchivos && preview) {
                inputArchivos.addEventListener('change', function() {
                    preview.innerHTML = '';
                    Array.from(this.files).forEach(file => {
                        const ext = file.name.split('.').pop().toLowerCase();
                        const allowed = ['pdf','doc','docx','jpg','jpeg','png','gif'];
                        if (!allowed.includes(ext)) {
                            preview.innerHTML += `<div class='text-danger'><i class='fas fa-exclamation-triangle'></i> Archivo no permitido: ${file.name}</div>`;
                        } else if (file.size > 10 * 1024 * 1024) {
                            preview.innerHTML += `<div class='text-danger'><i class='fas fa-exclamation-triangle'></i> Archivo demasiado grande: ${file.name}</div>`;
                        } else {
                            preview.innerHTML += `<div class='text-success'><i class='fas fa-check'></i> ${file.name} (${(file.size/1024).toFixed(1)} KB)</div>`;
                        }
                    });
                });
            }
        });
        </script>
        
        <!-- Formulario de cierre mejorado -->
        <div class="card mt-4">
            <div class="card-header bg-danger text-white">
                <h5 class="mb-0">
                    <i class="fas fa-times-circle"></i> Cerrar Solicitud
                </h5>
            </div>
            <div class="card-body">
                <form action="{{ route('admin.solicitudes.cerrar', $solicitud->id) }}" method="POST" id="formCerrar">
                    @csrf
                    <div class="form-group mb-3">
                        <label for="observaciones_cierre" class="form-label">
                            <i class="fas fa-comment"></i> Observaciones de Cierre (Opcional)
                        </label>
                        <textarea 
                            name="observaciones_cierre" 
                            id="observaciones_cierre" 
                            class="form-control" 
                            rows="4" 
                            placeholder="Escriba aquí las observaciones finales, resolución del caso, o cualquier información relevante para el solicitante..."
                        ></textarea>
                        <small class="form-text text-muted">
                            Estas observaciones serán incluidas en el correo de notificación al solicitante.
                        </small>
                    </div>
                    
                    <div class="alert alert-warning">
                        <i class="fas fa-exclamation-triangle"></i>
                        <strong>Importante:</strong> Al cerrar esta solicitud se enviará automáticamente un correo de notificación al solicitante ({{ $solicitud->email ?? 'Sin email' }}).
                    </div>
                    
                    <div class="d-flex gap-2">
                        <button type="submit" class="btn btn-danger" onclick="return confirmarCierre()">
                            <i class="fas fa-times-circle"></i> Cerrar Solicitud
                        </button>
                        <button type="button" class="btn btn-secondary" onclick="cancelarCierre()">
                            <i class="fas fa-ban"></i> Cancelar
                        </button>
                    </div>
                </form>
            </div>
        </div>
        
        <script>
        function confirmarCierre() {
            const observaciones = document.getElementById('observaciones_cierre').value;
            let mensaje = '¿Está seguro de que desea cerrar esta solicitud?';
            
            if (observaciones.trim() === '') {
                mensaje += '\n\nNota: No ha ingresado observaciones de cierre.';
            }
            
            mensaje += '\n\nSe enviará una notificación por correo al solicitante.';
            
            return confirm(mensaje);
        }
        
        function cancelarCierre() {
            document.getElementById('observaciones_cierre').value = '';
        }
        </script>
        
        @endif
        <a href="{{ route('admin.solicitudes.index') }}" class="btn btn-secondary mt-3">Volver al listado</a>
    </div>
</div>
@endsection