diff --git a/src/js/controller.js b/src/js/controller.js
index 60a1943..6c89a88 100644
--- a/src/js/controller.js
+++ b/src/js/controller.js
@@ -40,6 +40,7 @@ angular.module('focaHojaRuta')
                     if (res.data) {
                         var hojaRuta = res.data;
                         $scope.hojaRuta = hojaRuta;
+                        $scope.hojaRuta.abierta = true;
                         $scope.puntoVenta = hojaRuta.sucursal;
                         $scope.comprobante = hojaRuta.numeroHojaRuta;
                         addCabecera('Transportista:', hojaRuta.transportista.NOM);
@@ -146,6 +147,21 @@ angular.module('focaHojaRuta')
                     modalInstance.result.then(terminar);
                 };
 
+                $scope.modalDescargas = function() {
+
+                    var modalInstance = $uibModal.open(
+                        {
+                            templateUrl: 'foca-modal-descarga.html',
+                            controller: 'focaModalDescargaCtrl'
+                        }
+                    );
+
+                    modalInstance.result.then(function(data) {
+
+                        console.log(data);
+                    });
+                };
+
                 $rootScope.$on('estadoRed', function(event, value) {
                     $scope.esatadoRed = value;
                 });
diff --git a/src/views/lista-hoja-ruta.html b/src/views/lista-hoja-ruta.html
index 92a6b05..34f180c 100644
--- a/src/views/lista-hoja-ruta.html
+++ b/src/views/lista-hoja-ruta.html
@@ -61,7 +61,7 @@
     </div>
     <div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2">
         <div class="row grilla-articulo">
-            <table class="table table-responsive table-striped table-sm table-dark">
+            <table ng-hide="hojaRuta.abierta" class="table table-responsive table-striped table-sm table-dark">
                 <thead>
                     <tr>
                         <th>#</th>
@@ -92,7 +92,45 @@
                     </tr>
                 </tbody>
             </table>
-            
+        </div>
+        <div ng-show="hojaRuta.abierta" class="row grilla-articulo">
+            <table  class="table table-striped table-sm table-dark">
+                <thead>
+                    <tr>
+                        <th colspan="3" class="text-center">Remito abierto Nº
+                            {{[hojaRuta.remitos[0].sucursal, hojaRuta.remitos[0].numeroRemito] | comprobante}}
+                        </th>
+                    </tr>
+                    <tr>
+                        <th>Cisterna</th>
+                        <th>Producto</th>
+                        <th>Disponibles</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr ng-repeat="cisterna in hojaRuta.remitos[0].cisternas">
+                        <td ng-bind="cisterna.codigo"></td>
+                        <td ng-bind="cisterna.cisternaCarga.articulo.DetArt"></td>
+                        <td ng-bind="cisterna.cisternaCarga.cantidad"></td>
+                    </tr>
+                </tbody>
+            </table>
+            <table class="table table-striped table-sm table-dark">
+                <thead>
+                    <tr>
+                        <th>Descarga en cliente</th>
+                        <th>
+                            <button class="btn btn-outline-debo" ng-click="modalDescargas()">
+                                <i class="fa fa-plus"></i>
+                            </button>
+                        </th>
+                    </tr>
+                    <tr></tr>
+                </thead>
+                <tbody>
+                    <tr ng-repeat="remito in remitos"></tr>
+                </tbody>
+            </table>
         </div>
     </div>
     <div class="row d-md-none fixed-bottom">