@extends('layouts.app')

@section('title', 'Editar 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"><a href="{{ route('empresa.show', $empresa) }}">{{ $empresa->nombre }}</a></li>
            <li class="breadcrumb-item active">Editar</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>Editar Empresa: {{ $empresa->nombre }}
        </h1>
        <div class="btn-group" role="group">
            <a href="{{ route('empresa.show', $empresa) }}" class="btn btn-outline-info">
                <i class="fas fa-eye me-2"></i>Ver Detalles
            </a>
            <a href="{{ route('empresa.index') }}" class="btn btn-outline-secondary">
                <i class="fas fa-arrow-left me-2"></i>Volver
            </a>
        </div>
    </div>

    <!-- Formulario -->
    <div class="row">
        <div class="col-lg-8">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">
                        <i class="fas fa-building me-2"></i>Información de la Empresa
                    </h5>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('empresa.update', $empresa) }}" enctype="multipart/form-data">
                        @csrf
                        @method('PUT')
                        
                        <!-- Información básica -->
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label for="nombre" class="form-label">Nombre de la Empresa <span class="text-danger">*</span></label>
                                <input type="text" class="form-control @error('nombre') is-invalid @enderror" 
                                       id="nombre" name="nombre" value="{{ old('nombre', $empresa->nombre) }}" required>
                                @error('nombre')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            
                            <div class="col-md-6 mb-3">
                                <label for="ruc_nit" class="form-label">RUC/NIT <span class="text-danger">*</span></label>
                                <input type="text" class="form-control @error('ruc_nit') is-invalid @enderror" 
                                       id="ruc_nit" name="ruc_nit" value="{{ old('ruc_nit', $empresa->ruc_nit) }}" required>
                                @error('ruc_nit')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label for="tipo_documento" class="form-label">Tipo de Documento <span class="text-danger">*</span></label>
                                <select class="form-select @error('tipo_documento') is-invalid @enderror" 
                                        id="tipo_documento" name="tipo_documento" required>
                                    <option value="">Seleccionar tipo</option>
                                    <option value="ruc" {{ old('tipo_documento', $empresa->tipo_documento) == 'ruc' ? 'selected' : '' }}>RUC</option>
                                    <option value="nit" {{ old('tipo_documento', $empresa->tipo_documento) == 'nit' ? 'selected' : '' }}>NIT</option>
                                    <option value="cedula" {{ old('tipo_documento', $empresa->tipo_documento) == 'cedula' ? 'selected' : '' }}>Cédula</option>
                                    <option value="pasaporte" {{ old('tipo_documento', $empresa->tipo_documento) == 'pasaporte' ? 'selected' : '' }}>Pasaporte</option>
                                </select>
                                @error('tipo_documento')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            
                            <div class="col-md-6 mb-3">
                                <label for="telefono" class="form-label">Teléfono</label>
                                <input type="text" class="form-control @error('telefono') is-invalid @enderror" 
                                       id="telefono" name="telefono" value="{{ old('telefono', $empresa->telefono) }}">
                                @error('telefono')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label for="email" class="form-label">Email</label>
                                <input type="email" class="form-control @error('email') is-invalid @enderror" 
                                       id="email" name="email" value="{{ old('email', $empresa->email) }}">
                                @error('email')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            
                            <div class="col-md-6 mb-3">
                                <label for="sitio_web" class="form-label">Sitio Web</label>
                                <input type="url" class="form-control @error('sitio_web') is-invalid @enderror" 
                                       id="sitio_web" name="sitio_web" value="{{ old('sitio_web', $empresa->sitio_web) }}">
                                @error('sitio_web')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="mb-3">
                            <label for="descripcion" class="form-label">Descripción</label>
                            <textarea class="form-control @error('descripcion') is-invalid @enderror" 
                                      id="descripcion" name="descripcion" rows="3">{{ old('descripcion', $empresa->descripcion) }}</textarea>
                            @error('descripcion')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <!-- Información de ubicación -->
                        <div class="card mb-3">
                            <div class="card-header">
                                <h6 class="card-title mb-0">
                                    <i class="fas fa-map-marker-alt me-2"></i>Información de Ubicación
                                </h6>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-4 mb-3">
                                        <label for="pais_id" class="form-label">País <span class="text-danger">*</span></label>
                                        <select class="form-select @error('pais_id') is-invalid @enderror" 
                                                id="pais_id" name="pais_id" required>
                                            <option value="">Seleccionar país</option>
                                            @foreach(\App\Models\Pais::activos()->get() as $pais)
                                                <option value="{{ $pais->id }}" 
                                                        {{ old('pais_id', $empresa->pais_id) == $pais->id ? 'selected' : '' }}>
                                                    {{ $pais->nombre }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('pais_id')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    
                                    <div class="col-md-4 mb-3">
                                        <label for="estado_id" class="form-label">Estado/Provincia</label>
                                        <select class="form-select @error('estado_id') is-invalid @enderror" 
                                                id="estado_id" name="estado_id">
                                            <option value="">Seleccionar estado</option>
                                        </select>
                                        @error('estado_id')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    
                                    <div class="col-md-4 mb-3">
                                        <label for="ciudad_id" class="form-label">Ciudad</label>
                                        <select class="form-select @error('ciudad_id') is-invalid @enderror" 
                                                id="ciudad_id" name="ciudad_id">
                                            <option value="">Seleccionar ciudad</option>
                                        </select>
                                        @error('ciudad_id')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                
                                <div class="row">
                                    <div class="col-md-8 mb-3">
                                        <label for="direccion" class="form-label">Dirección</label>
                                        <input type="text" class="form-control @error('direccion') is-invalid @enderror" 
                                               id="direccion" name="direccion" value="{{ old('direccion', $empresa->direccion) }}">
                                        @error('direccion')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    
                                    <div class="col-md-4 mb-3">
                                        <label for="codigo_postal" class="form-label">Código Postal</label>
                                        <input type="text" class="form-control @error('codigo_postal') is-invalid @enderror" 
                                               id="codigo_postal" name="codigo_postal" value="{{ old('codigo_postal', $empresa->codigo_postal) }}">
                                        @error('codigo_postal')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Logo de la empresa -->
                        <div class="card mb-3">
                            <div class="card-header">
                                <h6 class="card-title mb-0">
                                    <i class="fas fa-image me-2"></i>Logo de la Empresa
                                </h6>
                            </div>
                            <div class="card-body">
                                @if($empresa->logo)
                                    <div class="mb-3">
                                        <label class="form-label">Logo Actual:</label>
                                        <div class="text-center">
                                            <img src="{{ asset('storage/' . $empresa->logo) }}" 
                                                 alt="Logo actual" 
                                                 class="img-fluid mb-2" 
                                                 style="max-height: 100px;">
                                            <br>
                                            <button type="button" class="btn btn-outline-danger btn-sm" 
                                                    onclick="removeLogo({{ $empresa->id }})">
                                                <i class="fas fa-trash me-2"></i>Eliminar Logo Actual
                                            </button>
                                        </div>
                                    </div>
                                @endif
                                
                                <div class="mb-3">
                                    <label for="logo" class="form-label">
                                        {{ $empresa->logo ? 'Nuevo Logo' : 'Seleccionar Logo' }}
                                    </label>
                                    <input type="file" class="form-control @error('logo') is-invalid @enderror" 
                                           id="logo" name="logo" accept="image/*">
                                    @error('logo')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                    <div class="form-text">Formatos permitidos: JPG, PNG, GIF. Tamaño máximo: 2MB</div>
                                </div>
                            </div>
                        </div>

                        <div class="mb-3">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="activo" 
                                       name="activo" value="1" 
                                       {{ old('activo', $empresa->activo) ? 'checked' : '' }}>
                                <label class="form-check-label" for="activo">
                                    Empresa activa
                                </label>
                            </div>
                        </div>

                        <div class="d-flex justify-content-end gap-2">
                            <a href="{{ route('empresa.show', $empresa) }}" class="btn btn-secondary">
                                <i class="fas fa-times me-2"></i>Cancelar
                            </a>
                            <button type="submit" class="btn btn-primary">
                                <i class="fas fa-save me-2"></i>Guardar Cambios
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <!-- Panel lateral -->
        <div class="col-lg-4">
            <!-- Información actual -->
            <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 Actual
                    </h5>
                </div>
                <div class="card-body">
                    <div class="mb-3">
                        <label class="form-label fw-bold">Nombre:</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">País:</label>
                        <p class="form-control-plaintext">{{ $empresa->pais->nombre ?? 'No especificado' }}</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 class="mb-3">
                        <label class="form-label fw-bold">Última Actualización:</label>
                        <p class="form-control-plaintext">{{ $empresa->updated_at->format('d/m/Y H:i') }}</p>
                    </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">
                        <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>
// Cargar estados cuando se selecciona un país
document.getElementById('pais_id').addEventListener('change', function() {
    const paisId = this.value;
    const estadoSelect = document.getElementById('estado_id');
    const ciudadSelect = document.getElementById('ciudad_id');
    
    // Limpiar estados y ciudades
    estadoSelect.innerHTML = '<option value="">Seleccionar estado</option>';
    ciudadSelect.innerHTML = '<option value="">Seleccionar ciudad</option>';
    
    if (paisId) {
        fetch(`/empresa/get-estados?pais_id=${paisId}`)
            .then(response => response.json())
            .then(data => {
                data.forEach(estado => {
                    const option = document.createElement('option');
                    option.value = estado.id;
                    option.textContent = estado.nombre;
                    if (estado.id == {{ $empresa->estado_id ?? 'null' }}) {
                        option.selected = true;
                    }
                    estadoSelect.appendChild(option);
                });
            })
            .catch(error => console.error('Error:', error));
    }
});

// Cargar ciudades cuando se selecciona un estado
document.getElementById('estado_id').addEventListener('change', function() {
    const estadoId = this.value;
    const ciudadSelect = document.getElementById('ciudad_id');
    
    // Limpiar ciudades
    ciudadSelect.innerHTML = '<option value="">Seleccionar ciudad</option>';
    
    if (estadoId) {
        fetch(`/empresa/get-ciudades?estado_id=${estadoId}`)
            .then(response => response.json())
            .then(data => {
                data.forEach(ciudad => {
                    const option = document.createElement('option');
                    option.value = ciudad.id;
                    option.textContent = ciudad.nombre;
                    if (ciudad.id == {{ $empresa->ciudad_id ?? 'null' }}) {
                        option.selected = true;
                    }
                    ciudadSelect.appendChild(option);
                });
            })
            .catch(error => console.error('Error:', error));
    }
});

// Cargar estados y ciudades al cargar la página
document.addEventListener('DOMContentLoaded', function() {
    const paisSelect = document.getElementById('pais_id');
    if (paisSelect.value) {
        paisSelect.dispatchEvent(new Event('change'));
    }
});

// Validación del archivo de logo
document.getElementById('logo').addEventListener('change', function() {
    const file = this.files[0];
    if (file) {
        const maxSize = 2 * 1024 * 1024; // 2MB
        const allowedTypes = ['image/jpeg', 'image/png', 'image/gif'];
        
        if (file.size > maxSize) {
            alert('El archivo es demasiado grande. El tamaño máximo es 2MB.');
            this.value = '';
            return;
        }
        
        if (!allowedTypes.includes(file.type)) {
            alert('Tipo de archivo no permitido. Solo se permiten JPG, PNG y GIF.');
            this.value = '';
            return;
        }
    }
});

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