app

angular.module('contacts', ['ngRoute'])
    .config(['$routeProvider',

        function ($routeProvider) {
        	$routeProvider
                .when('/detail/:id', {
                	templateUrl: 'detail.html',
                	controller: 'DetailsController'
                });
        }

    ]).controller('ContactSearch', function ($scope, dataService) {

    	$scope.contacts = [];

    	$scope.searchFor = "";

    	$scope.search = function () {
    		dataService.search($scope.searchFor)
                .success(function (data, status, headers, config) {

                	$scope.contacts = data.contacts;

                })
                .error(function (data, status, headers, config) {
                	$scope.contacts = [];
                });
    	};

    }).controller('DetailsController', function ($scope, $routeParams, dataService) {

    	var id = $routeParams.id;
    	dataService.detail(id)
            .success(function (data, status, headers, config) {

            	$scope.contact = data.contact[0];

            })
            .error(function (data, status, headers, config) {

            	// log error

            });

    }).factory('dataService', ['$http', function ($http) {
    	var dataService = {
    		search: function (searchFor) {
    			return $http.get('../search.php?searchfor=' + encodeURI(searchFor));
    		},
    		detail: function (id) {
    			return $http.get('../detail.php?id=' + id);
    		}
    	};
    	return dataService;

    } ]);