diff --git a/src/js/controller.js b/src/js/controller.js
index 4df3866..ce308f2 100644
--- a/src/js/controller.js
+++ b/src/js/controller.js
@@ -9,18 +9,17 @@ angular.module('focaModalPuntoDescarga')
         function($timeout, $filter, $scope, $uibModalInstance,
             focaModalPuntoDescargaService, filters) {
 
+            $scope.cantidadArticulo = 0;
+            $scope.articuloSeleccionado = 0;
             $scope.ivas = [];
+            $scope.puntosSeleccionados = [];
             $scope.puntoDescarga = {
                 id: 0,
                 id_cliente: filters.idCliente,
                 id_da_config_0: filters.idDomicilio
             };
-
-            focaModalPuntoDescargaService
-                .getPuntosDescargaByClienDom(filters.idDomicilio, filters.idCliente)
-                .then(function(res) {
-                    $scope.puntosDescarga = res.data;
-                });
+            $scope.articulos = angular.copy(filters.articulos);
+            actualizarTabla();
 
             $scope.cancel = function() {
                 if($scope.ingreso){
@@ -30,14 +29,87 @@ angular.module('focaModalPuntoDescarga')
                 }
             };
 
-            $scope.select = function(iva) {
-                $uibModalInstance.close(iva);
+            $scope.aceptar = function() {
+                if($scope.cargaArticulos) {
+                    cargarArticulos();
+                }else {
+                    verCargaArticulos();
+                }
             };
 
             $scope.guardar = function() {
                 focaModalPuntoDescargaService
                     .guardarPuntoDescarga($scope.puntoDescarga)
-                    .then(function(res) {});
+                    .then(function() {
+                        actualizarTabla();
+                        $scope.ingreso = false;
+                    });
+            };
+
+            $scope.editar = function(id) {
+                focaModalPuntoDescargaService.getPuntoDescargaById(id).then(function(res) {
+                    $scope.puntoDescarga = res.data;
+                    $scope.ingreso = true;
+                });
+            };
+
+            $scope.eliminar = function(idx, id) {
+                focaModalPuntoDescargaService.eliminarPuntoDescarga(id).then(function() {
+                    $scope.puntosDescarga.splice(idx, 1);
+                });
+            };
+
+            $scope.seleccionarPunto = function(idx) {
+                $scope.puntosSeleccionados.push(idx);
             };
+
+            $scope.agregarArticulo = function(punto) {
+                var articulo = $scope.articulos[$scope.articuloSeleccionado],
+                    cantidadRestante = articulo.cantidad - $scope.cantidadArticulo;
+
+                if(cantidadRestante < 0) {
+                    alert('La cantidad a cargar debe ser menor o igual al restante');
+                }else if($scope.cantidadArticulo <= 0) {
+                    alert('La cantidad a cargar debe ser mayor que cero');
+                }else {
+                    articulo.cantidad = cantidadRestante;
+                    punto.articulosAgregados.push({
+                        id: articulo.id,
+                        descripcion: articulo.descripcion,
+                        cantidad: $scope.cantidadArticulo,
+                        index: $scope.articuloSeleccionado
+                    });
+                    $scope.cantidadArticulo = 0;
+                }
+            };
+
+            $scope.quitarArticulo = function(articulo, idx, punto) {
+                var restante = parseInt($scope.articulos[articulo.index].cantidad);
+                restante += parseInt(articulo.cantidad);
+                $scope.articulos[articulo.index].cantidad = restante;
+                punto.articulosAgregados.splice(idx, 1);
+            };
+
+            function actualizarTabla() {
+                focaModalPuntoDescargaService
+                    .getPuntosDescargaByClienDom(filters.idDomicilio, filters.idCliente)
+                    .then(function(res) {
+                        $scope.puntosDescarga = res.data;
+                    });
+            }
+            function verCargaArticulos() {
+                $scope.puntosACargar = [];
+                $scope.cargaArticulos = true;
+                $scope.puntosSeleccionados.forEach(function(idx) {
+                    $scope.puntosACargar.push($scope.puntosDescarga[idx]);
+                });
+
+                $scope.puntosACargar.map(function(punto) {
+                    punto.articulosAgregados = [];
+                });
+            }
+            function cargarArticulos() {
+                $uibModalInstance.close($scope.puntosACargar);
+            }
         }]
     );
