{% extends "admin/change_list.html" %}
{% block content %}
<div class="container-fluid">
    <div class="row mt-4">
        <div class="col">
            <div class="card shadow-sm mb-2 db-graph">
                <div class="card-header p-2">
                    <h6 class="text-white m-0 font-md">Журнал синхронизации</h6>
                </div>
                <div class="card-body">
                    <!-- Форма фильтрации по отелям -->
                    <form method="get" class="form-inline mb-3">
                        <label for="hotel-filter" class="mr-2">Фильтр по отелям:</label>
                        <select name="hotel" id="hotel-filter" class="form-control mr-2">
                            <option value="">-- Все отели --</option>
                            {% for hotel in hotels %}
                                <option value="{{ hotel.id }}" {% if hotel.id|stringformat:"s" == selected_hotel %}selected{% endif %}>
                                    {{ hotel.name }}
                                </option>
                            {% endfor %}
                        </select>
                        <button type="submit" class="btn btn-primary">Применить</button>
                    </form>

                    

                    <!-- Список существующих журналов синхронизации -->
                    <div class="table-responsive tbl-wfx mt-1 kot-table">
                        <table class="table table-sm">
                            <thead class="text-dark font-md">
                                <tr class="text-dark-blue">
                                    <th>#</th>
                                    <th>Отель</th>
                                    <th> Дата синхронизации</th>
                                    <th>Обработанные записи</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for log in sync_logs %}
                                <tr>
                                    <td>{{ log.id }}</td>
                                    <td>{{ log.hotel.name }}</td>
                                    <td>{{ log.created }}</td>
                                    <td>{{ log.processed_records }}</td>
                                </tr>
                                {% empty %}
                                <tr>
                                    <td colspan="5" class="text-center">Нет записей.</td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{% endblock %}
