@extends('plantilla')

@section('container')
    <div class="portlet box red" xmlns="http://www.w3.org/1999/html">
        <div class="portlet-title">
            <div class="caption">
                <i class="fa fa-cogs"></i>Categorias </div>
            <div class="actions">
                <a href="/categorias/nuevo" class="btn btn-default btn-sm">
                    <i class="fa fa-plus"></i> Agregar </a>
            </div>
        </div>
        <div class="portlet-body">
            <table class="table">
                <tr>
                    <td></td>
                </tr>
            </table>
            <table class="table table-striped table-bordered table-hover table-checkable order-column" id="sample_1">
                <thead>
                <tr>
                    <th> ID </th>
                    <th> Categoria </th>
                    <th> Acci&oacute;n </th>
                </tr>
                </thead>
                <tbody>
                @foreach($categorias as $categoria)
                    <tr class="odd gradeX">
                        <td> {{$categoria->idcategoriaproducto}} </td>
                        <td> {{$categoria->nombre}} </td>
                        <td>
                            <div class="btn-group">
                                <a class="btn btn-xs green" onclick="document.location='{{env("APP_URL")}}/categorias/editar/{{$categoria->idcategoriaproducto}}'" ><i class="fa fa-pencil"></i> Editar</a>
                                <a class="btn btn-xs red" title='Eliminar' onclick="borrar('/categorias/eliminar/{{$categoria->idcategoriaproducto}}')">Eliminar </a>
                            </div>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection

@section('footer')
    <script>
        var bbapp = angular.module('bbapp', []);
        bbapp.controller('FundacionCtrl', function ($scope, $http, $httpParamSerializerJQLike, $location) {

        });

    </script>
@endsection