diff --git a/src/js/service.js b/src/js/service.js
index 86b4643..c5250a0 100644
--- a/src/js/service.js
+++ b/src/js/service.js
@@ -5,6 +5,9 @@ angular.module('focaModalPuntoDescarga')
             getPuntosDescarga: function() {
                 return $http.get(API_ENDPOINT.URL + '/punto-descarga');
             },
+            getPuntoDescargaById: function(id) {
+                return $http.get(API_ENDPOINT.URL + '/punto-descarga/' + id);
+            },
             getPuntosDescargaByClienDom: function(idDomicilio, idCliente) {
                 return $http.get(API_ENDPOINT.URL + '/punto-descarga/' +
                     idDomicilio + '/' + idCliente);
@@ -12,6 +15,9 @@ angular.module('focaModalPuntoDescarga')
             guardarPuntoDescarga: function(puntoDescarga) {
                 return $http.post(API_ENDPOINT.URL + '/punto-descarga',
                     {puntoDescarga: puntoDescarga});
+            },
+            eliminarPuntoDescarga: function(id) {
+                return $http.delete(API_ENDPOINT.URL + '/punto-descarga/' + id);
             }
         };
     }]);
diff --git a/src/views/modal-punto-descarga.html b/src/views/modal-punto-descarga.html
index a5bef92..f81bfaf 100644
--- a/src/views/modal-punto-descarga.html
+++ b/src/views/modal-punto-descarga.html
@@ -1,20 +1,22 @@
 <div class="modal-header d-flex">
-    <h5 class="modal-title my-1" ng-hide="ingreso">Búsqueda de puntos de descarga</h5>
+    <h5 class="modal-title my-1" ng-hide="ingreso || cargaArticulos">Búsqueda de puntos de descarga</h5>
     <h5 class="modal-title my-1" ng-show="ingreso">Crear punto de descarga</h5>
+    <h5 class="modal-title my-1" ng-show="cargaArticulos">Cargar articulos en puntos de descarga</h5>
     <button 
         class="btn btn-primary"
         ng-click="ingreso = true"
-        ng-hide="ingreso">
+        ng-hide="ingreso || cargaArticulos">
         <i class="fa fa-plus" aria-hidden="true"></i>
     </button>
 </div>
 <div class="modal-body" id="modal-body">
     <table 
         class="table table-striped table-sm col-12"
-        ng-hide="ingreso">
+        ng-hide="ingreso || cargaArticulos">
         <thead>
             <tr>
                 <th>Código</th>
+                <th>Descripción</th>
                 <th>Latitud</th>
                 <th>Longitud</th>
                 <th></th>
@@ -28,25 +30,34 @@
             </tr>
             <tr class="selected"
                 ng-repeat="(key, puntoDescarga) in puntosDescarga | filter: filters"
-                ng-click="select(puntoDescarga)"
                 >
                 <td ng-bind="puntoDescarga.id | rellenarDigitos: 3: 0"></td>
+                <td ng-bind="puntoDescarga.descripcion"></td>
                 <td ng-bind="puntoDescarga.latitud"></td>
                 <td ng-bind="puntoDescarga.longitud"></td>
                 <td class="d-md-none text-primary">
                     <i class="fa fa-circle-thin" aria-hidden="true"></i>
                 </td>
                 <td class="d-none d-md-table-cell">
