@extends('layout.backoffice')
@section('content')
<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Lista clientes</h3>
                <a href="{{ url('backoffice/cms/gestionar') }}">
                    <button type="button" class="btn btn-primary btn-sm btn-flat float-right">Crear</button>
                </a>
            </div>
            <div class="card-body table-responsive">
                <div class="row">
                    <div class="form-group col-12 col-md-1">
                        <label>Titulo</label>
                        <input value="" name="titulo" id="titulo" type="text" class="form-control form-control-border form-control-sm aplicar_filtro filtro">
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <table class="table table-hover text-nowrap table-sm">
                            <thead>
                                <tr>
                                    <th class="col-11">Titulo</th>
                                    <th class="col-1">registro</th>
                                </tr>
                            </thead>
                            <tbody>
                            @foreach ($lista as $cms)
                                <tr data-url="{{ url('backoffice/cms/gestionar?id='.$cms["id_cms"]) }}" class="lista-cms" style="cursor: pointer">
                                    <td>{{ $cms["titulo"] }}</td>
                                    <td>{{ $cms["registro_fecha"] }}</td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
<script>
    jQuery(document).on('click', '.lista-cms', function () {
        location.href = jQuery(this).data("url");
    });

    jQuery(document).ready(function () {
        @if(isset($filtroAplicado))
            @foreach ($filtroAplicado as $key => $filtro)
                jQuery('#{{$key ?? ''}}').val("{{$filtro ?? ''}}").change();
            @endforeach
        @endif
    });

    jQuery('.aplicar_filtro').keyup(function (e) {
        if (e.keyCode === 13) {
            var filtro = window.btoa(Http_Query("filtro"));
            location.href = UrlGlobal + "cms/listar?filtro=" + filtro + Http_Query("ordenar");
        }
    });
</script>
@endsection