@extends('adm.index')
@section('categorias','active')
@section('categorias_true','true')
@section('categorias_show','show')
@section('categorias_collapsed','collapsed')
@section('form')

<style>
    form{
        margin-bottom: 40px !important;
        height: 100%;
    }
    main{
        max-height: none;
    }
</style>

<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="d-flex justify-content-between">
                <h2>Listado de categorías de la secci&oacute;n <?= $seccion ?></h2>
                <a href="{{route('crearCategoria', [ 'seccion' => $seccion ])}}" class="btn btn-success" >Nueva categoria</a>
            </div>
        </div>
        <div class="col-12">
            <table class="table">
    <thead>
        <tr>
            <th scope="col">Orden</th>
            <th scope="col">Nombre</th>
            <?php if($seccion == 'Productos' || $seccion == 'productos'){ ?>
                <th scope="col">Foto</th>
            <?php } ?>
            <th scope="col">Acci&oacute;n</th>
        </tr>
    </thead>
    <tbody>
        <?php foreach($categorias as $categoria){ ?>
            <tr>
                <td><?= $categoria->orden ?></td>
                <td><?= $categoria->nombre ?></td>
                <?php if($seccion == 'Productos' || $seccion == 'productos'){ ?>
                    <td><img src="{{asset(Storage::url($categoria->foto))}}" class="img-thumbnail" style="width: 200px; height: 200px;"></td>
                <?php } ?>
                <td>
                    <a class="btn btn-warning" role="button" href="<?= route('editarCategoria', ['id' => $categoria->id, 'seccion' => $seccion ]) ?>">
                        Editar categor&iacute;a
                    </a>
                    <a class="btn btn-danger" role="button" href="<?= route('eliminarCategoria', ['id' => $categoria->id, 'seccion' => $seccion]) ?>">
                        Eliminar categor&iacute;a
                    </a>
                </td>
            </tr>
        <?php } ?>
    </tbody>
</table>
        </div>
    </div>
</div>


@endsection
