@php
    $expressions = array();
    $page_size = TableBuilderHelper::get_cur_pagesize($permission_id);
    $pageviews = TableBuilderHelper::get_pageviews($permission_id);
    if(isset($_GET['view-page'])){
      $search_array = TableBuilderHelper::get_filtersettings($_GET['view-page']);
      if($search_array){
        foreach($search_array as $key => $array){
            unset($search_array[$key]);
            if(isset($array->colom)){
                $index = $array->colom;
                $search_array[$index] =  $array;
            }
        }
      }
        
      $expressions = TableBuilderHelper::get_expresssion_settings($_GET['view-page']);
    }
    $page_sizes = array("10","20","50","100","1000","2000","5000");
    $table_id = random_int(0, 999999);
@endphp
{{ \Breadcrumbs::render('page_builder',request()->query('model')) }}

<div class="row table-menu mb-2">

    <div class="col-8">
        @if(isset($sub_menu['top_menu']))
            @php TopMenuHelper::buidTopMenu($sub_menu); @endphp
        @endif
    </div>
    <div class="col-4">
        <div class="table-actions">
            <nav class="navbar navbar-expand justify-content-end">
                    <ul class="navbar-nav float-end ">
                       <li class="">
                            <a class="nav-link" data-bs-toggle="modal" data-bs-target="#AddModal{{$table_id}}" name="settingsSwitch" href="#" role="button" aria-label="Hide/Show Settings Modal">
                                <i class="bi bi-gear" data-bs-toggle="tooltip" title="Hide/Show Settings Modal" data-bs-placement="top"></i>
                            </a>
                        </li>
                        <li class="" >
                            <a class="nav-link"  name="Save View" role="button"  aria-label="Save View"  data-table_id = {{$table_id}} data-permission_id = {{$permission_id}} data-bs-toggle="modal" data-bs-target="#saveFilterSettings"><i class="bi bi-save" data-bs-toggle="tooltip" data-bs-placement="top" title="Save View"></i>
                            </a>
                        </li>
                        <li class="" >
                            <a class="nav-link"  role="button"  name="toggle" aria-label="Show filters" ><i class="bi bi-funnel fs-6" onclick="toggler('querybuilder{{$table_id}}');" data-bs-toggle="tooltip" data-bs-placement="top" title="Show filters"></i>
                            </a>
                        </li>

                        <li class="" >
                            <a class="nav-link"  role="button"  name="fullscreen" aria-label="Fullscreen" title="Fullscreen" onclick="toggleFullScreen()"><i class="bi bi-fullscreen" data-bs-toggle="tooltip" data-bs-placement="top" title="Fullscreen"></i></i>
                            </a>
                        </li>
                        <li class="position-relative" >
                            <div class="keep-open btn-group1" title="Columns">
                                <a class="nav-link dropdown-toggle"  role="button"  name="fullscreen" aria-label="Fullscreen" data-bs-toggle="dropdown"><i class="bi bi-list-ul list-icon-size"  data-bs-toggle="tooltip" data-bs-placement="top" title="Page Size"></i><span class="caret"></span></i>
                                </a>
                                <div class="dropdown-menu dropdown-menu-end font_size">
                                    @foreach($page_sizes as $key => $size)

                                        <label class="dropdown-item dropdown-item-marker d-flex"><input type="radio" permission_id="{{$permission_id}}" data-field="id" value="{{$size}}" @checked($size==$page_size) name="page_size" > <span class="ps-1">Page Size {{$size}}</span></label>

                                        @if((count($page_sizes)-1)>$key) <hr class="dropdown-divider"> @endif
                                    @endforeach
                                </div>
                            </div>
                        </li>
                        @if(!empty($pageviews))
                            <li class="position-relative" >
                                <div class="keep-open btn-group" title="Columns">
                                    <a class="nav-link dropdown-toggle"  role="button"  name="LoadView" aria-label="Fullscreen" data-bs-toggle="dropdown"><i class="bi bi-card-checklist" data-bs-toggle="tooltip" data-bs-placement="top" title="Load Saved View"></i><span class="caret"></span></i>
                                    </a>
                                    <div class="dropdown-menu dropdown-menu-end font_size">

                                        @foreach($pageviews as $key => $row)

                                            <label class="dropdown-item dropdown-item-marker d-flex"><input type="radio" data-field="id" value="{{$row->id}}" @if(isset($_GET['page'])) @checked($row->id==$_GET['page']) @endif name="page_view" > <span class="ps-1">{{$row->name}}</span></label>

                                            @if((count($pageviews)-1)>$key) <hr class="dropdown-divider"> @endif

                                        @endforeach
                                    </div>
                                </div>
                            </li>
                        @endif
                        <li class="position-relative" >
                            <div class="export btn-group">
                                <a class="nav-link dropdown-toggle"  role="button"  name="LoadView" aria-label="ExportData" data-bs-toggle="dropdown"><i class="bi bi-download " data-bs-toggle="tooltip" data-bs-placement="top" title="Export data"></i><span class="caret"></span></i>
                                </a>

                                <div class="dropdown-menu dropdown-menu-end font_size" style="">
                                    <a class="dropdown-item" id="export_csv" table_id="{{$table_id}}" permission_id = "{{$permission_id}}" href="javascript:void(0)">CSV</a>
                                    <hr class="dropdown-divider">
                                    <!-- <a class="dropdown-item" href="/table_builder_export?permission_id={{$permission_id}}&type=pdf">PDF</a> -->
                                </div>
                            </div>
                        </li>
                    </ul>
            </nav>
        </div>
    </div>
