@extends('layouts.app')

@section('title', 'Detalles de Configuración de Impresión')

@section('content')
<div class="container-fluid">
    <!-- Header -->
    <div class="row mb-4">
        <div class="col-12">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <h1 class="h3 mb-0 text-gray-800">
                        <i class="fas fa-print me-2"></i>Detalles de Configuración de Impresión
                    </h1>
                    <p class="text-muted mb-0">{{ $printConfiguration->report_name }}</p>
                </div>
                <div>
                    <a href="{{ route('admin.config.print-configurations.editor', $printConfiguration) }}" class="btn btn-primary me-2">
                        <i class="fas fa-edit me-2"></i>Editor Visual
                    </a>
                    <a href="{{ route('admin.config.print-configurations.edit', $printConfiguration) }}" class="btn btn-warning me-2">
                        <i class="fas fa-cog me-2"></i>Configurar
                    </a>
                    <a href="{{ route('admin.config.print-configurations.index') }}" class="btn btn-secondary">
                        <i class="fas fa-arrow-left me-2"></i>Volver
                    </a>
                </div>
            </div>
        </div>
    </div>

    <!-- Información General -->
    <div class="row mb-4">
        <div class="col-md-8">
            <div class="card shadow">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">
                        <i class="fas fa-info-circle me-2"></i>Información General
                    </h6>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <p><strong>Tipo de Reporte:</strong> {{ $printConfiguration->report_type_formatted }}</p>
                            <p><strong>Nombre:</strong> {{ $printConfiguration->report_name }}</p>
                            <p><strong>Descripción:</strong> {{ $printConfiguration->description ?: 'Sin descripción' }}</p>
                        </div>
                        <div class="col-md-6">
                            <p><strong>Estado:</strong> 
                                @if($printConfiguration->is_active)
                                    <span class="badge bg-success">Activa</span>
                                @else
                                    <span class="badge bg-danger">Inactiva</span>
                                @endif
                            </p>
                            <p><strong>Por Defecto:</strong> 
                                @if($printConfiguration->is_default)
                                    <span class="badge bg-primary">Sí</span>
                                @else
                                    <span class="badge bg-secondary">No</span>
                                @endif
                            </p>
                            <p><strong>Orden:</strong> {{ $printConfiguration->sort_order }}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card shadow">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">
                        <i class="fas fa-calendar me-2"></i>Información de Registro
                    </h6>
                </div>
                <div class="card-body">
                    <p><strong>Creado:</strong> {{ $printConfiguration->created_at->format('d/m/Y H:i:s') }}</p>
                    <p><strong>Por:</strong> {{ $printConfiguration->createdBy->name ?? 'Sistema' }}</p>
                    @if($printConfiguration->updated_at != $printConfiguration->created_at)
                        <p><strong>Actualizado:</strong> {{ $printConfiguration->updated_at->format('d/m/Y H:i:s') }}</p>
                        <p><strong>Por:</strong> {{ $printConfiguration->updatedBy->name ?? 'Sistema' }}</p>
                    @endif
                </div>
            </div>
        </div>
    </div>

    <!-- Configuración de Papel -->
    <div class="row mb-4">
        <div class="col-md-6">
            <div class="card shadow">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">
                        <i class="fas fa-file-alt me-2"></i>Configuración de Papel
                    </h6>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <p><strong>Tamaño:</strong> {{ $printConfiguration->paper_size_formatted }}</p>
                            <p><strong>Orientación:</strong> {{ $printConfiguration->orientation_formatted }}</p>
                        </div>
                        <div class="col-md-6">
                            <p><strong>Márgenes:</strong></p>
                            <ul class="list-unstyled">
                                <li>Superior: {{ $printConfiguration->margins['top'] ?? 20 }}mm</li>
                                <li>Derecha: {{ $printConfiguration->margins['right'] ?? 20 }}mm</li>
                                <li>Inferior: {{ $printConfiguration->margins['bottom'] ?? 20 }}mm</li>
                                <li>Izquierda: {{ $printConfiguration->margins['left'] ?? 20 }}mm</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card shadow">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">
                        <i class="fas fa-font me-2"></i>Configuración de Fuente
                    </h6>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <p><strong>Familia:</strong> {{ $printConfiguration->font_config['family'] ?? 'Arial' }}</p>
                            <p><strong>Tamaño:</strong> {{ $printConfiguration->font_config['size'] ?? 12 }}pt</p>
                        </div>
                        <div class="col-md-6">
                            <p><strong>Color:</strong> 
                                <span class="badge" style="background-color: {{ $printConfiguration->font_config['color'] ?? '#000000' }}; color: white;">
                                    {{ $printConfiguration->font_config['color'] ?? '#000000' }}
                                </span>
                            </p>
                            <p><strong>Estilo:</strong> 
                                @if($printConfiguration->font_config['bold'] ?? false)
                                    <span class="badge bg-dark">Negrita</span>
                                @endif
                                @if($printConfiguration->font_config['italic'] ?? false)
                                    <span class="badge bg-info">Cursiva</span>
                                @endif
                                @if(!($printConfiguration->font_config['bold'] ?? false) && !($printConfiguration->font_config['italic'] ?? false))
                                    <span class="badge bg-secondary">Normal</span>
                                @endif
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Información de la Empresa -->
    <div class="row mb-4">
        <div class="col-12">
            <div class="card shadow">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">
                        <i class="fas fa-building me-2"></i>Información de la Empresa
                    </h6>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <p><strong>Nombre:</strong> {{ $printConfiguration->company_name }}</p>
                            <p><strong>Dirección:</strong> {{ $printConfiguration->company_address ?: 'No especificada' }}</p>
                        </div>
                        <div class="col-md-6">
                            <p><strong>Teléfono:</strong> {{ $printConfiguration->company_phone ?: 'No especificado' }}</p>
                            <p><strong>Email:</strong> {{ $printConfiguration->company_email ?: 'No especificado' }}</p>
                        </div>
                    </div>
                    @if($printConfiguration->company_logo)
                        <div class="row mt-3">
                            <div class="col-12">
                                <p><strong>Logo:</strong></p>
                                <img src="{{ $printConfiguration->company_logo }}" alt="Logo de la empresa" 
                                     class="img-thumbnail" style="max-height: 100px;">
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>

    <!-- Configuraciones Detalladas -->
    <div class="row mb-4">
        <div class="col-md-6">
            <div class="card shadow">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">
                        <i class="fas fa-cog me-2"></i>Configuración de Encabezado
                    </h6>
                </div>
                <div class="card-body">
                    @if($printConfiguration->header_config)
                        <ul class="list-unstyled">
                            @foreach($printConfiguration->header_config as $key => $value)
                                <li>
                                    <strong>{{ ucfirst(str_replace('_', ' ', $key)) }}:</strong> 
                                    @if(is_bool($value))
                                        {{ $value ? 'Sí' : 'No' }}
                                    @else
                                        {{ $value }}
                                    @endif
                                </li>
                            @endforeach
                        </ul>
                    @else
                        <p class="text-muted">Sin configuración de encabezado</p>
                    @endif
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card shadow">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">
                        <i class="fas fa-cog me-2"></i>Configuración de Pie de Página
                    </h6>
                </div>
                <div class="card-body">
                    @if($printConfiguration->footer_config)
                        <ul class="list-unstyled">
                            @foreach($printConfiguration->footer_config as $key => $value)
                                <li>
                                    <strong>{{ ucfirst(str_replace('_', ' ', $key)) }}:</strong> 
                                    @if(is_bool($value))
                                        {{ $value ? 'Sí' : 'No' }}
                                    @else
                                        {{ $value }}
                                    @endif
                                </li>
                            @endforeach
                        </ul>
                    @else
                        <p class="text-muted">Sin configuración de pie de página</p>
                    @endif
                </div>
            </div>
        </div>
    </div>

    <!-- Acciones -->
    <div class="row">
        <div class="col-12">
            <div class="card shadow">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">
                        <i class="fas fa-tools me-2"></i>Acciones
                    </h6>
                </div>
                <div class="card-body">
                    <div class="d-flex flex-wrap gap-2">
                        <a href="{{ route('admin.config.print-configurations.edit', $printConfiguration) }}" class="btn btn-warning">
                            <i class="fas fa-edit me-2"></i>Editar Configuración
                        </a>
                        
                        @if(!$printConfiguration->is_default)
                            <form action="{{ route('admin.config.print-configurations.set-default', $printConfiguration) }}" method="POST" class="d-inline">
                                @csrf
                                <button type="submit" class="btn btn-primary" onclick="return confirm('¿Establecer como configuración por defecto?')">
                                    <i class="fas fa-star me-2"></i>Establecer como Defecto
                                </button>
                            </form>
                        @endif
                        
                        <form action="{{ route('admin.config.print-configurations.toggle-status', $printConfiguration) }}" method="POST" class="d-inline">
                            @csrf
                            <button type="submit" class="btn {{ $printConfiguration->is_active ? 'btn-secondary' : 'btn-success' }}" 
                                    onclick="return confirm('¿{{ $printConfiguration->is_active ? 'Desactivar' : 'Activar' }} esta configuración?')">
                                <i class="fas fa-{{ $printConfiguration->is_active ? 'pause' : 'play' }} me-2"></i>
                                {{ $printConfiguration->is_active ? 'Desactivar' : 'Activar' }}
                            </button>
                        </form>
                        
                        <a href="{{ route('admin.config.print-configurations.preview', $printConfiguration) }}" class="btn btn-info" target="_blank">
                            <i class="fas fa-eye me-2"></i>Vista Previa
                        </a>
                        
                        <form action="{{ route('admin.config.print-configurations.destroy', $printConfiguration) }}" method="POST" class="d-inline">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-danger" onclick="return confirm('¿Eliminar esta configuración? Esta acción no se puede deshacer.')">
                                <i class="fas fa-trash me-2"></i>Eliminar
                            </button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection