@section('header')

    <link rel="stylesheet" href="/plugins/datatables/jquery.dataTables.min.css">
    <link rel="stylesheet" href="/plugins/datatables/dataTables.bootstrap.min.css">

@stop
@if($acc == "list" )

    @include('layouts.breadcumb')
<div class="row" >
    <div class="panel panel-orange panel-border" data-collapsed="0">


            <div class="panel-options pull-left">
                <ul class="nav nav-tabs">
                    @foreach( $modulos as $modulo )
                    <li class="{{ ($modulo->id == 1 || Input::get('modulo') == $modulo->id) ? 'active': '' }}">
                        <a href="#modulo-{{ $modulo->id }}" data-toggle="tab"><i class="{{ $modulo->icono }}"></i> {{ $modulo->nombre }}</a>
                    </li>
                    @endforeach
                </ul>
            </div>


        <div class="panel-body">
            <div class="clearfix"></div>
            <div class="tab-content">

                @foreach( $modulos as $modulo )
                <div class="tab-pane {{ ($modulo->id == 1 || Input::get('modulo') == $modulo->id) ? 'active': '' }}" id="modulo-{{ $modulo->id }}">
                    <div class="panel panel-warning" data-collapsed="0">
                        <!-- panel head -->
                        <div class="panel-heading">
                            <div class="panel-title"> <h4 class="page-title"><i class="{{ $modulo->icono }}"></i> {{ $modulo->nombre }}</h4></div>

                        </div>
                        <div class="md-fab-wrapper">
                            <a href="{{ $baseUrl }}/add/?modulo_id={{ $modulo->id }}" data-toggle="modal-ajax" class="md-fab md-fab-orange show-loading waves-light waves-effect">
                                <i class="fa fa-plus"></i>
                            </a>
                        </div>
                        <!-- panel body -->
                        <div class="panel-body">

                            <table class="table table-striped table-colored-bordered table-bordered-inverse table-hover table-responsive" id="table-{{ $modulo->id }}">
                                <thead>

                                    <tr>
                                        <th width="10%">Orden</th>
                                        <th width="10%">Parent</th>
                                        <th width="10%">ID</th>
                                        <th>Opción</th>
                                        <th>Url</th>
                                        <th>Parámetros</th>
                                        <th>Activo</th>
                                        <th width="7%">Editar</th>
                                        <th width="7%">Permisos</th>
                                    </tr>
                                    <tr class="filter-column-tr">
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach( \Opciones::getOpcionesByModulo( $modulo->id ) as $opcion )
                                    <tr class="">
                                        <td>{{ $opcion->orden }}</td>
                                        <td>{{ $opcion->parent }}</td>
                                        <td>{{ $opcion->id }}</td>
                                        <td>
                                            @if( $opcion->parent == 0 )
                                                <span class="label label-inverse">{{ $opcion->nombre }}</span>
                                            @else
                                                {{ $opcion->nombre }}
                                            @endif
                                        </td>
                                        <td>{{ $opcion->url }}</td>
                                        <td>{{ $opcion->parametros }}</td>
                                        <td class="centered">
                                            @if( $opcion->activo == 0 )
                                                <a class="btn btn-default btn-md"><i class="fa fa-2x fa-square-o"></i></a>
                                            @else
                                                <a class="btn btn-default btn-md"><i class="fa fa-2x fa-check"></i></a>
                                            @endif
                                        </td>
                                        <td class="centered">
                                            <a href="{{ $baseUrl }}/edit/{{ $opcion->id }}"
                                               data-toggle="modal-ajax"
                                               rel="tooltip"
                                               data-trigger="hover"
                                               data-placement="top"
                                               data-original-title="Editar Registro"
                                               class="btn btn-primary">
                                                <i class="fa fa-2x fa-edit popover-primary"></i>
                                            </a>
                                        </td>
                                        <td class="centered">
                                            @if( $opcion->parent > 0 )
                                            <a href="/sistema/definiciones/opciones-permisos/{{ $opcion->id }}"
                                               data-toggle="modal-ajax-big"
                                               rel="tooltip"
                                               data-trigger="hover"
                                               data-placement="top"
                                               data-original-title="Gestionar Permisos"
                                               class="btn btn-primary">
                                                <i class="fa fa-2x fa-lock"></i>
                                            </a>
                                            @endif
                                        </td>
                                    </tr>

                                    @endforeach
                                </tbody>
                            </table>
                        </div>

                    </div>
                </div>

                @endforeach

            </div>

        </div>

    </div>

