@extends('plantilla.principal')


@section('titulo', 'Inicio')

@section('contenido')

    <!-- Begin Page Content -->
    <div class="container-fluid">

        <!-- Page Heading -->
        <h1 class="h3 mb-2 text-gray-800">Gestión de las opciones</h1>

        <a class="btn btn-success" href="javascript:void(0)" id="agregarOpcion">Agregar Opcion</a>

        <!-- DataTales Example -->
        <div class="card shadow mb-4">

            <div class="card-header py-3">
                <h6 class="m-0 font-weight-bold text-primary">Tabla de Opciones</h6>
            </div>

            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered data-table" id="dataTable" width="100%" cellspacing="0">
                        <thead>
                            <tr>
                                <th>Id</th>	
                                <th>Nombre</th>	
                                <th>Acciones</th>	
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>

    </div>
               
            
@endsection

@include('admin.opciones.modal_items')
@include('admin.opciones.modal_agregar_opcion')
@include('admin.opciones.modal_agregar_item')

@section('js')
@include('admin.opciones.scripts.scripts_opciones')
@endsection