@extends('layout.master')
@section('parentPageTitle', 'Sucursales')
@section('title', 'Profesionales asignados')

@section('page-style')
<link rel="stylesheet" href="{{asset('assets/plugins/jquery-datatable/dataTables.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('assets/jquery-ui.css')}}">
<link rel="stylesheet" href="{{asset('assets/bootstrap.min.css')}}">
@stop

@section('content')


<meta name="csrf-token" content="{{ csrf_token() }}">

    <div class="row clearfix">
        <div class="col-md-12">
            <div class="card patients-list">

                <div class="body">
                    <!-- Nav tabs -->


                    <div align="right">
                        <a href="ingresar" class="btn btn-primary btn-round">Nueva sucursal</a>
                    </div>
                    
          
                        
                    <!-- Tab panes -->
                    <div class="tab-content m-t-10">
                        <div class="tab-pane table-responsive active" id="All">
                            <table class="table m-b-0 table-hover" id="tabla1" name="tabla1">
                                <thead>
                                    <tr class="ui-widget-header">                                       
                                        <th>ID</th>
                                        <th>Usuario</th>
                                        <th>Sucursal</th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody>
                                	@foreach ($data as $proAsig)
                                    <tr>
                                        <td>{{ $proAsig->id }}</td>
                                        <td>{{ ucwords($proAsig->name) }} {{ ucwords($proAsig->apaterno) }} {{ ucwords($proAsig->amaterno) }}</td>
                                        <td>{{ ucwords($proAsig->nombre_sucursal) }}</td>
                                        <td><button class="btn btn-danger btn-round eliminarAsigna btn-sm" type="button" name="{{$proAsig->id}}" id="{{$proAsig->id}}">Eliminar</button></td>
                                    </tr>
                                    @endforeach                                                                          
                                </tbody>
                            </table>
                        </div>


                    </div>
                </div>
            </div>
        </div>
    </div>
    
    

@stop

@section('page-script')
<script src="{{asset('assets/bundles/datatablescripts.bundle.js')}}"></script>
<script>

$( function() {

    $(".eliminarAsigna").click(function(){

        var r = confirm("Confirma eliminar");
        if (r == true) {
            var token = $('meta[name="csrf-token"]').attr('content');
            var url='eliminar_profesional_asignados';
            var data={"id" : this.id};

            $.ajax({
                type:'POST',
                url: url,
                data: data,
                headers: {
                    'X-CSRF-TOKEN': token
                },
                success:function(data){
                    //alert(data);
                    window.location.href = "profesionales_asignados";
                }
            });
        }                 
    });


});
    
$(document).ready(function() {
    $('#tabla1').DataTable({
        "language": {
            "lengthMenu": "Listar _MENU_ ",
            "zeroRecords": "Aún no tiene registros",
            "info": "Página _PAGE_ de _PAGES_",
            "infoEmpty": "",
            "Search": "Buscar",
            "infoFiltered": "(filtered from _MAX_ total records)",
            "search": "Buscar"
        },
        "order": [[ 0, "asc" ]]
    });

    
});
</script>
@stop