</div>

@endif

@section('footer')

    <script src="/plugins/datatables/jquery.dataTables.min.js"></script>
    <script src="/plugins/datatables/dataTables.bootstrap.js"></script>

    <script type="text/javascript">

        setDatatable('#table-1');

    </script>

@stop

<!-- Agregar Modal -->
@if( $acc == "add" || $acc == "edit" )
    <form method="post" action="{{ $baseUrl }}" role="form" class="validate">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title">
                <i class="fa fa-edit"></i> {{ ($acc == 'add')?'AGREGAR':'(ID: #'.$row->id.') EDITAR' }} OPCION MENU
            </h4>
        </div>

        <div class="modal-body">
            <div class="form-group">
                <label for="exampleInputEmail1">Modulo</label>
                <select required data-validate="required" id="modulo_id" name="modulo_id" class="required form-control select2" data-allow-clear="true" data-placeholder="Seleccione un módulo...">
                    <option></option>
                    @foreach( \App\Entities\Modulos::getModulos() as $modulo )
                        <option selected value="{{ $modulo->id }}">{{ $modulo->nombre }}</option>
                    @endforeach
                </select>
            </div>
            <div class="form-group">
                <label for="parent">Parent</label>
                <select id="parent" name="parent" class="form-control select2" data-allow-clear="true" data-placeholder="Seleccione el Parent...">
                    <option></option>
                    @foreach( \App\Entities\Opciones::getOpcionesByModulo( $modulo_id, 0 ) as $parent )
                        <option selected value="{{ $parent->id }}">{{ $parent->nombre }}</option>
                    @endforeach
                </select>
            </div>
            <div class="form-group">
                <label for="nombre">Opción</label>
                <input value="{{ $row->nombre }}" data-validate="required" type="text" name="nombre" id="nombre" class="form-control" placeholder="Ingrese el nombre de la opción ...">
            </div>
            <div class="form-group">
                <label for="url">Url</label>
                <input value="{{ $row->url }}" data-validate="required" type="text" name="url" id="url" class="form-control" placeholder="Ej: /gestion/opciones/ ...">
            </div>
            <div class="form-group col-md-6 no-padding-left">
                <label for="icono">Icono</label>
                <input value="{{ $row->icono }}" type="text" name="icono" id="icono" class="form-control" placeholder="Ej: fa fa-edit">
            </div>
            <div class="form-group col-md-6 no-padding">
                <label for="parametros">Parámetros</label>
                <input value="{{ $row->parametros }}" type="text" name="parametros" id="parametros" class="form-control" placeholder="Ej: ?menu=no ...">
            </div>
            <div class="clearfix"></div>
            <div class="form-group col-md-5 no-padding-left">
                <label for="orden">Orden de aparición</label>
                <input value="{{ $row->orden }}" data-validate="required" type="text" name="orden" id="orden" class="form-control">
            </div>

            <div class="form-group col-md-6 no-padding">
                <label for="exampleInputPassword1">Estado</label>

                <div class="radio">
                    <input  data-color="yellow"
                           data-skin="square" class="icheck-me" value="1" type="radio" id="activo-radio-2"
                           name="activo">
                    <label for="activo-radio-1">Activo</label>
                </div>
                <div class="radio">
                    <input  data-color="grey"
                           data-skin="square" class="icheck-me" value="0" type="radio" id="activo-radio-1"
                           name="activo">
                    <label for="activo-radio-2">Inactivo</label>
                </div>
            </div>

            <div class="clearfix"></div>
        </div>

        <div class="modal-footer">
            <button type="button" class="btn btn-inverse btn-rounded waves-effect btn-lg btn-icon " data-dismiss="modal"><i
                        class="fa fa-close"></i> Cerrar</button>
            <button type="submit" data-loading-text="Loading..."  class="btn btn-orange btn-rounded waves-light waves-effect btn-icon btn-lg"><i class="fa fa-save"></i> Guardar</button>
        </div>
        <input type="hidden" name="_token" value="