{% extends 'admin/layout.html.twig' %}

{% block title %}Список доступных посёлков{% endblock %}

{% block body %}
<div class="row">
    <div class="col-12 col-lg-3 mb-3 mb-lg-0">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Коттеджные посёлки</h3>
            </div>
            <div class="card-body p-2">
                <div class="treeview">
                    <ul>
                        {% for village_item in villages %}
                            <li>
                                <div>
                                    <p>
                                        <a href="{{ path('admin_village_list', { 'village': village_item.id  }) }}" {{ village_item.id == village.id ? 'class="active"' }}>
                                            {{ village_item.name }}
                                        </a>
                                    </p>
                                </div>

                                {% if village_item.phases and village_item.phases.count > 0 %}
                                    <ul>
                                        {% for phase_item in village_item.phases %}
                                            <li>
                                                <div>
                                                    <p>
                                                        <a href="{{ path('admin_village_phase_list', { 'village': village_item.id, 'id': phase_item.id  }) }}" {{ phase is defined and phase_item.id == phase.id ? 'class="active"' }}>
                                                            {{ phase_item.name }}
                                                        </a>
                                                    </p>
                                                </div>
                                            </li>
                                        {% endfor %}
                                    </ul>
                                {% endif %}
                            </li>
                        {% endfor %}
                    </ul>
                </div>
            </div>
        </div>

    </div>
    <div class="col-12 col-lg-9">
        {% include 'admin/village_phase/_page_header.html.twig' with {
            'title': 'Земельные участки «' ~ village.name  ~ '»' ~ ' — ' ~phase.name,
            'pretitle': 'Управление посёлками',
            'actions': [
                {'name': 'Редактировать очередь', 'url': path('admin_village_phase_edit', { 'village': village.id, 'id': phase.id }), 'class': 'btn-primary' },
                {'name': 'Добавить участок', 'url': path('admin_stead_new', { 'village': village.id, 'phase': phase.id }), 'class': 'btn-primary' },
                {'name': 'Экспорт/Импорт',
                    'url': 'javascript:void(0);',
                    'class': 'btn-primary',
                    'dropdown': [
                        { 'name': 'Экспорт', 'url': path('admin_village_phase_export_xlsx', { 'phase': phase.id }) },
                        { 'name': 'Импорт', 'url': path('admin_village_phase_import_xlsx', { 'phase': phase.id }) }
                    ]
                },
            ]
        } %}

        {% include 'admin/village/_stead_filter.html.twig' %}

        <div class="card">
            <div class="card-table table-responsive">
                <table class="table table-vcenter">
                    <thead>
                        <tr>
                            <th>Название</th>
                            <th>Номер</th>
                            <th>Площадь</th>
                            <th>Цена</th>
                            <th>Статус</th>
                            <th>Активность</th>
                            <th class="text-end">Действия</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for stead in village_steads %}
                            <tr>
                                <td>{{ stead.name }}</td>
                                <td>{{ stead.number }}</td>
                                <td>{{ stead.area }}</td>
                                <td>{{ stead.cost }}</td>
                                <td>
                                    {% if stead.status %}
                                        {% if stead.status is instanceof('App\\Entity\\VillageSteadStatus\\Sale') %}
                                            <span class="badge bg-primary">{{ stead.status.name  }}</span>
                                        {% elseif stead.status is instanceof('App\\Entity\\VillageSteadStatus\\Reserved')  %}
                                            <span class="badge bg-yellow">{{ stead.status.name  }}</span>
                                        {% elseif stead.status is instanceof('App\\Entity\\VillageSteadStatus\\Sold')  %}
                                            <span class="badge bg-red">{{ stead.status.name  }}</span>
                                        {% elseif stead.status is instanceof('App\\Entity\\VillageSteadStatus\\NotForSale')  %}
                                            <span class="badge bg-secondary">{{ stead.status.name  }}</span>
                                        {% endif %}
                                    {% else %}
                                        &mdash;
                                    {% endif %}
                                </td>
                                <td>
                                    {% if stead.isActive %}
                                        <span class="badge bg-primary">Да</span>
                                    {% else %}
                                        <span class="badge bg-secondary">Нет</span>
                                    {% endif %}
                                </td>
                                <td class="text-end">
                                    <a class="btn btn-sm" href="{{ path('admin_stead_edit', {'id': stead.id}) }}">редактировать</a>
                                </td>
                            </tr>
                        {% else %}
                            <tr>
                                <td colspan="12">no records found</td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

{% endblock %}