@extends('layouts.app')

@section('title', 'Información de la Empresa')

@section('content')
<div class="container-fluid">
    <!-- 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>Información de la Empresa
        </h1>
        <div class="btn-group" role="group">
            @if($empresa)
                <a href="{{ route('empresa.edit', $empresa) }}" class="btn btn-primary">
                    <i class="fas fa-edit me-2"></i>Editar Empresa
                </a>
            @else
                <a href="{{ route('empresa.create') }}" class="btn btn-primary">
                    <i class="fas fa-plus me-2"></i>Crear Empresa
                </a>
            @endif
            <button type="button" class="btn btn-outline-secondary" onclick="location.reload()">
                <i class="fas fa-sync-alt me-2"></i>Actualizar
            </button>
        </div>
    </div>

    @if($empresa)
        <!-- Información principal de la empresa -->
        <div class="row mb-4">
            <div class="col-lg-8">
                <div class="card">
                    <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>
            </div>
            
            <!-- Logo de la empresa -->
            <div class="col-lg-4">
                <div class="card">
                    <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>
            </div>
        </div>

        <!-- Información de ubicación -->
        <div class="row mb-4">
            <div class="col-12">
                <div class="card">
                    <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>
            </div>
        </div>

        <!-- Configuración fiscal -->
        @if($empresa->configuracion_fiscal)
            <div class="row mb-4">
                <div class="col-12">
                    <div class="card">
                        <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>
                </div>
            </div>
        @endif

        <!-- Configuración de contacto -->
        @if($empresa->configuracion_contacto)
            <div class="row mb-4">
                <div class="col-12">
                    <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>
                </div>
            </div>
        @endif

    @else
        <!-- No hay empresa configurada -->
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body text-center py-5">
                        <i class="fas fa-building fa-3x text-muted mb-3"></i>
                        <h5 class="text-muted">No hay empresa configurada</h5>
                        <p class="text-muted">Configura la información de tu empresa para comenzar a usar el sistema.</p>
                        <a href="{{ route('empresa.create') }}" class="btn btn-primary">
                            <i class="fas fa-plus me-2"></i>Configurar Empresa
                        </a>
                    </div>
                </div>
            </div>
        </div>
    @endif
</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();
}
</script>
@endpush
@endsection