angular.module('focaModalFormaPago')
    .controller('focaModalFormaPagoController', [
        '$timeout', '$filter', '$scope', '$uibModal',
        '$uibModalInstance', 'focaModalFormaPagoService',
        function ($timeout, $filter, $scope, $uibModal,
            $uibModalInstance, focaModalFormaPagoService) {

            //#region Variables
            $scope.botones = [];
            //#endregion

            init();

            function init() {
                $scope.botones = focaModalFormaPagoService.getBotonera();
            }

            $scope.seleccionarContado = function () {
                var modalInstance = abrirModal('modal-tarjetas.html',
                    'focaModalTarjetasController');
                modalInstance.result
                    .then(function (data) {
                        console.log(data);
                    })
                    .catch(function (e) { console.error(e); });
            };

            $scope.seleccionarTarjetas = function () {
                var modalInstance = abrirModal('modal-tarjetas.html',
                    'focaModalTarjetasController');
                modalInstance.result
                    .then(function (data) {
                        $uibModalInstance.close(data);
                    })
                    .catch(function (e) { console.error(e); });
            };

            $scope.seleccionarCheque = function () {
                var modalInstance = abrirModal('modal-tarjetas.html',
                    'focaModalTarjetasController');
                modalInstance.result
                    .then(function (data) {
                        console.log(data);
                    })
                    .catch(function (e) { console.error(e); });
            };

            $scope.seleccionarVales = function () {
                var modalInstance = abrirModal('modal-tarjetas.html',
                    'focaModalTarjetasController');
                modalInstance.result
                    .then(function (data) {
                        console.log(data);
                    })
                    .catch(function (e) { console.error(e); });
            };

            $scope.seleccionarPagoElectronico = function () {
                var modalInstance = abrirModal('modal-tarjetas.html',
                    'focaModalTarjetasController');
                modalInstance.result
                    .then(function (data) {
                        console.log(data);
                    })
                    .catch(function (e) { console.error(e); });
            };

            function abrirModal(templateUrl, controller) {
                return $uibModal.open(
                    {
                        templateUrl: templateUrl,
                        controller: controller,
                        resolve: {
                            filters: function () { return null; },
                        },
                        size: 'lg',
                    }
                );

            }

            $scope.cancel = function () {
                $uibModalInstance.dismiss('cancel');
            };
        }]
    )
    .controller('focaModalTarjetasController', [
        '$timeout', '$filter', '$scope', '$uibModalInstance', 'focaModalTarjetasService',
        function ($timeout, $filter, $scope, $uibModalInstance, focaModalTarjetasService) {

            //#region Variables
            $scope.botonesTarjetas = [];
            $scope.showForm = false;

            //#endregion

            init();

            function init() {
                $scope.botonesTarjetas = focaModalTarjetasService.getBotonera();
            }

            $scope.seleccionarTarjeta = function () {
                animateForm();
            };

            $scope.cancel = function () {
                $uibModalInstance.dismiss('cancel');
            };

            $scope.aceptarFormaDePago = function () {
                $uibModalInstance.close('data de tarjeta');
            };

            function animateForm() {
                $scope.showForm = false;
                $timeout(function () {
                    $scope.showForm = true;
                }, 100);
            }
        }]
    );