{% 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 current_user.auto_app.masini %}
            <div class="row g-4">

                {% for id_car, masina in current_user.auto_app.masini.items() %}
                <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 }}/{{ masina }}" class="text-decoration-none">
                                    {{ masina }}
                                </a>
                            </h5>

                            <hr>

                            <!-- Export Without Files -->
                            <form action="/summary/{{ id_car }}/{{ masina }}" 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>
<!--                            &lt;!&ndash; Export With Files &ndash;&gt;-->
<!--                            <form action="/summary/{{ id_car }}/{{ masina }}" method="POST">-->
<!--                                <button type="submit" name="export_detail_table_with_files"-->
<!--                                        class="btn btn-outline-primary btn-sm w-100 mb-2">-->
<!--                                    Export With Files-->
<!--                                </button>-->
<!--                            </form>-->

                            <!-- Delete Car -->
                            <form action="/delete_masina/{{ id_car }}/{{ masina }}" method="POST"
                                  onsubmit="return confirm('Are you sure you want to delete {{ masina }}?');">
                                <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>
                {% 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>
        <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 {{current_user.auto_app.last_profile_backup}}
        </button>
        </form>
<!--        <div class="text-center mt-5">-->
<!--            <a href="/backup_profile" class="btn btn-success btn-lg" name="backup_profile">-->
<!--                Backup Profile-->
<!--            </a>-->
<!--        </div>-->
<!--        <div class="text-center mt-5">-->
<!--            <a href="/import_profile" class="btn btn-success btn-lg">-->
<!--                Import profile backup from {{current_user.auto_app.last_profile_backup}}-->
<!--            </a>-->
<!--        </div>-->
    {% else %}
        <div class="alert alert-warning mt-4">
            Please log in to continue.
        </div>
    {% endif %}

</div>

{% endblock %}