@extends('layouts.app')

@section('title', 'Detalles de la Empresa')

@section('content')
<div class="container-fluid">
    <!-- Breadcrumb -->
    <nav aria-label="breadcrumb" class="mb-4">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
            <li class="breadcrumb-item"><a href="{{ route('empresa.index') }}">Empresa</a></li>
            <li class="breadcrumb-item active">{{ $empresa->nombre }}</li>
        </ol>
    </nav>

    <!-- Título de la página -->
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1 class="h3 mb-0 text-gray-800">
            <i class="fas fa-building me-2"></i>{{ $empresa->nombre }}
        </h1>
        <div class="btn-group" role="group">
            <a href="{{ route('empresa.edit', $empresa) }}" class="btn btn-primary">
                <i class="fas fa-edit me-2"></i>Editar
            </a>
            <a href="{{ route('empresa.index') }}" class="btn btn-outline-secondary">
                <i class="fas fa-arrow-left me-2"></i>Volver
            </a>
        </div>
    </div>

    <div class="row">
        <!-- Información principal -->
        <div class="col-lg-8">
            <!-- Información general -->
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">
                        <i class="fas fa-info-circle me-2"></i>Información General
                    </h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label class="form-label fw-bold">Nombre de la Empresa:</label>
                                <p class="form-control-plaintext">{{ $empresa->nombre }}</p>
                            </div>
                            
                            <div class="mb-3">
                                <label class="form-label fw-bold">RUC/NIT:</label>
                                <p class="form-control-plaintext">{{ $empresa->ruc_nit }}</p>
                            </div>
                            
                            <div class="mb-3">
                                <label class="form-label fw-bold">Tipo de Documento:</label>
                                <p class="form-control-plaintext">{{ ucfirst($empresa->tipo_documento) }}</p>
                            </div>
                            
                            <div class="mb-3">
                                <label class="form-label fw-bold">Descripción:</label>
                                <p class="form-control-plaintext">{{ $empresa->descripcion ?: 'Sin descripción' }}</p>
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label class="form-label fw-bold">Teléfono:</label>
                                <p class="form-control-plaintext">{{ $empresa->telefono ?: 'No especificado' }}</p>
                            </div>
                            
                            <div class="mb-3">
                                <label class="form-label fw-bold">Email:</label>
                                <p class="form-control-plaintext">{{ $empresa->email ?: 'No especificado' }}</p>
                            </div>
                            
                            <div class="mb-3">
                                <label class="form-label fw-bold">Sitio Web:</label>
                                <p class="form-control-plaintext">
                                    @if($empresa->sitio_web)
                                        <a href="{{ $empresa->sitio_web }}" target="_blank">{{ $empresa->sitio_web }}</a>
                                    @else
                                        No especificado
                                    @endif
                                </p>
                            </div>
                            
                            <div class="mb-3">
                                <label class="form-label fw-bold">Estado:</label>
                                <p class="form-control-plaintext">
                                    @if($empresa->activo)
                                        <span class="badge bg-success">Activa</span>
                                    @else
                                        <span class="badge bg-danger">Inactiva</span>
                                    @endif
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Información de ubicación -->
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">
                        <i class="fas fa-map-marker-alt me-2"></i>Información de Ubicación
                    </h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="mb-3">
                                <label class="form-label fw-bold">País:</label>
                                <p class="form-control-plaintext">{{ $empresa->pais->nombre ?? 'No especificado' }}</p>
                            </div>
                        </div>
                        
                        <div class="col-md-4">
                            <div class="mb-3">
                                <label class="form-label fw-bold">Estado/Provincia:</label>
                                <p class="form-control-plaintext">{{ $empresa->estado->nombre ?? 'No especificado' }}</p>
                            </div>
                        </div>
                        
                        <div class="col-md-4">
                            <div class="mb-3">
                                <label class="form-label fw-bold">Ciudad:</label>
                                <p class="form-control-plaintext">{{ $empresa->ciudad->nombre ?? 'No especificado' }}</p>
                            </div>
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="col-md-8">
                            <div class="mb-3">
                                <label class="form-label fw-bold">Dirección:</label>
                                <p class="form-control-plaintext">{{ $empresa->direccion ?: 'No especificada' }}</p>
                            </div>
                        </div>
                        
                        <div class="col-md-4">
                            <div class="mb-3">
                                <label class="form-label fw-bold">Código Postal:</label>
                                <p class="form-control-plaintext">{{ $empresa->codigo_postal ?: 'No especificado' }}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Configuración fiscal -->
            @if($empresa->configuracion_fiscal)
                <div class="card mb-4">
                    <div class="card-header">
                        <h5 class="card-title mb-0">
                            <i class="fas fa-receipt me-2"></i>Configuración Fiscal
                        </h5>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            @foreach($empresa->configuracion_fiscal as $key => $value)
                                <div class="col-md-6 mb-3">
                                    <label class="form-label fw-bold">{{ ucfirst(str_replace('_', ' ', $key)) }}:</label>
                                    <p class="form-control-plaintext">{{ $value }}</p>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            @endif

            <!-- Configuración de contacto -->
            @if($empresa->configuracion_contacto)
                <div class="card">
                    <div class="card-header">
                        <h5 class="card-title mb-0">
                            <i class="fas fa-address-book me-2"></i>Configuración de Contacto
                        </h5>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            @foreach($empresa->configuracion_contacto as $key => $value)
                                <div class="col-md-6 mb-3">
                                    <label class="form-label fw-bold">{{ ucfirst(str_replace('_', ' ', $key)) }}:</label>
                                    <p class="form-control-plaintext">{{ $value }}</p>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            @endif
        </div>

        <!-- Panel lateral -->
        <div class="col-lg-4">
            <!-- Logo de la empresa -->
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">
                        <i class="fas fa-image me-2"></i>Logo de la Empresa
                    </h5>
                </div>
                <div class="card-body text-center">
                    @if($empresa->logo)
                        <img src="{{ asset('storage/' . $empresa->logo) }}" 
                             alt="Logo de {{ $empresa->nombre }}" 
                             class="img-fluid mb-3" 
                             style="max-height: 200px;">
                        <div class="d-grid gap-2">
                            <button type="button" class="btn btn-outline-danger btn-sm" 
                                    onclick="removeLogo({{ $empresa->id }})">
                                <i class="fas fa-trash me-2"></i>Eliminar Logo
                            </button>
                        </div>
                    @else
                        <div class="text-muted py-5">
                            <i class="fas fa-image fa-3x mb-3"></i>
                            <p>No hay logo cargado</p>
                            <a href="{{ route('empresa.edit', $empresa) }}" class="btn btn-primary btn-sm">
                                <i class="fas fa-upload me-2"></i>Cargar Logo
                            </a>
                        </div>
                    @endif
                </div>
            </div>

            <!-- Estadísticas -->
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">
                        <i class="fas fa-chart-bar me-2"></i>Estadísticas
                    </h5>
                </div>
                <div class="card-body">
                    <div class="row text-center">
                        <div class="col-6">
                            <div class="border-end">
                                <h4 class="text-primary">{{ $estadisticas['usuarios_count'] }}</h4>
                                <small class="text-muted">Usuarios</small>
                            </div>
                        </div>
                        <div class="col-6">
                            <h4 class="text-success">{{ $estadisticas['roles_count'] }}</h4>
                            <small class="text-muted">Roles</small>
                        </div>
                    </div>
                    
                    <hr>
                    
                    <div class="row text-center">
                        <div class="col-6">
                            <div class="border-end">
                                <h4 class="text-info">{{ $estadisticas['permisos_count'] }}</h4>
                                <small class="text-muted">Permisos</small>
                            </div>
                        </div>
                        <div class="col-6">
                            <h4 class="text-warning">{{ $estadisticas['kardex_count'] }}</h4>
                            <small class="text-muted">Acciones</small>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Acciones rápidas -->
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">
                        <i class="fas fa-bolt me-2"></i>Acciones Rápidas
                    </h5>
                </div>
                <div class="card-body">
                    <div class="d-grid gap-2">
                        <a href="{{ route('empresa.edit', $empresa) }}" class="btn btn-primary">
                            <i class="fas fa-edit me-2"></i>Editar Empresa
                        </a>
                        
                        <button type="button" class="btn btn-outline-info" 
                                onclick="exportEmpresa({{ $empresa->id }})">
                            <i class="fas fa-download me-2"></i>Exportar Datos
                        </button>
                        
                        @if($empresa->logo)
                            <button type="button" class="btn btn-outline-warning" 
                                    onclick="removeLogo({{ $empresa->id }})">
                                <i class="fas fa-trash me-2"></i>Eliminar Logo
                            </button>
                        @endif
                        
                        <hr>
                        
                        <button type="button" class="btn btn-outline-danger" 
                                onclick="eliminarEmpresa({{ $empresa->id }})">
                            <i class="fas fa-trash me-2"></i>Eliminar Empresa
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal de confirmación -->
<div class="modal fade" id="confirmModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Confirmar Acción</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <p id="confirmMessage"></p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                <form id="confirmForm" method="POST" style="display: inline;">
                    @csrf
                    <button type="submit" class="btn btn-primary" id="confirmButton">Confirmar</button>
                </form>
            </div>
        </div>
    </div>
