{% extends 'App::layout_dashboard_angular.html.twig' %}

{% block body %}

<!-- **** -->
<!-- start: Category Controller : AngularJS -->
<!-- **** -->
<div  ng-controller="categoryController">

	<div class="img-cover img-cover-purple" style="background-image: url('/img/background_blue_v0011.jpg')">
		<div class="container p-t-b-50 m-t-60">
			<div class="row text-center">
				<div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1">
					<h3 class="no-m m-b-15 font-thin"  style="color: white;">Vos compétences</h3>

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


	<div class="p-t-b-10 b-b-b-l">
		<div class="container">
			<div class="row">
				<div class="col-sm-6 m-t-b-10">

				</div>
				<div class="col-sm-6 text-right m-t-b-10">
					<ol class="breadcrumb no-p-r-l no-m no-bg no-p">
						<li><a href="#">Mon compte</a></li>
						<li class="active">Ajouter compétences</li>
					</ol>
				</div>
			</div>
		</div>
	</div>


	<div class="content-padding p-t-20">
		<div class="container">
			<div class="row">

				<div class="col-lg-12">
					<div class="ibox float-e-margins">

						<div class="ibox-content">


							<div class="row">

					

								
								<div class="col-lg-4">

									{% include 'App::leftbar_setting.html.twig' %}




								</div>
								<div class="col-lg-8">
									<div class="ibox-title form-edit" style="background:red">
										
									</div>
									
									 
	

								

									

								<p ng-show="addActionIsVisible"><button ng-click="buttonAdd()" class="btn btn-primary pull-right">Ajouter une compétence</button></p>

								<p ng-show="!addActionIsVisible"><button ng-click="refreshForm()" class="btn btn-primary pull-right">Ajouter une compétence</button></p>



								<div style="clear:both;"></div>

								<br />

									<form class="well well-lg" ng-show="addIsVisible"> 



										<h2 style="font-weight:700;color:#34495e;"><span ng-show="addActionIsVisible">Ajouter</span><span ng-show="!addActionIsVisible">Modifier</span> une compétence</h2>

										<p><a ng-click="refreshForm()"  class="btn btn-text" ng-show="!addActionIsVisible"><i class="fa fa-refresh" aria-hidden="true"></i> Réinitialiser du formulaire</span></a></p>
										<hr />

										<div class="row">
											<div class="col-xs-6" ng-click="changeCompleteInput()">
									
												  <div class="form-group">


														<div  ng-show="autocompleteIsVisible"

														  angucomplete-alt id="ex2"
														  placeholder="Choisir une compétence"
														  pause="300"
														  selected-object="selectedPerson"
														  local-data="categories"
														  search-fields="name"
														  title-field="name"
														  image-field="pic"
														  minlength="1"
														  input-class="form-control form-control-small"

														  match-class="highlight"
														  input-changed="inputPerson" >
														</div>


														<div  ng-show="!autocompleteIsVisible">
															<button class="btn btn-block btn-default" style="font-weight:800;" type="text" ng-model="input_category_id"/>{[{  input_category_name }]}</button>
														</div>


												  </div>

											</div>
											<div class="col-xs-6">


										<div class="row">

<!-- is Prof -->
{% if app.getUser().getProfile().getRole() == 'ROLE_WEBMASTER' %}

											<div class="col-xs-8">
												  <div class="form-group" >
												  	<input class="form-control" type="number"  step="0.01" ng-model="category_price"/>
												  </div>
											  </div>

											  <div class="col-xs-4" style="margin-top:5px;">

											  	<span class="text-center" style="font-weight:600;">€ / heure</span>
											  </div>
<!-- is Prof -->
{% endif %}


										  </div>

											  </div>

										  </div>




<!-- is Prof -->
{% if app.getUser().getProfile().getRole() != 'ROLE_WEBMASTER' %}


										    <div class="form-group">
										    
										    	<div class="row">
										    		<div class="col-md-6">
										    				<h4>Prix minimum (€ / heure) :</h4>

												  <div class="form-group" >
												  	<input class="form-control" type="number"  step="0.01" ng-model="category_price_min"/>
												  </div>

										    		</div>
										    		<div class="col-md-6">
										    				<h4>Prix maximum (€ / heure):</h4>
										    			
												  <div class="form-group" >
												  	<input class="form-control" type="number"  step="0.01" ng-model="category_price_max"/>
												  </div>

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

