{% extends 'base.html' %}

{% block content %}

<div class="container mt-4">

    {% if current_user.is_authenticated %}
        <h3 class="mb-4">Hello, {{ current_user.user_name }}!</h3>
        {% if auto_app.masini %}
            <div class="row g-4">
                {% for id_car, (table_name, has_ids_in_masina_table, last_car_backup, last_car_backup_file, activ) in auto_app.masini.items() %}
                        {% if activ %}
                            <div class="col-md-6 col-lg-4">
                                <!-- Car Card -->
                                <div class="card shadow-sm h-100">
                                    <div class="card-body">
                                        <h5 class="card-title">
                                            <a href="/summary/{{ id_car }}/{{ table_name }}" class="text-decoration-none">
                                                {{ table_name }}
                                            </a>
                                        </h5>
                                        <hr>
                                        <h5 class="mb-4">Last Backup: {{ last_car_backup }}!</h5>
                                        <!-- Export Without Files -->
                                        <form action="/summary/{{ id_car }}/{{ table_name }}" method="POST">
                                            <button type="submit" name="export_detail_table_as_sql"
                                                    class="btn btn-outline-primary btn-sm w-100 mb-2">
                                                Backup Car
                                            </button>
                                            <label>with_files</label>
                                            <input value=True name="with_files" type="checkbox">
                                        </form>
                                        <br>
                                        <form action="/delete_masina/{{ id_car }}/{{ table_name }}" method="POST"
                                              onsubmit="return confirm('Are you sure you want to delete {{ table_name }}?');">
                                            <button type="submit" name="delete_all_inputs_from_user_for_car"
                                                    class="btn btn-outline-danger btn-sm w-100">
                                                Delete Car
                                            </button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        {% endif %}
                {% endfor %}
            </div>
            <div class="text-center mt-5">
                <a href="/add_masina" class="btn btn-success btn-lg">
                    + Add a New Car / Import an Old Car
                </a>
            </div>
        {% else %}
            <div class="alert alert-info mt-4">
                You don't have any cars yet.
            </div>
            <a href="/add_masina" class="btn btn-success">
                + Add / Import a Car
            </a>
        {% endif %}

        <br>
        <form action="/masina" method="POST"
        onsubmit="return confirm('Are you sure you want to backup the profile?');">
        <button type="submit" name="backup_profile"
            class="btn btn-outline-success btn-sm w-100">
        Backup Profile
        </button>
        </form>
        <br>
        {% if last_backup %}
        <form action="/masina" method="POST"
        onsubmit="return confirm('Are you sure you want to import the backup?');">
        <button type="submit" name="import_backup"
            class="btn btn-outline-success btn-sm w-100">
        Import profile backup from {{last_backup}}
        </button>
        </form>
        {% else %}
        {% endif %}
    {% else %}
        <div class="alert alert-warning mt-4">
            Please log in to continue.
        </div>
    {% endif %}

</div>

{% endblock %}