@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row">
        <div>
            <div class="panel panel-default">
                <div class="panel-heading">Aparatos</div>
                <div class="panel-body">
                    <div class="actions">
                        <a href="/aparato_nuevo"><button type="button" class="btn btn-success">Nuevo Aparato</button></a>
                    </div>

                    <table id="record_list" class="table table-striped table-bordered dt-responsive" style="width:100% !important" cellspacing="0">
                        <thead>
                            <tr>
                                <th>&nbsp;</th>
                                <th>Nombre</th>
                                <th>Rol</th>
                                <th>Puerto</th>
                                <th>Plataforma</th>
                                <th>&nbsp;</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection


@section('scripts')
<script>

var nuevo=false;

$(document).ready(function() {

    $('#record_list').DataTable( {
        "order": [[ 1, "asc" ]],
        stateSave: true,
        "ajax":{
        "url": "/aparatos_list",
        "type": "GET"
        },
        "columns": [
            {"data":"id"},
            {"data":"nombre"},
            {"data":"rol"},
            {"data":"puerto"},
            {"data":"plataforma"},
        ],
        "language": {
            "url":"/js/Spanish.json"
        },

        "columnDefs": [
            {
                "orderable":false,
                "targets" : 0,
                "render": function ( data, type, row ) {
                    return '<a href="/aparato/'+row.id+'"><i class="fa fa-pencil-square-o"></i><a>';
                }
            },  
            {
                "orderable":false,
                "targets" : 2,
                "render": function ( data, type, row ) {
                    if(row.rol==1)
                        return 'PTP';
                    else if(row.rol==2)
                        return 'Router';
                    else if(row.rol==3)
                        return 'Switch';
                    else if(row.rol==4)
                        return 'AP';                    
                }
            },   
            {
                "orderable":false,
                "targets" : 4,
                "render": function ( data, type, row ) {
                     if(row.plataforma==0)
                         return '<a href="#">Detectar</a>';
                     else {
                        if(row.plataforma==1)
                            return 'Ubiquiti';
                        else if(row.plataforma==2)
                            return 'Mikrotik';                  
                }
                }
            }, 
            {
                "orderable":false,
                "targets" : 5,
                "render": function ( data, type, row ) {
                    return '<a href=# onClick="delete_record($(this).parents(\'tr\'))"><i class="fa fa-trash-o"></i><a>';
                }
            }   

        ]
    });
});

function delete_record(dom_row) {
   var dt_row=$('#record_list').DataTable().row(dom_row);
   var data = dt_row.data();
    bootbox.confirm("Est&aacute; seguro de borrar este aparato? No hay deshacer!",function(answer) {
            if(answer) {
                $.ajax({
                    url: '/aparato/'+data.id,
                    type: "DELETE",
                    dataType: "json",
                    contentType: "application/json",
                    success: function(result) {
                        if(result.status=='ok') {
                            $('#record_list').DataTable().ajax.reload();
                        }
                    },
                    error: function(e) {
                        alert("Error 003");
                    }

             });
            }
        });
}
</script>
@endsection