@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>ID</th>
                        <th></th>
                        <th>Nombre</th>
                        <th>Descripción</th>
                        <th>Precio</th>
                        <th>Promoción</th>
                        <th>Destacado</th>
                        <th>Creado</th>
                    </tr>
                </thead>

                <tbody>
                    @foreach($data as $d)
                        <tr id="{{ $d->id }}">
                            <td>{{ $d->id }}</td>
                            <td>
                                <figure class="image is-24x24">
                                    <img src="{{ $d->first_image['default']->icon }}"
                                         data-thumb="{{ $d->first_image['default']->thumb }}"
                                    >
                                </figure>
                            </td>
                            <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->links() }}
    </div>
</div>

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