{% extends 'base.html' %}

{% block page_title %}Profilio nustatymai{% endblock %}

{% block content %}
<div class="row">
    <div class="col-lg-8">
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h5 class="mb-0">Profilio informacija</h5>
            </div>
            <div class="card-body">
                <form method="post" enctype="multipart/form-data">
                    {% csrf_token %}
                    
                    <!-- Asmeninė informacija -->
                    <div class="row mb-4">
                        <div class="col-md-6 mb-3">
                            <label for="firstName" class="form-label">Vardas *</label>
                            <input type="text" class="form-control" id="firstName" 
                                   name="first_name" value="{{ user.first_name }}" required>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="lastName" class="form-label">Pavardė *</label>
                            <input type="text" class="form-control" id="lastName" 
                                   name="last_name" value="{{ user.last_name }}" required>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="email" class="form-label">El. paštas *</label>
                            <input type="email" class="form-control" id="email" 
                                   name="email" value="{{ user.email }}" required>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="phone" class="form-label">Telefonas</label>
                            <input type="tel" class="form-control" id="phone" 
                                   name="phone" value="{{ user.phone|default:'' }}">
                        </div>
                    </div>
                    
                    <!-- Įmonės informacija -->
                    <h5 class="mt-4 mb-3">Įmonės informacija</h5>
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="company" class="form-label">Įmonės pavadinimas</label>
                            <input type="text" class="form-control" id="company" 
                                   name="company" value="{{ user.company|default:'' }}">
                        </div>

                        <div class="col-md-6 mb-3">
                            <label for="website" class="form-label">Svetainė</label>
                            <input class="form-control" id="website" 
                                   name="website" value="{{ user.website|default:'' }}" 
                                   placeholder="https://pavyzdys.lt">
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="email_company" class="form-label">Įmonės el. paštas</label>
                            <input type="email" class="form-control" id="email_company" 
                                   name="email_company" value="{{ user.email_company|default:'' }}"
                                   placeholder="info@imone.lt">
                        </div>
                        
                        <!-- Логотип компании -->
                        <div class="col-12 mb-4">
                            <label for="company_logo" class="form-label">Įmonės logotipas</label>
                            <input type="file" class="form-control" id="company_logo" name="company_logo" accept="image/*">
                            
                            {% if user.company_logo %}
                                <div class="mt-3" id="logo-container" style="position: relative; display: inline-block;">
                                    <img src="{{ user.company_logo.url }}" alt="Dabartinis logotipas" class="img-thumbnail" style="max-width: 200px;">
                                    <button type="button" class="btn btn-sm btn-danger" id="delete-logo-btn" 
                                            style="position: absolute; top: 5px; right: 5px; padding: 0.15rem 0.3rem;">
                                        <i class="bi bi-trash"></i>
                                    </button>
                                </div>
                            {% endif %}
                        </div>
                        
                        <div class="col-12 mb-3">
                            <label for="address" class="form-label">Adresas</label>
                            <textarea class="form-control" id="address" 
                                      name="address" rows="2">{{ user.address|default:'' }}</textarea>
                        </div>
                    </div>
                    
                    <!-- Finansinė informacija -->
                    <h5 class="mt-4 mb-3">Finansinė informacija</h5>
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="vat_code" class="form-label">PVM kodas</label>
                            <input type="text" class="form-control" id="vat_code" 
                                   name="vat_code" value="{{ user.vat_code|default:'' }}">
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="registration_number" class="form-label">Įmonės kodas</label>
                            <input type="text" class="form-control" id="registration_number" 
                                   name="registration_number" value="{{ user.registration_number|default:'' }}">
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="bank_name" class="form-label">Banko pavadinimas</label>
                            <input type="text" class="form-control" id="bank_name" 
                                   name="bank_name" value="{{ user.bank_name|default:'' }}">
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="bank_account" class="form-label">Banko sąskaita</label>
                            <input type="text" class="form-control" id="bank_account" 
                                   name="bank_account" value="{{ user.bank_account|default:'' }}">
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="bic" class="form-label">BIC/SWIFT kodas</label>
                            <input type="text" class="form-control" id="bic" 
                                   name="bic" value="{{ user.bic|default:'' }}">
                        </div>
                    </div>
                    
                    <!-- Išsaugojimo mygtukas -->
                    <div class="d-flex justify-content-end mt-4">
                        <button type="submit" class="btn btn-primary px-4">
                            <i class="bi bi-save me-2"></i> Išsaugoti pakeitimus
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    
    <!-- Papildomos informacijos stulpelis -->
    <div class="col-lg-4">
        <!-- Papildoma informacija -->
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">Papildoma informacija</h5>
            </div>
            <div class="card-body">
                <!-- Įmonės logotipas -->
                {% if user.company_logo %}
                <div class="mb-4 text-center">
                    <h6 class="mb-3">Įmonės logotipas</h6>
                    <img src="{{ user.company_logo.url }}" alt="Įmonės logotipas" class="img-fluid rounded" style="max-height: 150px;">
                </div>
                {% endif %}
                
                <div class="mb-3">
                    <label class="form-label">Naudotojo vardas</label>
                    <p class="form-control-static">{{ user.username }}</p>
                </div>
                <div class="mb-3">
                    <label class="form-label">Paskyros tipas</label>
                    <p class="form-control-static">
                        {% if user.is_superuser %}
                            Administratorius
                        {% elif user.is_staff %}
                            Darbuotojas
                        {% else %}
                            Paprastas naudotojas
                        {% endif %}
                    </p>
                </div>
                
                <!-- Kontaktinė informacija -->
                {% if user.email %}
                <div class="mb-3">
                    <label class="form-label">El. paštas</label>
                    <p class="form-control-static">
                        <a href="mailto:{{ user.email }}">{{ user.email }}</a>
                    </p>
                </div>
                {% endif %}
                
                {% if user.phone %}
                <div class="mb-3">
                    <label class="form-label">Telefonas</label>
                    <p class="form-control-static">
                        <a href="tel:{{ user.phone }}">{{ user.phone }}</a>
                    </p>
                </div>
                {% endif %}
                
                {% if user.website %}
                <div class="mb-3">
                    <label class="form-label">Svetainė</label>
                    <p class="form-control-static">
                        <a href="{{ user.website }}" target="_blank">{{ user.website }}</a>
                    </p>
                </div>
                {% endif %}
                
                {% if user.email_company %}
                <div class="mb-3">
                    <label class="form-label">Įmonės el. paštas</label>
                    <p class="form-control-static">
                        <a href="mailto:{{ user.email_company }}">{{ user.email_company }}</a>
                    </p>
                </div>
                {% endif %}
                
                {% if user.address %}
                <div class="mb-3">
                    <label class="form-label">Adresas</label>
                    <p class="form-control-static">{{ user.address }}</p>
                </div>
                {% endif %}
                
                {% if user.company %}
                <div class="mb-3">
                    <label class="form-label">Įmonė</label>
                    <p class="form-control-static">{{ user.company }}</p>
                </div>
                {% endif %}
                
                {% if user.position %}
                <div class="mb-3">
                    <label class="form-label">Pareigos</label>
                    <p class="form-control-static">{{ user.position }}</p>
                </div>
                {% endif %}
                
                <div class="mb-3">
                    <label class="form-label">Paskutinis prisijungimas</label>
                    <p class="form-control-static">{{ user.last_login|date:"Y-m-d H:i"|default:"Niekada" }}</p>
                </div>
                <div>
                    <label class="form-label">Paskyros sukūrimo data</label>
                    <p class="form-control-static">{{ user.date_joined|date:"Y-m-d H:i" }}</p>
                </div>
                
                <!-- Кнопка смены пароля -->
                <div class="mt-4">
                    <button type="button" class="btn btn-outline-primary w-100" data-bs-toggle="modal" data-bs-target="#passwordChangeModal">
                        <i class="bi bi-key me-2"></i> Keisti slaptažodį
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Модальное окно смены пароля -->
<div class="modal fade" id="passwordChangeModal" tabindex="-1" aria-labelledby="passwordChangeModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="passwordChangeModalLabel">Slaptažodžio keitimas</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <form id="passwordChangeForm">
                <div class="modal-body">
                    {% csrf_token %}
                    <div class="mb-3">
                        <label for="currentPassword" class="form-label">Dabartinis slaptažodis *</label>
                        <input type="password" class="form-control" id="currentPassword" name="current_password" required>
                    </div>
                    <div class="mb-3">
                        <label for="newPassword" class="form-label">Naujas slaptažodis *</label>
                        <input type="password" class="form-control" id="newPassword" name="new_password" required>
                    </div>
                    <div class="mb-3">
                        <label for="confirmPassword" class="form-label">Patvirtinkite naują slaptažodį *</label>
                        <input type="password" class="form-control" id="confirmPassword" name="confirm_password" required>
                    </div>
                    <div id="passwordError" class="alert alert-danger d-none" role="alert"></div>
                    <div id="passwordSuccess" class="alert alert-success d-none" role="alert"></div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Atšaukti</button>
                    <button type="submit" class="btn btn-primary">Išsaugoti</button>
                </div>
            </form>
        </div>
    </div>