</div>

@push('scripts')
<script>
function removeLogo(empresaId) {
    const form = document.getElementById('confirmForm');
    const message = document.getElementById('confirmMessage');
    const button = document.getElementById('confirmButton');
    
    form.action = `/empresa/${empresaId}/remove-logo`;
    message.textContent = '¿Estás seguro de que deseas eliminar el logo de la empresa?';
    button.textContent = 'Eliminar Logo';
    button.className = 'btn btn-danger';
    
    const modal = new bootstrap.Modal(document.getElementById('confirmModal'));
    modal.show();
}

function exportEmpresa(empresaId) {
    window.location.href = `/empresa/export/empresa`;
}

function eliminarEmpresa(empresaId) {
    const form = document.getElementById('confirmForm');
    const message = document.getElementById('confirmMessage');
    const button = document.getElementById('confirmButton');
    
    form.action = `/empresa/${empresaId}`;
    form.innerHTML = '@csrf @method("DELETE") <button type="submit" class="btn btn-danger">Eliminar</button>';
    message.textContent = '¿Estás seguro de que deseas eliminar esta empresa? Esta acción no se puede deshacer.';
    button.textContent = 'Eliminar';
    button.className = 'btn btn-danger';
    
    const modal = new bootstrap.Modal(document.getElementById('confirmModal'));
    modal.show();
}
</script>
@endpush
@endsection