{% endif %}






										    <div class="form-group">
										  
										    
										<div class="row">
											<div class="col-md-3">
											  <div class="checkbox">
											    <label>
											      <input type="checkbox"  ng-model="first_hour" > 1er cours offert !
											    </label>
											  </div>
											</div>
											<div class="col-md-3">
											  <div class="checkbox">
											    <label>
											      <input type="checkbox"  ng-model="webcam" > Webcam
											    </label>
											  </div>
											</div>
		
										</div>

										    </div>





										    <div class="form-group">
										    	<h4>Niveaux :</h4>
										    
													<div class="row">
														<div class="col-md-3">
														  <div class="checkbox">
														    <label>
														      <input type="checkbox"  ng-model="primaire" > Primaire
														    </label>
														  </div>
														</div>
														<div class="col-md-3">
														  <div class="checkbox">
														    <label>
														      <input type="checkbox"  ng-model="college" > Collège
														    </label>
														  </div>
														</div>
														<div class="col-md-3">
														  <div class="checkbox">
														    <label>
														      <input type="checkbox"  ng-model="lycee" > Lycée
														    </label>
														  </div>
														</div>
														<div class="col-md-3">
														  <div class="checkbox">
														    <label>
														      <input type="checkbox"  ng-model="superieur" > Supérieur
														    </label>
														  </div>
														</div>
													</div>

										    </div>

										    <div class="form-group">
										    	<h4>Lieux du cours :</h4>
										    
													<div class="row">


														<div class="col-md-3">
														  <div class="checkbox">
														    <label>
														      <input type="checkbox"  ng-model="in_place" > {% if app.user.profile.role == 'ROLE_WEBMASTER' %}Je peux recevoir mes élèves
														      {% else %}Chez le professeur{% endif %}
														    </label>
														  </div>
														</div>


														<div class="col-md-3">
														  <div class="checkbox">
														    <label>
														      <input type="checkbox"  ng-model="out_place" > {% if app.user.profile.role == 'ROLE_WEBMASTER' %}Je peux me déplacer {% else %}A mon domicile{% endif %}
														    </label>
														  </div>
														</div>
				

													</div>

										    </div>



										  <div class="form-group">

										  	<h4>Description :</h4>

										  <textarea class="form-control" rows="12" ng-model="category_desc" ></textarea>
										
								

										  </div>

										  <div class="row">
										  	<div class="col-xs-6">
											  <div class="checkbox">
											    <label>
											      <input type="checkbox"  ng-model="category_status" > En ligne
											    </label>
											  </div>
											</div>
										  	<div class="col-xs-6">
												<button ng-show="addActionIsVisible" ng-click="addCategory()" class="btn btn-lg btn-primary pull-right" >Ajouter</button>
												<button ng-show="!addActionIsVisible" ng-click="editCategory()" class="btn btn-lg btn-primary pull-right" >Modifier</button>
											</div>
										  </div>

	
									   </form>


									   <h3>Mes compétences</h3>
									   <hr />

									  

									   <span  class="row" ng-show="isLoading">
									   		<hr />
										   <span  class="col-md-12" style="text-align:center;"><img src="/img/ellipsis.gif"/></span>
										   <br />
										   <span  class="col-md-12" style="text-align:center;">Chargement...</span>
									   </span>

									   <div ng-repeat="c in categoriesProfile">
									   	<div  class="row" >
									   		<div  class="col-sm-3 text-center" >
									   			<span style="text-align:center;" style="width:40px;"><img src="{[{ c.category.parent.ios_icon }]}" width="40"/></span>
									   			<span style="font-weight:700;padding-top:18px;">{[{ c.category.name }]}</span>
									   		</div>
									   		<div  class="col-sm-3 text-center" >
										        <span style="text-align:center;padding-top:18px;" ng-if="c.price_per_hour == NULL"><span style="font-weight:600;">-</span></span>
										        <span  style="text-align:center;padding-top:18px;" ng-if="c.price_per_hour != NULL"><span style="font-weight:900;font-size:20px;">{[{ c.price_per_hour }]}</span><sup style="font-size:12px;">€ / Heure</sup></span>
									   		</div>
									   		<div  class="col-sm-3 text-center" >
									   			<!--
										        <span  style="text-align:center;padding-top:18px;" ng-if="c.status == 0">
										        	<button  class="btn btn-default" ng-click="changeStatus(c.category.id, true)" style="cursor: pointer;font-weight:600;color:#95a5a6;"><i class="fa fa-circle-o" aria-hidden="true"></i> Hors ligne</button>
										        </span>

										        <span  style="text-align:center;padding-top:18px;" ng-if="c.status == 1">
										        	<button class="btn btn-default"  ng-click="changeStatus(c.category.id, false)" style="cursor: pointer;font-weight:600;color:#2ecc71;"><i class="fa fa-circle" aria-hidden="true"></i> En ligne</button>
										        </span>
										    -->
										        <span  style="text-align:center;padding-top:18px;" ng-if="c.status == 0">
										        	<button  class="btn btn-default" style="cursor: pointer;font-weight:600;color:#95a5a6;"><i class="fa fa-circle-o" aria-hidden="true"></i> Hors ligne</button>
										        </span>

										        <span  style="text-align:center;padding-top:18px;" ng-if="c.status == 1">
										        	<button class="btn btn-default" style="cursor: pointer;font-weight:600;color:#2ecc71;"><i class="fa fa-circle" aria-hidden="true"></i> En ligne</button>
										        </span>
									   		</div>





									   		<div  class="col-sm-3 text-center" >
									            <span>
										            	<a  class="btn btn-sm btn-text" ng-click='loadCategory(c.id)'   style="color:#2980b9;"><i class="fa fa-edit"></i> Modifier</a>  
										            	<a class="btn btn-sm btn-text"  ng-click='deleteProfileCategory(c.id)'  style="color:#c0392b;"><i class="fa fa-trash" aria-hidden="true"></i> Supprimer</a></span>
									   		</div>
									   	</div>
									   	<hr />
									   </div>



										<!--
										<div class="table-responsive">
										    <table class="table table-reflow" ng-show="loadingTable">


										        <div ng-repeat="c in categoriesProfile">
										        

										        	<td style="text-align:center;" style="width:40px;"><img src="{[{ c.category.parent.ios_icon }]}" width="40"/></td>
										        
										            <td style="font-weight:700;padding-top:18px;">{[{ c.category.name }]}</td>

										            <td  style="text-align:center;padding-top:18px;" ng-if="c.price_per_hour == NULL"><span style="font-weight:600;">-</span></td>
										            <td  style="text-align:center;padding-top:18px;" ng-if="c.price_per_hour != NULL"><span style="font-weight:900;font-size:20px;">{[{ c.price_per_hour }]}</span><sup style="font-size:12px;">€ / Heure</sup></td>
										            
										            <td  style="text-align:center;padding-top:18px;" ng-if="c.status == 0"><button class="btn btn-default" ng-click="changeStatus(c.category.id, true)" style="cursor: pointer;font-weight:600;color:#95a5a6;"><i class="fa fa-circle-o" aria-hidden="true"></i> Hors ligne</button></td>
										            <td  style="text-align:center;padding-top:18px;" ng-if="c.status == 1"><button class="btn btn-default"  ng-click="changeStatus(c.category.id, false)" style="cursor: pointer;font-weight:600;color:#2ecc71;"><i class="fa fa-circle" aria-hidden="true"></i> En ligne</button></td>

										           
										            <td style="text-align:right;">
										            	<a  class="btn btn-text" ng-click='loadCategory(c.id)'   style="color:#2980b9;"><i class="fa fa-edit"></i> Modifier</a>  
										            	<a class="btn btn-text"  ng-click='deleteProfileCategory(c.id)'  style="color:#c0392b;"><i class="fa fa-trash" aria-hidden="true"></i> Supprimer</a></td>

										            -->

										        </div>

										    </table>
										</div>

										
									</div>

									

					
								



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

				</div>

			</div>

		</div>
