<!-- Wappler include head-page="layouts/main" fontawesome_5="cdn" bootstrap5="local" is="dmx-app" id="start" appConnect="local" components="{dmxSwiper:{},dmxBootstrap5Navigation:{},dmxFormatter:{},dmxBootstrap5Toasts:{},dmxBootstrap5TableGenerator:{}}" -->
<dmx-serverconnect id="serverconnect2" url="/api/qSubSection" dmx-param:subid="(swiper1.index + 1)"></dmx-serverconnect>
<div is="dmx-bs5-toasts" id="toasts1"></div>
<dmx-serverconnect id="serverconnect1" url="/api/qSection"></dmx-serverconnect>
<meta name="ac:route" content="/start">
<div class="container">
    <nav class="navbar navbar-expand-lg">
        <span class="navbar-text">Page {{(swiper1.index + 1)}}</span>
        <span class="navbar-text">Navbar Text</span><span class="navbar-text">Navbar Text</span>

    </nav>
    <div class="row">
        <div class="col">
            <div is="dmx-swiper" id="swiper1" pagination="fraction" navigation="true" dmx-bind:slides="serverconnect1.data.query" loop="true" scrollbar="true">
                <div class="swiper-slide">
                    <div class="row">
                        <h2> {{txtSection}}</h2>
                    </div>
                    <div class="row">
                        <div class="table-responsive">
                            <table class="table table-striped table-bordered table-sm">
                                <thead>
                                    <tr>
                                        <th>Index</th>
                                        <th>Is section</th>
                                        <th>Num section</th>
                                        <th>Txt section</th>
                                    </tr>
                                </thead>
                                <tbody is="dmx-repeat" dmx-generator="bs5table" dmx-bind:repeat="serverconnect2.data.query" id="tableRepeat1">
                                    <tr>
                                        <td dmx-text="index"></td>
                                        <td dmx-text="isSection"></td>
                                        <td dmx-text="numSection"></td>
                                        <td dmx-text="txtSection"></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>


                </div>
            </div>
        </div>
    </div>
</div>