{% extends "/AdminTheme/base_admin.html" %}
{% block content %}
            <!-- Main Container -->
            <main id="main-container">

                <!-- Hero -->
                <div class="bg-body-light">
                    <div class="content content-full">
                        <div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-center">
                            <h1 class="flex-sm-fill font-size-h2 font-w400 mt-2 mb-0 mb-sm-2">Pages</h1>
                            <nav class="flex-sm-00-auto ml-sm-3" aria-label="breadcrumb">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item">Dashboard</li>
                                    <li class="breadcrumb-item active" aria-current="page">Pages</li>
                                </ol>
                            </nav>
                        </div>
                    </div>
                </div>
                <!-- END Hero -->

                <!-- Page Content -->
                <div class="content">
                    <!-- Dynamic Table Full -->
                    <div class="block block-rounded">
                        <div class="block-header block-header-default">
                            {% set published = 0 %}
                            {% for page in pages %}
                                {% if page.status == '1'%}
                                {% set published = published + 1 %}
                                {% endif %}
                            {% endfor %}
                            <p ><b>All</b>({{pages|length}}) | Published({{published}}) </p>
                        </div>
                        <div class="block-content block-content-full">
                            <table class="table table-bordered table-striped table-vcenter js-dataTable-full" id="pages">
                                <thead>
                                    <tr>
                                        <th class="text-center" style="width: 80px;">#</th>
                                        <th>Title</th>
                                        <th style="width: 20%;">Modified At</th>
                                        <th style="width: 25%;">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for page in pages %}
                                    <tr>
                                        <td class="text-center">{{ loop.index }}</td>
                                        <td class="font-w600">
                                            <a href="/mlebet/page/edit/{{page.id}}">{{ page.title }}</a>
                                        </td>
                                        <td>
                                            <em class="text-muted">{{page.modifiedAt}}</em>
                                        </td>
                                        <td>
                                            <a class="btn btn-sm btn-info" href="/{{page.slug}}" target="_blank"><i class="fab fa-chrome"></i></a>
                                            <!--<a class="btn btn-sm btn-dark" href="/mlebet/page/export/{{page.id}}" target="_blank"><i class="fa fa-download"></i></a>-->
                                            <a class="btn btn-sm btn-warning" href="/mlebet/page/edit/{{page.id}}"><i class="fa fa-pencil-alt"></i></a>
                                            <a class="btn btn-sm btn-success" href="/mlebet/page/builder/{{page.id}}"><i class="fa fa-pencil-ruler"></i></a>
                                            <a class="btn btn-sm btn-danger" href="/mlebet/page/delete/{{page.id}}"><i class="fa fa-eraser"></i></a>
                                        </td>
                                    </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <!-- END Dynamic Table Full -->
                </div>
                <!-- END Page Content -->
            </main>
            <!-- END Main Container -->
{% endblock %}
{% block script %}


{% endblock %}