angular.module('focaLogisticaPedidoRuta')
    .controller('focaDetalleVehiculo',
        ['$scope',
        '$uibModalInstance',
        'vehiculo',
        'marcador',
        function($scope, $uibModalInstance, vehiculo, marcador) {
            $scope.articulos = marcador.notaPedido.articulosNotaPedido;
            $scope.articuloSeleccionado = {};
            $scope.vehiculo = vehiculo;
            $scope.aceptar = function() {
                $uibModalInstance.close();
            };

            $scope.cargarACisterna = function(cisterna) {
                if(!$scope.articuloSeleccionado.id) {
                    //TODO: usar modal de foca
                    alert('Debe seleccionar un articulo');
                    return;
                }
                if(cisterna.cisternaCarga.cantidad) {
                    cisterna.cisternaCarga.cantidad += parseFloat(cisterna.aCargar);
                }else {
                    cisterna.cisternaCarga.cantidad = parseFloat(cisterna.aCargar);
                    cisterna.cisternaCarga.idProducto = $scope.articuloSeleccionado.id;
                }
                cisterna.disponible = cisterna.capacidad - cisterna.cisternaCarga.cantidad;
                cisterna.aCargar = '';
            };
            $scope.calcularPorcentaje = function(cisterna) {
                if(!cisterna.cisternaCarga.cantidad) {
                    cisterna.cisternaCarga.cantidad = 0;
                }
                var porcentaje = (cisterna.cisternaCarga.cantidad * 100 /
                    cisterna.capacidad) + '%';
                document.getElementById(cisterna.id).style.width = porcentaje;
            };
            $scope.cambioArticulo = function(articulo) {
                $scope.articuloSeleccionado = articulo;
            };
    }]);