//
// Find a broker module

define(['angular'], function (angular) {
    var app = angular.module('findabroker', [])
    app.controller('FindABrokerController', ['$scope', '$http', function ($scope, $http) {

        $scope.brokerProvince = "0";
        $scope.brokerArea = "0";
        $scope.data = {};
        $scope.displayBrokersResults = [];

        $scope.Provinces = [{ text: 'Province', value: '0' },
        { text: 'Gauteng', value: '1' },
        { text: 'Free State', value: '2' },
        { text: 'Kwa-Zulu Natal', value: '3' },
        { text: 'North West', value: '4' },
        { text: 'Mpumalanga', value: '5' },
        { text: 'Limpopo', value: '6' },
        { text: 'Northern Cape', value: '7' },
        { text: 'Western Cape', value: '8' },
        { text: 'Eastern Cape', value: '9' }];

        $scope.$watch('brokerProvince', function () {

            //CLEAR BROKERS CURRENTLY DISPLAYED AND AREA SELECTED
            $scope.displayBrokersResults = $scope.Areas = [];
            $scope.brokerArea = "0";

            if ($scope.brokerProvince > 0) {

                var province = $scope.Provinces[$scope.brokerProvince];
                var data = { searchTerm: province["text"] };
                $http.post("/find-a-broker/GetAllAreas", data).then(function (response) {
                    $scope.Areas = response.data;
                });

            }

        });

        $scope.$watch('brokerArea', function (value) {

            if (value.length > 0) {

                var data = { area: value };
                $http.post("/find-a-broker/GetAllBrokers", data).then(function (response) {
                    $scope.displayBrokersResults = response.data;
                });

            }

        });

    }]);

});