@extends ('main_layout')

@section ('title') Modulos Registrados @stop

@section ('content')

<div class="well">
    <h1>Modulos Registrados</h1>
    <hr></hr>
    <br />
    <a href="{{ route('modules.create') }}" class="btn btn-primary" >Nuevo</a>
    <br />
    <br />

    <table id="table" class="table table-striped table-bordered table-hover" width="100%" cellspacing="0">
        <thead>
            <tr>
                <th>Id</th>
                <th>Nombre</th>
                <th>Descripción</th>
                <th>Estado</th>
                <th>Acciones</th>
            </tr>
        </thead>
    </table>
</div>
@stop
@section('scripts')
<script type="text/javascript">
    
$(document).ready( function() {
    
    $('#table').dataTable( {
        "bProcessing": true,
        "bServerSide": true,
        "sAjaxSource": "{{ route('modules.datatable') }}",

        "aaSorting": [[ 1, "asc" ]],
        "aoColumns": [
            { 'mData':'id', 'sWidth': '10%' },
            { 'mData':'name', 'sClass': 'center' },
            { 'mData':'description', 'sClass': 'center' },
            { 'mData':'state_id', 'sWidth': '5%', 'sClass': 'center', "bSortable": false,"bSearchable": false },
            { 'mData':'operations', 'sWidth': '10%', 'sClass': 'center', "bSortable": false,"bSearchable": false }
        ],
        "fnRowCallback":function( nRow, aData, iDataIndex ) {
            //console.log(aData.state_id);
            if ( aData.state_id == '1' ) {
                $('td:eq(3)', nRow).html( '<a href="modules/deactivate/'+aData.id+'" class="btn btn-default btn-xs" title="Desactivar"><span class="glyphicon glyphicon-ok" style="color:green"></span></a>' );  
            } else {
                $('td:eq(3)', nRow).html( '<a href="modules/activate/'+aData.id+'" class="btn btn-default btn-xs"" title="Activar"><span class="glyphicon glyphicon-remove" style="color:red"></span></a>' );  
            }
        }
        
    }); 
} );

</script>
@stop