#resources/views/admin/
@extends('admin.admin')
@section('content')

<div class="columns">
    <div class="column wo2-table-options">
        <a href="\{{ $sect['path'] }}nuevo" class="button is-primary row-option">Nuevo</a>
        <a href="\{{ $sect['path'] }}editar/%id%" class="button is-outlined is-hidden row-option-hidden">Editar</a>
        <a href="\{{ $sect['path'] }}borrar/%id%" class="button is-danger is-outlined is-hidden row-option-hidden wo2-table-options__delete">
            <span class="icon is-small"><i class="fa fa-trash"></i></span>
        </a>
    </div>
    <div class="column is-one-third">
        <div class="field">
            <p class="control has-icons-left has-icons-right">
                <input class="input wo2-table-search" type="text" placeholder="buscar en la lista...">
                <span class="icon is-small is-left"><i class="fa fa-search"></i></span>
                <span class="icon is-small is-right"><i class="fa fa-check"></i></span>
            </p>
        </div>
    </div>
</div>

<div class="columns wo2-table">
    <div class="column">
        <div class="th-background"></div>
        <div class="table-holder">
            <table class="table">
                <thead>
                    <tr>
                        <th data-col="id">ID</th>
                        {{#if has_medias}}
                        <th></th>
                        {{/if}}
                        <th data-col="name">Nombre</th>
                        <th data-col="description">Descripción</th>
                        <th data-col="created_at">Creado</th>
                    </tr>
                </thead>

                <tbody>
                    @foreach($data as $d)
                        <tr id="\{{ $d->id }}" data-pos="\{{ $d->pos }}">
                            <td>\{{ $d->id }}</td>
                            {{#if has_medias}}
                            <td>
                                <figure class="image is-24x24">
                                    <img src="\{{ $d->first_image['default']->icon }}"
                                         data-thumb="\{{ $d->first_image['default']->thumb }}"
                                    >
                                </figure>
                            </td>
                            {{/if}}
                            <td>\{{ $d->name }}</td>
                            <td>\{{ $d->description }}</td>
                            <td><span data-ttip="\{{ $d->created_at }}">\{{ w2_set_date_format_DMY($d->created_at) }}</span></td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

</div>

<div class="columns">
    <div class="column">
        \{{ $data->appends(['order' => request('order')])->links() }}
    </div>
</div>

@endsection
@push('scripts')
<script>
    const wo2_table = new window.Wo2Tables({
        section_path: '\{{ $sect['path'] }}'
    });
</script>
@endpush