+                    <input 
+                        type="checkbox"
+                        class="custom-control-input float-right" 
+                        id="checkSelect{{key}}">
+                    <label 
+                        class="custom-control-label float-right"
+                        for="checkSelect{{key}}"
+                        ng-click="seleccionarPunto(key)"></label>
                     <button
                         type="button"
-                        class="btn btn-xs p-1 float-right"
-                        ng-class="{
-                            'btn-secondary': selectedProvincia != key,
-                            'btn-primary': selectedProvincia == key
-                        }"
-                        foca-focus="selectedProvincia == {{key}}"
-                        ng-keydown="itemProvincia($event.keyCode)">
-                        <i class="fa fa-circle-thin" aria-hidden="true"></i>
+                        class="btn btn-xs p-1 float-right mr-5"
+                        ng-click="eliminar(key, puntoDescarga.id)">
+                        <i class="fa fa-trash" aria-hidden="true"></i>
+                    </button>
+                    <button
+                        type="button"
+                        class="btn btn-xs p-1 float-right mr-1"
+                        ng-click="editar(puntoDescarga.id)">
+                        <i class="fa fa-pencil" aria-hidden="true"></i>
                     </button>
                 </td>
             </tr>
@@ -84,9 +95,88 @@
             </div>
         </div>
     </form>
+    <div ng-show="cargaArticulos">
+        <div ng-show="articulos.length === 0">
+            <h6>No existen articulos para agregar</h6>
+        </div>
+        <div ng-show="articulos.length > 0">
+            <div class="row">
+                <div class="form-check ml-4" ng-repeat="(key, articulo) in articulos">
+                    <input 
+                        class="form-check-input"
+                        type="radio"
+                        name="exampleRadios"
+                        id="inputRadio{{key}}"
+                        ng-value="key"
+                        ng-model="$parent.articuloSeleccionado"
+                        >
+                    <label class="form-check-label" for="inputRadio{{key}}">
+                        {{articulo.descripcion}} <strong>Cantidad:</strong> {{articulo.cantidad}}
+                    </label>
+                </div>
+            </div>
+            <div class="row">
+                <div class="form-group col-3 mt-3">
+                    <label for="inputCantidad">Cantidad</label>
+                    <input
+                        type="text" 
+                        class="form-control" 
+                        id="inputCantidad" 
+                        placeholder="Cantidad"
+                        ng-model="cantidadArticulo"
+                        >
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-6" ng-repeat="punto in puntosACargar">
+                    <div class="d-flex">
+                        <h6>{{punto.descripcion}}</h6>
+                        <button
+                            class="btn btn-sm btn-outline-primary ml-auto"
+                            type="button"
+                            ng-click="agregarArticulo(punto)"
+                        >
+                            Agregar
+                        </button>
+                    </div>
+                    <table class="table table-sm">
+                        <thead>
+                            <tr>
+                                <th>Articulo</th>
+                                <th class="text-right">Cantidad</th>
+                                <th></th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr ng-repeat="(key, articulo) in punto.articulosAgregados">
+                                <td ng-bind="articulo.descripcion" class="p-2"></td>
+                                <td ng-bind="articulo.cantidad" class="text-right p-2"></td>
+                                <td class="p-2">
+                                    <button
+                                        type="button"
+                                        class="btn btn-xs p-1 float-right mr-5"
+                                        ng-click="quitarArticulo(articulo, key, punto)">
+                                        <i class="fa fa-trash" aria-hidden="true"></i>
+                                    </button>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </div>
 </div>
 <div class="modal-footer">
-    <button class="btn btn-sm btn-secondary my-1" type="button" ng-click="cancel()">Cancelar</button>
+    <button 
+        class="btn btn-sm btn-secondary my-1" 
+        type="button" 
+        ng-click="cancel()">Cancelar</button>
+    <button 
+        class="btn btn-sm btn-primary my-1"
+        type="button"
+        ng-click="aceptar()"
+        ng-hide="ingreso">Aceptar</button>
     <button 
         class="btn btn-sm btn-primary my-1"
         type="button"