@extends('plantilla')

@section('container')
    <div class="portlet box red" xmlns="http://www.w3.org/1999/html">
        <div class="portlet-title">
            <div class="caption">
                <i class="fa fa-cogs"></i>Servicios </div>
            <div class="actions">
                <a href="/servicios/nuevo" class="btn btn-default btn-sm">
                    <i class="fa fa-plus"></i> Agregar </a>
            </div>
        </div>
        <div class="portlet-body">
            <table id="datatable_tabletools" class="table table-striped table-bordered table-hover" style="width:100%;font-size:10px">
                <thead>
                <tr>
                    <th> ID </th>
                    <th style="width: 35px;"> Servicio </th>
                    <th> Tipo de Estudio </th>
                    <th> Costo </th>
                    <th> Clave </th>
                    <th> Status </th>
                    <th> Acci&oacute;n </th>
                </tr>
                </thead>
                <tbody>
                @foreach($servicios as $servicio)
                    <tr class="odd gradeX">
                        <td> {{$servicio->idservicio}} </td>
                        <td> {{$servicio->nombre}} </td>
                        <td> </td>
                        <td> ${{number_format($servicio->costo,2)}} </td>
                        <td> {{$servicio->clave}} </td>
                        <td> {{$servicio->activo==0?'No Activo':'Activo'}} </td>
                        <td>
                            <div class="btn-group">
                                <a class="btn btn-xs green" onclick="document.location='{{env("APP_URL")}}/servicios/editar/{{$servicio->idservicio}}'" ><i class="fa fa-pencil"></i> Editar</a>
                                <a class="btn btn-xs red" title='Eliminar' onclick="borrar('/servicios/eliminar/{{$servicio->idservicio}}')">Eliminar </a>
                            </div>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection
@section('footer')

    <script>
        $(document).ready(function () {
            $('[data-toggle="tooltip"]').tooltip();
        });
        $('#datatable_tabletools').dataTable({
            "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "Todos"]],
            language: {
                "info": "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
                "infoEmpty": "Mostrando registros del 0 al 0 de un total de 0 registros",
                "infoPostFix": "",
                "infoFiltered": "(filtrado de un total de _MAX_ registros)",
                "loadingRecords": "Cargando...",
                "lengthMenu": "Mostrar _MENU_ registros",
                "paginate": {
                    "first": "Primero",
                    "last": "�ltimo",
                    "next": "Siguiente",
                    "previous": "Anterior"
                },
                "processing": "Procesando...",
                "search": "Buscar:",
                "searchPlaceholder": "Busqueda",
                "zeroRecords": "No se encontraron resultados",
                "emptyTable": "Sin datos disponibles en esta tabla",
                "aria": {
                    "sortAscending":  ": Activar para ordenar la columna de manera ascendente",
                    "sortDescending": ": Activar para ordenar la columna de manera descendente"
                },
            }

        });

        bbapp.controller('ProyectoCtrl', function ($scope, $http, $httpParamSerializerJQLike) {


        });

    </script>
@endsection