@extends ('body_content')

@section ('body')

	<div class="" ng-app="myApp" ng-controller="myCtrl" >
		<div class="row" >
	
			
				
				<div class=" col-md-10" >

					<h3 class="title">Lista de Profesionales</h3>
					<div class="separator-2"></div>
					<br>

                    <table class="table table-striped table-colored">
                        <!--<thead>-->
                        <!--<tr>-->
                            <!--<th>#</th>-->
                            <!--<th>First Name</th>-->
                            <!--<th>Last Name</th>-->
                            <!--<th>Username</th>-->
                        <!--</tr>-->
                        <!--</thead>-->
                        <!--<tbody>-->
                        <!--<tr>-->
                            <!--<td>1</td>-->
                            <!--<td>Mark</td>-->
                            <!--<td>Otto</td>-->
                            <!--<td>@mdo</td>-->
                        <!--</tr>-->
                        <!--<tr>-->
                            <!--<td>2</td>-->
                            <!--<td>Jacob</td>-->
                            <!--<td>Thornton</td>-->
                            <!--<td>@fat</td>-->
                        <!--</tr>-->
                        <!--<tr>-->
                            <!--<td>3</td>-->
                            <!--<td>Larry</td>-->
                            <!--<td>the Bird</td>-->
                            <!--<td>@twitter</td>-->
                        <!--</tr>-->
                        <!--<tr>-->
                            <!--<td>4</td>-->
                            <!--<td>Mark</td>-->
                            <!--<td>Otto</td>-->
                            <!--<td>@mdo</td>-->
                        <!--</tr>-->
                        <!--<tr>-->
                            <!--<td>5</td>-->
                            <!--<td>Jacob</td>-->
                            <!--<td>Thornton</td>-->
                            <!--<td>@fat</td>-->
                        <!--</tr>-->
                        <!--<tr>-->
                            <!--<td>6</td>-->
                            <!--<td>Larry</td>-->
                            <!--<td>the Bird</td>-->
                            <!--<td>@twitter</td>-->
                        <!--</tr>-->
                        <!--</tbody>-->


                        <thead>
                        <tr>
                            <th>#</th>
                            <th>Nombre</th>
                            <th>Apellido</th>
                            <th>Correo</th>
                            <th>Ciudad</th>
                            <th>Telefono</th>
                            <th>Servicios</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr ng-repeat="user in personas track by $index" >
                            <th scope="row">{{-- {{$index+1}} --}}</th>


                            <td>{{-- {{user.nombre}} --}}</td>
                            <td>{{-- {{user.apellido}} --}}</td>
                            <td>{{-- {{user.email}} --}}</td>
                            <td>{{-- {{user.ciudad}} --}}</td>
                            <td>{{-- {{user.telefono}} --}}</td>
                            <td >


                                <div ng-repeat="services in user.lista">
                                   {{--  {{services}} --}}
                                    <br>

                                </div>


                            </td>
                        </tr>

                        </tbody>
                    </table>


				</div>

		</div>
	</div>

@stop

@section ('script')

	{{--<script src="bower_components/ng-flow/dist/ng-flow-standalone.min.js"></script>--}}
	{{--<script src="js/scripts/js/app/commonService.min.js"></script>--}}

	<script>
		angular.module("myApp", ['security.authorization'])
				.controller("myCtrl", function ($http,$scope) {




					$scope.personas = []
					$http.get(http_path.user).then(function (response) {
						var listPErwsonas = [];
						var test = {}
						var lista = response.data.data.filter(function (item) {
							var existe = findPerson(listPErwsonas, item)
							console.log(existe);
							if (!existe) {
								listPErwsonas.push(item)
								existe = item;
								existe.lista =[]
							}
							existe.lista.push(item.servicio)
						})
						$scope.personas = listPErwsonas;

					})
				});


		function findPerson(list, persona) {
			return list.filter(function (item) {
				return item.idpersona == persona.idpersona
			})[0];

		}


	</script>

@stop