</div>
<!-- **** -->
<!-- end: Category Controller : AngularJS -->
<!-- **** -->
{% endblock body %}


{% block stylesheets %}
	<style>
	#app_form_profile_category_type_category {
		display: block;
		width: 100%;
		height: 100%;
		padding-bottom: 20px;
	}
	#app_form_profile_category_type_category:after {
	  	clear: both;
	}
	.radio {
		float: left;
		padding: 30px;

	}
	</style>


            <script type="text/javascript" >

                    var current_url = window.location.href.toString();
                    var dev_env = false;
                    var domain = "";

                    function init ()
                    {

                        //console.log(current_url);
                        /*
                        if (current_url.includes("dev"))
                        {
                            dev_env = true;
                            domain = "http://localhost:8888/web/app_dev.php";

                        }
                        */
                        if (current_url.includes("localhost"))
                        {
                            dev_env = true;
                            domain = "http://localhost:8000";
                            console.log(domain);

                        }                    
                        else if (!current_url.includes("dev"))
                        {
                            dev_env = false;
                            domain = "https://www.rueduprof.com";
                        }
                    }

            </script>
{% endblock %}



{% block angularjs %}



	<script>

		'use strict';
		// the main (app) module

		var MyNamespace = MyNamespace || {};

		var appUserId = '{{app.user.id}}';

		var appRole = '{{ app.getUser().getProfile().getRole() }}';
		
		//console.log(appRole);

		init ();




			function nl2br (str, is_xhtml) {
			    var breakTag = (is_xhtml || typeof is_xhtml === 'undefined') ? '<br />' : '<br>';
			    return (str + '').replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g, '$1' + breakTag + '$2');
			}

		String.prototype.addSlashes = function() 
		{ 
		   //no need to do (str+'') anymore because 'this' can only be a string
		   return this.replace(/[\\"]/g, '\\$&').replace(/\u0000/g, '\\0');
		} 

		 var origin = "https://www.rueduprof.com";
		 // var origin = "http://localhost:8888/web/app_dev.php";
		 origin = domain;

		 MyNamespace.helpers = {
		   isNotString: function(str) {
		     return (typeof str !== "string");
		   }
		};


		var myApp = angular.module('myApp', ['ngRoute', 'ngSanitize', 'angucomplete-alt']);

		myApp.config(function($interpolateProvider){
		    $interpolateProvider.startSymbol('{[{').endSymbol('}]}');
		});


		myApp.service('Math', function () {
		  this.multiply = function (x, y) {
		    return x * y;
		  };
		});

		myApp.factory('myHttp', function($http) {
		  var myService = {
		    async: function(url) {
		      // $http returns a promise, which has a then function, which also returns a promise
		      var promise = $http.get(url).then(function (response) {
		        // The then function here is an opportunity to modify the response
		        //console.log(response);
		        // The return value gets picked up by the then in the controller.
		        return response.data;
		      });
		      // Return the promise to the controller
		      return promise;
		    },
		    asyncPost: function(url, data) {
		      // $http returns a promise, which has a then function, which also returns a promise
		      var promise = $http({
				  method  : 'POST',
				  url     : url,
				  data    : data,  // pass in data as strings
				  headers : { 'Content-Type': 'application/json' }  // set the headers so angular passing info as form data (not request payload)
				 });
		      // Return the promise to the controller

		      return promise;
		    },
		    asyncDelete: function(url) {
		      // $http returns a promise, which has a then function, which also returns a promise
		      var promise = $http.delete(url).then(function (response) {

		        // The then function here is an opportunity to modify the response
		        //console.log(response);
		        // The return value gets picked up by the then in the controller.
		        return response.data;
		      });
		      // Return the promise to the controller
		      return promise;
		    }
		  };
		  return myService;
		});





		myApp.controller('categoryController', ['myHttp', '$scope', '$http', 'Math', function (myHttp, $scope, $route, $routeParams, $location, $http, Math) 
		{
		    
		    $scope.$route = $route;
		    $scope.$location = $location;
		    $scope.$routeParams = $routeParams;

		    $scope.autocompleteIsVisible = true;
		    $scope.addActionIsVisible = true;

		    $scope.category_price = 0;


		    $scope.first_hour = null;
		    $scope.webcam = null;

		    $scope.out_place = null;
		    $scope.in_place = null;

		    $scope.category_price_min = null;
		    $scope.category_price_max = null;

		    $scope.primaire = null;
		    $scope.college = null;
		    $scope.lycee = null;
		    $scope.superieur= null;


		    $scope.category_desc = null;
		    $scope.category_status = false;

		    $scope.edit_category_input = null;

		    $scope.addIsVisible = false;

		

		



	     	$scope.isLoading = true;
			$scope.loadingTable = false;
		   

  

		    //console.log(dev_env);
			function loading() 
		    {
			     $scope.isLoading = true;
			     $scope.loadingTable = false;
		    }

			function loaded() 
		    {
			     $scope.isLoading = false;
			     $scope.loadingTable = true;
		    }



		    function jsonEscape(str)  {
			    return str.replace(/\n/g, "\\\\n").replace(/\r/g, "\\\\r").replace(/\t/g, "\\\\t");
			}	


		 	//console.log(dev_env);
			$scope.buttonAdd = function() 
		    {
			     $scope.addIsVisible = true;
		    } 

			$scope.refreshForm = function() 
		    {
		    	$scope.autocompleteIsVisible = true;
		    	$scope.addActionIsVisible = true;
			    $scope.category_price = 0;
			    $scope.category_desc = null;
			    $scope.category_status = false;

			    $scope.first_hour = null;
			    $scope.webcam = null;

			    $scope.out_place = null;
			    $scope.in_place = null;

			    $scope.category_price_min = null;
			    $scope.category_price_max = null;

			    $scope.primaire = null;
			    $scope.college = null;
			    $scope.lycee = null;
			    $scope.superieur= null;
		    };		


			$scope.addCategory = function() 
		    {

		    	loading();


				if ($scope.selectedOption != null)
				{
		    		//console.log("Category: " + $scope.selectedOption);
				}

		    	if ($scope.category_price != null)
		    	{
		    		//console.log("Price: " + $scope.category_price);
		    	}

		    	if ($scope.category_desc != null)
		    	{
		    		//console.log("Desc: " + $scope.category_desc);
		    	}
		    	else
		    	{
		    		$scope.category_desc = "";
		    	}

		    	if ($scope.category_status != null)
		    	{
		    		//console.log("Status: " + $scope.category_status);
		    	}

		    	if ($scope.category_desc)
		    		var contentSend = JSON.stringify($scope.category_desc);
		    	else
		    		var contentSend = '""';


		    	if ($scope.category_status == true)
					var data = '{ "category_id": "'+$scope.selectedOption+'", "price": "'+$scope.category_price+'", "description": '+contentSend+', "status": 1 }';
				else
					var data = '{ "category_id": '+$scope.selectedOption+', "price": '+$scope.category_price+', "description": '+contentSend+', "status": 0 }';








				if ($scope.first_hour)
				{
					var data_first_hour = 1;
				}
				else
				{
					var data_first_hour = 0;
				}

				if ($scope.webcam)
				{
					var data_webcam = 1;
				}
				else
				{
					var data_webcam = 0;
				}


				if ($scope.out_place)
				{
					var out_place = 1;
				}
				else
				{
					var out_place = 0;
				}


				if ($scope.in_place)
				{
					var in_place = 1;
				}
				else
				{
					var in_place = 0;
				}

			



				if ($scope.primaire)
				{
					var data_primaire = 1;
				}
				else
				{
					var data_primaire = 0;
				}

				if ($scope.college)
				{
					var data_college = 1;
				}
				else
				{
					var data_college = 0;
				}

				if ($scope.lycee)
				{
					var data_lycee = 1;
				}
				else
				{
					var data_lycee = 0;
				}

				if ($scope.superieur)
				{
					var data_superieur = 1;
				}
				else
				{
					var data_superieur = 0;
				}

		    	if ($scope.category_status == true)
					var data = '{ "category_id": '+$scope.selectedOption+', "price": "'+$scope.category_price+'", "min": "'+$scope.category_price_min+'", "max": "'+$scope.category_price_max+'", "first_hour": "'+data_first_hour+'", "webcam": "'+data_webcam+'", "out_place": "'+out_place+'", "in_place": "'+in_place+'", "primaire": "'+data_primaire+'", "college": "'+data_college+'", "lycee": "'+data_lycee+'", "superieur": "'+data_superieur+'", "description": '+contentSend+', "status": 1 }';
				else
					var data = '{ "category_id": '+$scope.selectedOption+', "price": '+$scope.category_price+', "min": "'+$scope.category_price_min+'", "max": "'+$scope.category_price_max+'", "first_hour": "'+data_first_hour+'", "webcam": "'+data_webcam+'", "out_place": "'+out_place+'", "in_place": "'+in_place+'", "primaire": "'+data_primaire+'", "college": "'+data_college+'", "lycee": "'+data_lycee+'", "superieur": "'+data_superieur+'", "description": '+contentSend+', "status": 0 }';// console.log($scope.selectedOption);



				console.log(data);

				// console.log($scope.selectedOption);
				if ($scope.selectedOption)
				{
					myHttp.asyncPost(origin + "/api/profiles/" + appUserId + "/categories", data)
					.success(function(d) 
					{
						// console.log("Success: reload list.");
						myHttp.async(origin + "/api/profiles/" + appUserId + "/category/list").then(function(d) {
							$scope.categoriesProfile = d;
							loaded();					  
						});



					}).then(function(d) 
					{
				  		// console.log("Then");
				  		
					});
				}


		    };

			$scope.changeStatus = function(id, status) 
		    {

		 
		    	
		    	if (status == true)
					var data = '{ "category_id": '+id+', "status": 1 }';
				else
					var data = '{ "category_id": '+id+', "status": 0 }';

		    	

				// console.log(data);
				if (id)
				{
					myHttp.asyncPost(origin + "/api/profiles/" + appUserId + "/categories", data)
					.success(function(d) 
					{
						// console.log("Success: reload list.");
						myHttp.async(origin + "/api/profiles/" + appUserId + "/category/list").then(function(d) {
							$scope.categoriesProfile = d;
								  
						});

					}).then(function(d) 
					{
				  		// console.log("Then");

				  		
					});
				}
		    };
			$scope.editCategory = function() 
		    {
		    	loading();
		    	if ($scope.category_desc)
		    		var contentSend = JSON.stringify($scope.category_desc);
		    	else
		    		var contentSend = 'false';




if ($scope.first_hour)
{
	var data_first_hour = 1;
}
else
{
	var data_first_hour = 0;
}

if ($scope.webcam)
{
	var data_webcam = 1;
}
else
{
	var data_webcam = 0;
}


if ($scope.out_place)
{
	var out_place = 1;
}
else
{
	var out_place = 0;
}


if ($scope.in_place)
{
	var in_place = 1;
}
else
{
	var in_place = 0;
}



if ($scope.primaire)
{
	var data_primaire = 1;
}
else
{
	var data_primaire = 0;
}

if ($scope.college)
{
	var data_college = 1;
}
else
{
	var data_college = 0;
}

if ($scope.lycee)
{
	var data_lycee = 1;
}
else
{
	var data_lycee = 0;
}

if ($scope.superieur)
{
	var data_superieur = 1;
}
else
{
	var data_superieur = 0;
}

		    	if ($scope.category_status == true)
					var data = '{ "category_id": '+$scope.edit_category_input+', "price": "'+$scope.category_price+'", "min": "'+$scope.category_price_min+'", "max": "'+$scope.category_price_max+'", "first_hour": "'+data_first_hour+'", "webcam": "'+data_webcam+'", "out_place": "'+out_place+'", "in_place": "'+in_place+'", "primaire": "'+data_primaire+'", "college": "'+data_college+'", "lycee": "'+data_lycee+'", "superieur": "'+data_superieur+'", "description": '+contentSend+', "status": 1 }';
				else
					var data = '{ "category_id": '+$scope.edit_category_input+', "price": '+$scope.category_price+', "min": "'+$scope.category_price_min+'", "max": "'+$scope.category_price_max+'", "first_hour": "'+data_first_hour+'", "webcam": "'+data_webcam+'", "out_place": "'+out_place+'", "in_place": "'+in_place+'", "primaire": "'+data_primaire+'", "college": "'+data_college+'", "lycee": "'+data_lycee+'", "superieur": "'+data_superieur+'", "description": '+contentSend+', "status": 0 }';

				console.log(data);
				
				myHttp.asyncPost(origin + "/api/profiles/" + appUserId + "/categories", data)
				.success(function(d) 
				{
					// console.log("Success: reload list.");
					myHttp.async(origin + "/api/profiles/" + appUserId + "/category/list").then(function(d) {
						$scope.categoriesProfile = d;
						loaded();				  
					});

				}).then(function(d) 
				{
			  		// console.log("Then");
			  		
				});

		    };



		    $scope.changeCompleteInput = function() 
		    {
		    	console.log("Change");

		    	$scope.autocompleteIsVisible = true;
		    };



			$scope.loadCategory = function(id) 
		    {
				var y = $('.form-edit').offset().top - $('body').offset().top;
				console.log(y);

				if (y)
				{
					window.scrollTo(0, y);
				}
				else
				{
					window.scrollTo(0, 200);
				}
				
		    	$scope.addIsVisible = true;

		    	$scope.addActionIsVisible = false;

		    	myHttp.async(origin + "/api/profiles/" + id + "/category").then(function(d) 
		    	{
		    		$scope.category_price = null;

		    		$scope.first_hour = null;
		    		$scope.webcam = null;


				    $scope.out_place = null;
				    $scope.in_place = null;

		    		$scope.category_price_min = null;
		    		$scope.category_price_max = null;

		    		$scope.primaire = null;
		    		$scope.college = null;
		    		$scope.lycee = null;
		    		$scope.superieur= null;


		    		$scope.category_desc = null;
		    		$scope.category_status = null;

		    		// console.log(d.category.name);
		    		// console.log($scope.selectedPerson.name);

		    		/*
						console.log(d.price_per_hour);
						console.log(d.content);
						console.log(d.status);
					*/
					$scope.autocompleteIsVisible = false;
					$scope.input_category_name = d.category.name;
					$scope.input_category_id = d.category.name;

					$scope.edit_category_input = d.category.id;

	


					if (d.price_per_hour != null)
						$scope.category_price = d.price_per_hour;
					else
						$scope.category_price = 0;



					if (d.min != null)
						$scope.category_price_min = d.min;
					else
						$scope.category_price_min = 0;



					if (d.max != null)
						$scope.category_price_max = d.max;
					else
						$scope.category_price_max = 0;



					if (d.first_hour == 1)
						$scope.first_hour = true;
					else
						$scope.first_hour = false;


					if (d.webcam== 1)
						$scope.webcam = true;
					else
						$scope.webcam = false;



					if (d.out_place== 1)
						$scope.out_place = true;
					else
						$scope.out_place = false;



					if (d.in_place== 1)
						$scope.in_place = true;
					else
						$scope.in_place = false;





					if (d.primaire== 1)
						$scope.primaire = true;
					else
						$scope.primaire = false;


					if (d.college== 1)
						$scope.college = true;
					else
						$scope.college = false;


					if (d.lycee== 1)
						$scope.lycee = true;
					else
						$scope.lycee = false;


					if (d.superieur== 1)
						$scope.superieur = true;
					else
						$scope.superieur = false;



					if (d.content != null)
						$scope.category_desc = d.content;


					if (d.status == 1)
						$scope.category_status = true;
					else
						$scope.category_status = false;

				

				});

		    };




			$scope.deleteProfileCategory = function(id) 
			{

				loading();

				//myHttp.async(origin + '/api/profiles/' + parseInt(id) + '/category');
				var url = origin + "/api/profiles/" + parseInt(id) + "/category";
				console.log(url);
				myHttp.asyncDelete(url).then(function(d) 
				{
					myHttp.async(origin + "/api/profiles/" + appUserId + "/category/list").then(function(d) 
					{
							$scope.categoriesProfile = d;
							loaded();					  
					});				  
				});


				// window.location.reload();



			}



			$scope.selectedOption = null;
		    $scope.selectedPerson = function(selected) 
		    {
		      if (selected) {
		        $scope.selectedOption = selected.originalObject.id;
		      } else {
		        //console.log('cleared');

		      }
		    };



		
		    var arrayTest = null;
			/*
			** get category by profile
			*/
			
			if (appUserId)
			{
				console.log(appUserId);
				

				var urlAsync = origin + "/api/profiles/" + appUserId + "/category/list";
				console.log(urlAsync);

				myHttp.async(urlAsync).then(function(d) {
					$scope.categoriesProfile = d;
					// $scope.loadingTable = true;
					loaded();
					console.log(d);

				});
			}
		

			/*
			** get category for Autocomplete-alt
			*/
		    var jsonGet = origin + '/api/categories';
			myHttp.async(jsonGet).then(function(d) {
				$scope.categories = d;
			});

		}]);

		
	</script>
{% endblock %}