</div>

<style>
    /* Stilius mygtukui trinti */
    #delete-logo-btn {
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
    }
    
    /* Stilius logotipo konteineriui */
    #logo-container {
        position: relative;
        display: inline-block;
    }
    
    /* Stilius atnaujintam logotipo peržiūros langui */
    .img-thumbnail {
        max-height: 200px;
        object-fit: contain;
    }
</style>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Logotipo pašalinimo funkcija
        const deleteButton = document.getElementById('delete-logo-btn');
        if (deleteButton) {
            deleteButton.addEventListener('click', function() {
                if (confirm('Ar tikrai norite pašalinti logotipą?')) {
                    fetch('{% url "delete_company_logo" %}', {
                        method: 'POST',
                        headers: {
                            'X-CSRFToken': '{{ csrf_token }}'
                        }
                    })
                    .then(response => {
                        if (response.ok) return response.json();
                        throw new Error('Serverio klaida');
                    })
                    .then(data => {
                        if (data.status === 'success') {
                            // Pašaliname logotipo konteinerį
                            const container = document.getElementById('logo-container');
                            container.remove();
                            
                            // Išvalome failų įkėlimo lauką
                            document.getElementById('company_logo').value = '';
                        } else {
                            alert('Nepavyko pašalinti: ' + data.message);
                        }
                    })
                    .catch(error => {
                        console.error('Klaida:', error);
                        alert('Serverio klaida');
                    });
                }
            });
        }

        // Обработка смены пароля
        const passwordForm = document.getElementById('passwordChangeForm');
        if (passwordForm) {
            passwordForm.addEventListener('submit', function(e) {
                e.preventDefault();
                
                const errorContainer = document.getElementById('passwordError');
                const successContainer = document.getElementById('passwordSuccess');
                errorContainer.classList.add('d-none');
                successContainer.classList.add('d-none');
                
                const currentPassword = document.getElementById('currentPassword').value;
                const newPassword = document.getElementById('newPassword').value;
                const confirmPassword = document.getElementById('confirmPassword').value;
                
                // Валидация паролей
                if (newPassword !== confirmPassword) {
                    errorContainer.textContent = 'Nauji slaptažodžiai nesutampa!';
                    errorContainer.classList.remove('d-none');
                    return;
                }
                
                if (newPassword.length < 8) {
                    errorContainer.textContent = 'Slaptažodis turi būti bent 8 simbolių!';
                    errorContainer.classList.remove('d-none');
                    return;
                }
                
                // Отправка запроса
                fetch('{% url "password_change" %}', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'X-CSRFToken': '{{ csrf_token }}'
                    },
                    body: JSON.stringify({
                        current_password: currentPassword,
                        new_password: newPassword,
                        confirm_password: confirmPassword
                    })
                })
                .then(response => response.json())
                .then(data => {
                    if (data.success) {
                        successContainer.textContent = data.message;
                        successContainer.classList.remove('d-none');
                        
                        // Очистка формы через 2 секунды
                        setTimeout(() => {
                            passwordForm.reset();
                            const modal = bootstrap.Modal.getInstance(document.getElementById('passwordChangeModal'));
                            modal.hide();
                            successContainer.classList.add('d-none');
                        }, 2000);
                    } else {
                        errorContainer.textContent = data.error;
                        errorContainer.classList.remove('d-none');
                    }
                })
                .catch(error => {
                    console.error('Klaida:', error);
                    errorContainer.textContent = 'Įvyko serverio klaida';
                    errorContainer.classList.remove('d-none');
                });
            });
        }
    });
</script>
{% endblock %}