@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">

        <!-- panel head -->
        <div class="panel-heading">


        </div>

        <!-- panel body -->
        <div class="panel-body">

            <table class="table table-striped table-colored-bordered table-bordered-inverse table-hover table-responsive" id="table-1">
                <thead>

                    <tr>
                        <th width="10%">CÓDIGO</th>
                        <th>NOMBRE</th>
                        <th>MÓDULO</th>
                        <th>VALOR</th>
                        <th width="7%">Editar</th>
                        <th width="7%">Eliminar</th>
                    </tr>
                    <tr class="filter-column-tr">
                        <th></th>
                        <th></th>
                        <th></th>
                        <th></th><th></th><th></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach( $rows as $row )
                    <tr class="">
                        <td>{{ $row->codigo }}</td>
                        <td>{{ $row->nombre }}</td>
                        <td>{{ $row->modulo }}</td>
                        <td style="text-align: center">{{ $row->valor }}</td>
                        <td class="centered">
                            <a href="{{ $baseUrl }}/edit/{{ $row->id }}"
                                rel="tooltip"
                                data-original-title="Editar Registro"
                                data-toggle="modal-ajax"
                                class="btn btn-primary">
                                <i class="fa fa-2x fa-edit"></i>
                            </a>
                        </td>
                        <td class="centered">
                            <a data-url="{{ $baseUrl }}/delete/{{ $row->id }}"
                               rel="tooltip"
                               data-original-title="Eliminar Registro"
                               data-title="{{ $row->nombre }}"
                               data-toggle="modal-delete"
                               class="btn btn-primary">
                                <i class="fa fa-2x fa-trash-o"></i>
                            </a>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

    </div>
</div>

<div class="md-fab-wrapper">
    <a href="{{ $baseUrl }}/add/" data-toggle="modal-ajax" class="md-fab md-fab-orange show-loading waves-light waves-effect">
        <i class=" fa fa-plus"></i>
    </a>
</div>
@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
@endif
<!-- Agregar Modal -->
@if( $acc != "list" )
    <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">
                {{ ($acc == 'add')?'AGREGAR':'EDITAR' }} {{ $breadcumb->nombre }}
            </h4>
        </div>

        <div class="modal-body">
            <div class="form-group col-sm-6">
                <label for="codigo">Código</label>
                <input value="{{ $row->codigo }}" data-validate="required" type="text" name="codigo" id="codigo" class="form-control" style="text-transform: uppercase" />
            </div>
            <div class="form-group col-sm-6">
                <label for="nombre">Nombre</label>
                <input value="{{ $row->nombre }}" data-validate="required" type="text" name="nombre" id="nombre" class="form-control" placeholder="" style="text-transform: uppercase"/>
            </div>
            <div class="form-group col-sm-6">
                <label for="valor">Valor</label><br/>
                <textarea name="valor" id="valor" cols="15" rows="10" class="form-control">{{$row->valor}}</textarea>
            </div>
            <div class="form-group col-sm-6">
                <label for="nombre">Módulo</label>
                <div class="clearfix"></div>
                <select id="modulo_select" name="modulo" class="form-control select2 required" data-validate="required" data-allow-clear="true" data-placeholder="Seleccione un Módulo">
                    <option>Seleccione el Módulo...</option>
                    @foreach( \App\Entities\Modulos::getModulos( $modulo, 0 ) as $modulo )
                    <option selected value="{{ $modulo->nombre }}">{{ $modulo->nombre }}</option>
                    @endforeach
                </select>
            </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="