{% extends "layout.html" %}
{% from 'domain_table.macro.html' import domain_fulltext_table %}
{% from 'domain_table.macro.html' import paginate %}
{% from 'search_panel.macro.html' import search_panel %}

{% block body %}
<a style="display:none">index_fulltext.html</a>
<div class="contents">
    <style>
        .fixed-table-toolbar {
            display: none;
        }

        .fixed-table-loading {
            display: none;
        }

        div.dataTables_length select option {
            background-color: transparent;
        }

        div.dataTables_wrapper a.paginate_button {
            padding: 2px;
        }

        table.dataTable {
            clear: both;
            margin-top: 6px !important;
            margin-bottom: 6px !important;
            max-width: none !important;
            border-collapse: separate !important
        }

        table.dataTable td,
        table.dataTable th {
            -webkit-box-sizing: content-box;
            box-sizing: content-box
        }

        table.dataTable td.dataTables_empty,
        table.dataTable th.dataTables_empty {
            text-align: center
        }

        table.dataTable.nowrap th,
        table.dataTable.nowrap td {
            white-space: nowrap
        }

        div.dataTables_wrapper div.dataTables_length {
            float: left;
            display: inline;
        }

        div.dataTables_wrapper div.dataTables_length label {
            text-align: left;
            white-space: nowrap;
        }

        div.dataTables_wrapper div.dataTables_length select {
            width: 75px;
            display: inline-block
        }

        div.dataTables_wrapper div.dataTables_filter {
            text-align: right
        }

        div.dataTables_wrapper div.dataTables_filter label {
            white-space: nowrap;
            text-align: left
        }

        div.dataTables_wrapper div.dataTables_filter input {
            margin-left: 0.5em;
            display: inline-block;
            width: auto
        }

        div.dataTables_wrapper div.dataTables_info {
            padding-top: 0.85em;
            white-space: nowrap
        }

        div.dataTables_wrapper div.dataTables_paginate {
            margin: 0;
            white-space: nowrap;
            text-align: right
        }

        div.dataTables_wrapper div.dataTables_paginate ul.pagination {
            margin: 2px 0;
            white-space: nowrap;
            justify-content: flex-end
        }

        div.dataTables_wrapper div.dataTables_processing {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 200px;
            margin-left: -100px;
            margin-top: -26px;
            text-align: center;
            padding: 1em 0
        }

        table.dataTable thead > tr > th.sorting_asc,
        table.dataTable thead > tr > th.sorting_desc,
        table.dataTable thead > tr > th.sorting,
        table.dataTable thead > tr > td.sorting_asc,
        table.dataTable thead > tr > td.sorting_desc,
        table.dataTable thead > tr > td.sorting {
            padding-right: 30px
        }

        table.dataTable thead > tr > th:active,
        table.dataTable thead > tr > td:active {
            outline: none
        }

        table.dataTable thead .sorting,
        table.dataTable thead .sorting_asc,
        table.dataTable thead .sorting_desc,
        table.dataTable thead .sorting_asc_disabled,
        table.dataTable thead .sorting_desc_disabled {
            cursor: pointer;
            position: relative
        }

        table.dataTable thead .sorting:before,
        table.dataTable thead .sorting:after,
        table.dataTable thead .sorting_asc:before,
        table.dataTable thead .sorting_asc:after,
        table.dataTable thead .sorting_desc:before,
        table.dataTable thead .sorting_desc:after,
        table.dataTable thead .sorting_asc_disabled:before,
        table.dataTable thead .sorting_asc_disabled:after,
        table.dataTable thead .sorting_desc_disabled:before,
        table.dataTable thead .sorting_desc_disabled:after {
            position: absolute;
            bottom: 0.9em;
            display: block;
            opacity: 0.3
        }

        table.dataTable thead .sorting:before,
        table.dataTable thead .sorting_asc:before,
        table.dataTable thead .sorting_desc:before,
        table.dataTable thead .sorting_asc_disabled:before,
        table.dataTable thead .sorting_desc_disabled:before {
            right: 1em;
            content: "\2191"
        }

        table.dataTable thead .sorting:after,
        table.dataTable thead .sorting_asc:after,
        table.dataTable thead .sorting_desc:after,
        table.dataTable thead .sorting_asc_disabled:after,
        table.dataTable thead .sorting_desc_disabled:after {
            right: 0.5em;
            content: "\2193"
        }

        table.dataTable thead .sorting_asc:before,
        table.dataTable thead .sorting_desc:after {
            opacity: 1
        }

        table.dataTable thead .sorting_asc_disabled:before,
        table.dataTable thead .sorting_desc_disabled:after {
            opacity: 0
        }

        div.dataTables_scrollHead table.dataTable {
            margin-bottom: 0 !important
        }

        div.dataTables_scrollBody table {
            border-top: none;
            margin-top: 0 !important;
            margin-bottom: 0 !important
        }

        div.dataTables_scrollBody table thead .sorting:after,
        div.dataTables_scrollBody table thead .sorting_asc:after,
        div.dataTables_scrollBody table thead .sorting_desc:after {
            display: none
        }

        div.dataTables_scrollBody table tbody tr:first-child th,
        div.dataTables_scrollBody table tbody tr:first-child td {
            border-top: none
        }

        div.dataTables_scrollFoot > .dataTables_scrollFootInner {
            box-sizing: content-box
        }

        div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
            margin-top: 0 !important;
            border-top: none
        }


        table.dataTable.table-sm > thead > tr > th {
            padding-right: 20px
        }

        table.dataTable.table-sm .sorting:before,
        table.dataTable.table-sm .sorting_asc:before,
        table.dataTable.table-sm .sorting_desc:before {
            top: 5px;
            right: 0.85em
        }

        table.dataTable.table-sm .sorting:after,
        table.dataTable.table-sm .sorting_asc:after,
        table.dataTable.table-sm .sorting_desc:after {
            top: 5px
        }

        table.table-bordered.dataTable th,
        table.table-bordered.dataTable td {
            border-left-width: 0
        }

        table.table-bordered.dataTable th:last-child,
        table.table-bordered.dataTable th:last-child,
        table.table-bordered.dataTable td:last-child,
        table.table-bordered.dataTable td:last-child {
            border-right-width: 0
        }

        table.table-bordered.dataTable tbody th,
        table.table-bordered.dataTable tbody td {
            border-bottom-width: 0
        }

        div.dataTables_scrollHead table.table-bordered {
            border-bottom-width: 0
        }

        div.table-responsive > div.dataTables_wrapper > div.row {
            margin: 0
        }

        div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
            padding-left: 0
        }

        div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
            padding-right: 0
        }


        #searchlist .no-records-found {
            display: none ! important; 
        }

    </style>
    <!--============================= HEADER =============================-->
    <div class="nav-menu">
        <div class="bg transition">
            <div class="container-fluid fixed" style="background-color: #252a33;">
                <div class="row">
                    <div class="col-md-10">
                        <form method="GET" class="form-wrap mt-4">
                            <div class="btn-group" role="group" aria-label="Basic example">
                                <a class="navbar-brand" href="/">
                                    <img src="/static/images/logo.png" alt="NEXVISION" style="width:76px">
                                </a>
                                <input style="margin-top:10px;margin-bottom:10px" name="search" id="input_search"
                                       type="text" placeholder="What are your looking for?" class="btn-group1"
                                       value="{% print context['search'] %}">
                                <button style="margin-top:10px;margin-bottom:10px" type="submit" class="btn-form"><span
                                        class="icon-magnifier search-icon"></span>SEARCH<i
                                        class="pe-7s-angle-right"></i></button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- SLIDER -->
    <section class="slider d-flex align-items-left">
        <!-- <img src="images/slider.jpg" class="img-fluid" alt="#"> -->
        <div class="container" style="padding-top: 120px; max-width: 2000px">
            <div class="row d-flex justify-content-center" style="width:100%;background-color:white">
                <div class="col-md-12">


                    <table id="searchlist" class="table table-striped table-bordered" data-toggle="table"
                           data-pagination="true" data-search="false"
                           data-show-columns="true" data-show-pagination-switch="true" data-show-refresh="true"
                           data-key-events="true" data-show-toggle="true" data-resizable="true"
                           data-cookie="true"
                           data-cookie-id-table="saveId" data-show-export="true" data-click-to-select="true">
                    </table>

                </div>
            </div>
        </div>
    </section>
    <!--// SLIDER -->
    <!--//END HEADER -->

</div>
{% endblock %}