</div>

<!-------------------Fiters -------------->

    @include('layouts.querybuilder')

<!-------------------Fiters -------------->

<input type ="hidden" class="query" id="query" value="">
<input type ="hidden" id="table_id" value="{{$table_id}}">
<input type ="hidden" id="table_id{{@$permission_id}}" value="{{$table_id}}">
<input type ="hidden" id="page" value="">
<input type ="hidden" id="order_type" value="">
<input type ="hidden" id="column_name" value="">
<input type ="hidden" id="module" value="{{$model}}">
@if(isset($sub_menu['context_menu']))
<input type ="hidden" id="edit_cmdb" value="{{$sub_menu['context_menu'][0]->route_name}}">
@endif
<div class="table-responsive position-relative {{ count($data) ? 'table-min-height' : '' }} scrollbar tableFixHead" table-id="{{$table_id}}">
<table class="table  table-hover dataTable dtr-inline context-menu-one tableBuilder align-middle table-striped " id="{{$table_id}}">
  <!--Search Row-->
  <thead>
    <!--Table Head-->
    <tr> <!--Heading-->
      <th><i class="bi bi-search fs-6" role="button" " onclick="filterToggler({{$table_id}});" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Show Table filters" aria-label="Show filters"></i></th>
          @php
           $keys = array_keys($translation_set); @endphp
          @foreach($coloms as $key => $value)
            @if (in_array($value, $keys))
              @php $new_value = $translation_set[$value];@endphp
            @else
              @php $new_value = $value;@endphp
            @endif
            @php
            @endphp
                <th rel="{{array_search($value,$relational_column)}}"><span class="sorting">@sortablelink($new_value)</span></th>
          @endforeach

        @if(isset($sub_menu['inline_menu']))
          @if(@$sub_menu['inline_menu'][0]->sub_menu_name)
          <th>Action</th>
          @endif
        @endif
    <tr  style="display: none;" id="filtersToggler{{$table_id}}">
    <th></th>
        @foreach($coloms as $key => $value)
      <th>
      <input type="hidden" name="search[coloms][hoperator]{{$key}}" value="">
      <input type="hidden" name="search[coloms][hoperatortwo]{{$key}}" value="">
      <div class="dropdown">
      @php $search_val = ""; @endphp
      @if(isset($search_array[$key]))
        @if($search_array[$key]->colom==$key) 
            @php $search_val = $search_array[$key]->value; @endphp
        @endif
      @endif
    <!--If Null-->
    @if(isset($search_type[$value]) && $search_type[$value]=="null")
    @else
    <div class="input-group input-group-sm">
                    <input class="form-control form-control-sm searchinput searchinput{{$table_id}}" id="search[coloms][value]{{$key}}"  type="text" name = "search[coloms][value]{{$key}}" placeholder="Search {{$value}}" value="{{@$search_val}}"/>

                    <div class="input-group-append input-group-sm d-flex">
                        <span class="input-group-text background_color" >
                            <a class=" p-0 b-0 drop dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false">
                                <i class="bi bi-funnel fs-6 text-white"></i>
                            </a>
                            @if(isset($search_type[$value]) && $search_type[$value]=="checkbox")
                                <div class="dropdown-menu custom-dropdown pt-3" aria-labelledby="dropdownMenuLink">
                                    <div class="px-3">
                                        <!--Search-->
                                        <input type="text" class="search_colom custom-width-search" col_ref="checkbox{{$key}}" dynamic-key="{{$key}}"  model="{{$model}}" colom="{{$value}}">
                                    </div>
                                    <div class="px-3 dropdown-height">
                                        <!--Select-->
                                        <div  class="border-bottom-custom mt-2">
                                            <div class="d-flex align-items-center">
                                                <input type = "checkbox" col_ref="search[coloms][value]{{$key}}" field_ref="checkbox{{$key}}" value = "all" class="all_search" checked>
                                                <label  class="ml-2 mb-0 fs-12-dropdown">Select All</label>
                                            </div>