templates/contrato/_options_modal.html.twig line 1

Open in your IDE?
  1. <div id="optionsModals">
  2.     <!-- Options modal -->
  3.     <div class="modal fade" id="optionsModal" tabindex="-1" role="dialog" aria-labelledby="optionsModalTitle" aria-hidden="true">
  4.         <div class="modal-dialog modal-dialog-centered" role="document">
  5.             <div class="modal-content">
  6.                 <div class="modal-header">
  7.                     <h5 class="modal-title" id="optionsModalTitle">Opciones</h5>
  8.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  9.                         <span aria-hidden="true">&times;</span>
  10.                     </button>
  11.                 </div>
  12.                 <div class="modal-body px-4">
  13.                     <input type="hidden" value="_id" id="currentId">
  14.                     <div class="row">
  15.                         {#
  16.                         <div class="col-12 col-sm-6 my-1">
  17.                             <button class="btn btn-primary bg-gradient-primary bg-gradient-primary-hover text-left col-12 col-sm-11 id-button" id="optionsModal_potencia"><i class="fas fa-chart-line mr-2"></i>Cambio de potencia</button>
  18.                         </div>
  19.                         #}
  20.                         <div class="col-12 col-sm-6 my-1 align-content-end">
  21.                             <button class="btn btn-primary bg-gradient-primary bg-gradient-primary-hover text-left col-12 col-sm-11 id-button" id="optionsModal_tarifa"><i class="fas fa-lightbulb mr-2"></i>Tarifa y potencias</button>
  22.                         </div>
  23.                         <div class="col-12 col-sm-6 my-1">
  24.                             <button class="btn btn-primary bg-gradient-primary bg-gradient-primary-hover text-left col-12 col-sm-11" id="optionsModal_precio"><i class="fas fa-file-invoice-dollar mr-2"></i>Cambio de precios</button>
  25.                         </div>
  26.                         <div class="col-12 col-sm-6 my-1">
  27.                             <button class="btn btn-primary bg-gradient-primary bg-gradient-primary-hover text-left col-12 col-sm-11 id-button" id="optionsModal_cambioCuenta"><i class="fas fa-money-check mr-2"></i>Cambio de cuenta</button>
  28.                         </div>
  29.                         <div class="col-12 col-sm-6 my-1">
  30.                             <button class="btn btn-primary bg-gradient-primary text-left col-12 col-sm-11" disabled><i class="fas fa-user-friends mr-2"></i>Cambio de nombre</button>
  31.                         </div>
  32.                         <div class="col-12 col-sm-6 my-1">
  33.                             <button class="btn btn-primary bg-gradient-primary bg-gradient-primary-hover text-left col-12 col-sm-11 id-button" id="optionsModal_impuesto"><i class="fas fa-hand-holding-usd mr-2"></i>Impuestos</button>
  34.                         </div>
  35.                         <div class="col-12 col-sm-6 my-1">
  36.                             <button class="btn btn-primary bg-gradient-primary bg-gradient-primary-hover text-left col-12 col-sm-11" id="optionsModal_estado"><i class="fas fa-check-circle mr-2"></i>Actualizar estado</button>
  37.                         </div>
  38.                         <div class="col-12 col-sm-6 my-1">
  39.                             <button class="btn btn-primary bg-gradient-primary bg-gradient-primary-hover text-left col-12 col-sm-11 id-button" id="optionsModal_observaciones"><i class="fas fa-info ml-1 mr-3"></i>Observaciones</button>
  40.                         </div>
  41.                         {% if is_granted('ROLE_ALTACOMERCIALES') %}
  42.                             <div class="col-12 col-sm-6 my-1">
  43.                                 <button class="btn btn-primary bg-gradient-primary bg-gradient-primary-hover text-left col-12 col-sm-11 id-button" id="optionsModal_comercial"><i class="fas fa-user-tie mr-2"></i>Comercial</button>
  44.                             </div>
  45.                         {% endif %}
  46.                         <div class="col-12 col-sm-6 my-1">
  47.                             <button class="btn btn-primary bg-gradient-primary bg-gradient-primary-hover text-left col-12 col-sm-11 id-button" id="optionsModal_rentabilidad"><i class="fas fa-coins mr-2"></i>Rentabilidad</button>
  48.                         </div>
  49.                         {#
  50.                         <div class="col-12 col-sm-6 my-1">
  51.                             <button class="btn btn-primary bg-gradient-primary bg-gradient-primary-hover text-left col-12 col-sm-11 id-button" id="optionsModal_caducidad"><i class="fas fa-industry mr-2"></i>Canal y compañía</button>
  52.                         </div>
  53.                         #}
  54.                         {% if is_granted('ROLE_SUPERADMIN') %}
  55.                             <div class="col-12 col-sm-6 my-1">
  56.                                 <button class="btn btn-primary bg-gradient-primary bg-gradient-primary-hover text-left col-12 col-sm-11 id-button" id="optionsModal_canal"><i class="fas fa-industry mr-2"></i>Canal y compañía</button>
  57.                             </div>
  58.                             <div class="col-12 col-sm-6 my-1">
  59.                                 <button class="btn btn-primary bg-gradient-primary bg-gradient-primary-hover text-left col-12 col-sm-11 id-button" id="optionsModal_precioCompra"><i class="fas fa-money-bill-wave mr-2"></i>Compra de energía</button>
  60.                             </div>
  61.                         {% endif %}
  62.                         {% if is_granted('ROLE_ALTACOMERCIALES') %}
  63.                             <div class="col-12 col-sm-6 my-1">
  64.                                 <a class="btn btn-primary bg-gradient-primary bg-gradient-primary-hover text-left col-12 col-sm-11 id-button" href="{{ url('contrato_edit', {id:'_id'}) }}" id="optionsModal_corregir"><i class="fas fa-pencil-alt mr-2"></i>Corregir datos</a>
  65.                             </div>
  66.                         {% endif %}
  67.                     </div>
  68.                 </div>
  69.                 {#
  70.                 <div class="modal-footer">
  71.                     <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
  72.                     <button type="button" class="btn btn-danger" id="delete">Eliminar</button>
  73.                 </div>
  74.                 #}
  75.             </div>
  76.         </div>
  77.     </div>
  79.     <!-- Potencia modal -->
  80.     <div class="modal fade" id="potenciaModal" tabindex="-1" role="dialog" aria-labelledby="potenciaModalTitle" aria-hidden="true">
  81.         <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document">
  82.             <div class="modal-content">
  83.                 <div class="modal-header">
  84.                     <h5 class="modal-title" id="potenciaModalTitle">Cambio de potencia</h5>
  85.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  86.                         <span aria-hidden="true">&times;</span>
  87.                     </button>
  88.                 </div>
  89.                 <div class="modal-body px-4">
  90.                     <div class="row mb-3" id="tarifa_div">
  91.                         <div class="col-6">
  92.                             <div class="text-center ml-n3">Tarifa actual:</div>
  93.                             <div id="div_oldTarifa" class="row">
  94.                                 <div class="col-3 my-auto"></div>
  95.                                 <input type="text" name="oldTarifa" id="oldTarifa" class="col-9 form-control" disabled="disabled">
  96.                             </div>
  97.                         </div>
  98.                         <div class="col-6">
  99.                             <div class="ml-1">Tarifa nueva:</div>
  100.                             <div id="div_newTarifa" class="row">
  101.                                 <select name="newTarifa" id="newTarifa" class="col-9 form-control ml-3">
  102.                                 </select>
  103.                             </div>
  104.                         </div>
  105.                         <input type="hidden" id="cambioTarifa">
  106.                     </div>
  107.                     <div class="row mb-3">
  108.                         <div class="col-6" id="oldPotencia_div">
  109.                             <div class="text-center">Potencia actual:</div>
  110.                             <div id="div_oldPotenciaP1" class="row">
  111.                                 <label for="oldPotenciaP1" class="col-3 my-auto">P1</label>
  112.                                 <input type="number" min="0" step=".00001" name="oldPotenciaP1" id="oldPotenciaP1" class="col-9 form-control" disabled="disabled">
  113.                             </div>
  114.                             <div id="div_oldPotenciaP2" class="row">
  115.                                 <label for="oldPotenciaP2" class="col-3 my-auto">P2</label>
  116.                                 <input type="number" min="0" step=".00001" name="oldPotenciaP2" id="oldPotenciaP2" class="col-9 form-control" disabled="disabled">
  117.                             </div>
  118.                             <div id="div_oldPotenciaP3" class="row">
  119.                                 <label for="oldPotenciaP3" class="col-3 my-auto">P3</label>
  120.                                 <input type="number" min="0" step=".00001" name="oldPotenciaP3" id="oldPotenciaP3" class="col-9 form-control" disabled="disabled">
  121.                             </div>
  122.                             <div id="div_oldPotenciaP4" class="row">
  123.                                 <label for="oldPotenciaP4" class="col-3 my-auto">P4</label>
  124.                                 <input type="number" min="0" step=".00001" name="oldPotenciaP4" id="oldPotenciaP4" class="col-9 form-control" disabled="disabled">
  125.                             </div>
  126.                             <div id="div_oldPotenciaP5" class="row">
  127.                                 <label for="oldPotenciaP5" class="col-3 my-auto">P5</label>
  128.                                 <input type="number" min="0" step=".00001" name="oldPotenciaP5" id="oldPotenciaP5" class="col-9 form-control" disabled="disabled">
  129.                             </div>
  130.                             <div id="div_oldPotenciaP6" class="row">
  131.                                 <label for="oldPotenciaP6" class="col-3 my-auto">P6</label>
  132.                                 <input type="number" min="0" step=".00001" name="oldPotenciaP6" id="oldPotenciaP6" class="col-9 form-control" disabled="disabled">
  133.                             </div>
  134.                         </div>
  135.                         <div class="col-6" id="newPotencia_div">
  136.                             <div class="ml-1">Potencia nueva:</div>
  137.                             <div id="div_newPotenciaP1" class="row">
  138.                                 <input type="number" min="0" step=".00001" name="newPotenciaP1" id="newPotenciaP1" class="col-9 form-control ml-3">
  139.                             </div>
  140.                             <div id="div_newPotenciaP2" class="row">
  141.                                 <input type="number" min="0" step=".00001" name="newPotenciaP2" id="newPotenciaP2" class="col-9 form-control ml-3">
  142.                             </div>
  143.                             <div id="div_newPotenciaP3" class="row">
  144.                                 <input type="number" min="0" step=".00001" name="newPotenciaP3" id="newPotenciaP3" class="col-9 form-control ml-3">
  145.                             </div>
  146.                             <div id="div_newPotenciaP4" class="row">
  147.                                 <input type="number" min="0" step=".00001" name="newPotenciaP4" id="newPotenciaP4" class="col-9 form-control ml-3">
  148.                             </div>
  149.                             <div id="div_newPotenciaP5" class="row">
  150.                                 <input type="number" min="0" step=".00001" name="newPotenciaP5" id="newPotenciaP5" class="col-9 form-control ml-3">
  151.                             </div>
  152.                             <div id="div_newPotenciaP6" class="row">
  153.                                 <input type="number" min="0" step=".00001" name="newPotenciaP6" id="newPotenciaP6" class="col-9 form-control ml-3">
  154.                             </div>
  155.                         </div>
  156.                         <div class="alert-danger rounded mt-2 mb-n1 px-2 w-100 d-none" id="newPotencia_error"></div>
  157.                         <div class="col-12 mt-4 d-none" id="oldProducto_div">
  158.                             <div id="oldProducto" class="mb-2">
  159.                                 <label class="col-4" for="tarifa_oldProducto">Producto actual:</label>
  160.                                 <input type="text" id="tarifa_oldProducto" name="tarifa_oldProducto" class="col-6" disabled>
  161.                                 <div class="alert-danger rounded col-md-6 col-xl-4">
  163.                                 </div>
  164.                             </div>
  165.                             <div id="tarifa_oldProducto" class="p-2 rounded mb-2 bg-light">
  166.                                 <div id="tarifa_oldProducto_precios" class="mb-2">
  167.                                     <div class="font-weight-bold col mb-2">Precios actuales</div>
  169.                                     <div class="row p-2">
  170.                                         <div id="tarifa_oldProducto_preciosPotencia" class="border rounded col-6 py-2 mb-2">
  171.                                             <div class="font-weight-bold col mb-2">Potencia</div>
  172.                                             <div id="div_tarifa_oldProducto_precioPotenciaP1">
  173.                                                 <label for="tarifa_oldProducto_precioPotenciaP1">Precio potencia P1</label>
  174.                                                 <input type="text" id="tarifa_oldProducto_precioPotenciaP1" name="tarifa_oldProducto_precioPotenciaP1" disabled>
  175.                                                 <div class="alert-danger rounded col-md-6 col-xl-4">
  177.                                                 </div>
  178.                                             </div>
  180.                                             <div id="div_tarifa_oldProducto_precioPotenciaP2">
  181.                                                 <label for="tarifa_oldProducto_precioPotenciaP2">Precio potencia P2</label>
  182.                                                 <input type="text" id="tarifa_oldProducto_precioPotenciaP2" name="tarifa_oldProducto_precioPotenciaP2" disabled>
  183.                                                 <div class="alert-danger rounded col-md-6 col-xl-4">
  185.                                                 </div>
  186.                                             </div>
  188.                                             <div id="div_tarifa_oldProducto_precioPotenciaP3">
  189.                                                 <label for="tarifa_oldProducto_precioPotenciaP3">Precio potencia P3</label>
  190.                                                 <input type="text" id="tarifa_oldProducto_precioPotenciaP3" name="tarifa_oldProducto_precioPotenciaP3" disabled>
  191.                                                 <div class="alert-danger rounded col-md-6 col-xl-4">
  193.                                                 </div>
  194.                                             </div>
  196.                                             <div id="div_tarifa_oldProducto_precioPotenciaP4">
  197.                                                 <label for="tarifa_oldProducto_precioPotenciaP4">Precio potencia P4</label>
  198.                                                 <input type="text" id="tarifa_oldProducto_precioPotenciaP4" name="tarifa_oldProducto_precioPotenciaP4" disabled>
  199.                                                 <div class="alert-danger rounded col-md-6 col-xl-4">
  201.                                                 </div>
  202.                                             </div>
  204.                                             <div id="div_tarifa_oldProducto_precioPotenciaP5">
  205.                                                 <label for="tarifa_oldProducto_precioPotenciaP5">Precio potencia P5</label>
  206.                                                 <input type="text" id="tarifa_oldProducto_precioPotenciaP5" name="tarifa_oldProducto_precioPotenciaP5" disabled>
  207.                                                 <div class="alert-danger rounded col-md-6 col-xl-4">
  209.                                                 </div>
  210.                                             </div>
  212.                                             <div id="div_tarifa_oldProducto_precioPotenciaP6">
  213.                                                 <label for="tarifa_oldProducto_precioPotenciaP6">Precio potencia P6</label>
  214.                                                 <input type="text" id="tarifa_oldProducto_precioPotenciaP6" name="tarifa_oldProducto_precioPotenciaP6" disabled>
  215.                                                 <div class="alert-danger rounded col-md-6 col-xl-4">
  217.                                                 </div>
  218.                                             </div>
  219.                                         </div>
  220.                                         <div id="tarifa_oldProducto_preciosEnergia" class="border rounded col-6 py-2 mb-2">
  221.                                             <div class="font-weight-bold col mb-2">Energía</div>
  222.                                             <div id="div_tarifa_oldProducto_precioEnergiaP1">
  223.                                                 <label for="tarifa_oldProducto_precioEnergiaP1">Precio energía P1</label>
  224.                                                 <input type="text" id="tarifa_oldProducto_precioEnergiaP1" name="tarifa_oldProducto_precioEnergiaP1" disabled>
  225.                                                 <div class="alert-danger rounded col-md-6 col-xl-4">
  227.                                                 </div>
  228.                                             </div>
  230.                                             <div id="div_tarifa_oldProducto_precioEnergiaP2">
  231.                                                 <label for="tarifa_oldProducto_precioEnergiaP2">Precio energía P2</label>
  232.                                                 <input type="text" id="tarifa_oldProducto_precioEnergiaP2" name="tarifa_oldProducto_precioEnergiaP2" disabled>
  233.                                                 <div class="alert-danger rounded col-md-6 col-xl-4">
  235.                                                 </div>
  236.                                             </div>
  238.                                             <div id="div_tarifa_oldProducto_precioEnergiaP3">
  239.                                                 <label for="tarifa_oldProducto_precioEnergiaP3">Precio energía P3</label>
  240.                                                 <input type="text" id="tarifa_oldProducto_precioEnergiaP3" name="tarifa_oldProducto_precioEnergiaP3" disabled>
  241.                                                 <div class="alert-danger rounded col-md-6 col-xl-4">
  243.                                                 </div>
  244.                                             </div>
  246.                                             <div id="div_tarifa_oldProducto_precioEnergiaP4">
  247.                                                 <label for="tarifa_oldProducto_precioEnergiaP4">Precio energía P4</label>
  248.                                                 <input type="text" id="tarifa_oldProducto_precioEnergiaP4" name="tarifa_oldProducto_precioEnergiaP4" disabled>
  249.                                                 <div class="alert-danger rounded col-md-6 col-xl-4">
  251.                                                 </div>
  252.                                             </div>
  254.                                             <div id="div_tarifa_oldProducto_precioEnergiaP5">
  255.                                                 <label for="tarifa_oldProducto_precioEnergiaP5">Precio energía P5</label>
  256.                                                 <input type="text" id="tarifa_oldProducto_precioEnergiaP5" name="tarifa_oldProducto_precioEnergiaP5" disabled>
  257.                                                 <div class="alert-danger rounded col-md-6 col-xl-4">
  259.                                                 </div>
  260.                                             </div>
  262.                                             <div id="div_tarifa_oldProducto_precioEnergiaP6">
  263.                                                 <label for="tarifa_oldProducto_precioEnergiaP6">Precio energía P6</label>
  264.                                                 <input type="text" id="tarifa_oldProducto_precioEnergiaP6" name="tarifa_oldProducto_precioEnergiaP6" disabled>
  265.                                                 <div class="alert-danger rounded col-md-6 col-xl-4">
  267.                                                 </div>
  268.                                             </div>
  269.                                         </div>
  270.                                     </div>
  271.                                 </div>
  272.                             </div>
  273.                         </div>
  274.                         <div class="col-12 mt-4" id="newProducto_div">
  275.                             <div id="newProducto" class="mb-2">
  276.                                 <label class="col-4" for="tarifa_producto">Producto nuevo:</label>
  277.                                 <select id="tarifa_producto" name="tarifa_producto" class="select2 col-6">
  279.                                 </select>
  280.                                 <div class="alert-danger rounded col-md-6 col-xl-4">
  282.                                 </div>
  283.                             </div>
  284.                             <div id="tarifa_newProducto" class="p-2 rounded mb-2 bg-light">
  286.                                 <div id="tarifa_newProducto_precios" class="mb-2">
  287.                                     <div class="font-weight-bold col mb-2">Precios nuevos</div>
  289.                                     <div class="row p-2">
  290.                                         <div id="tarifa_newProducto_preciosPotencia" class="border rounded col-6 py-2 mb-2">
  291.                                             <div class="font-weight-bold col mb-2">Potencia</div>
  292.                                             <div id="div_tarifa_newProducto_precioPotenciaP1" class="mb-2">
  293.                                                 <label for="tarifa_newProducto_precioPotenciaP1">Precio potencia P1</label>
  294.                                                 <input type="number" max="999.9999999" min="0" step="0.0000001" class="col" id="tarifa_newProducto_precioPotenciaP1" name="tarifa_newProducto_precioPotenciaP1">
  295.                                                 <div class="alert-danger rounded col-md-6 col-xl-4">
  297.                                                 </div>
  298.                                             </div>
  300.                                             <div id="div_tarifa_newProducto_precioPotenciaP2" class="mb-2">
  301.                                                 <label for="tarifa_newProducto_precioPotenciaP2">Precio potencia P2</label>
  302.                                                 <input type="number" max="999.9999999" min="0" step="0.0000001" class="col" id="tarifa_newProducto_precioPotenciaP2" name="tarifa_newProducto_precioPotenciaP2">
  303.                                                 <div class="alert-danger rounded col-md-6 col-xl-4">
  305.                                                 </div>
  306.                                             </div>
  308.                                             <div id="div_tarifa_newProducto_precioPotenciaP3" class="mb-2">
  309.                                                 <label for="tarifa_newProducto_precioPotenciaP3">Precio potencia P3</label>
  310.                                                 <input type="number" max="999.9999999" min="0" step="0.0000001" class="col" id="tarifa_newProducto_precioPotenciaP3" name="tarifa_newProducto_precioPotenciaP3">
  311.                                                 <div class="alert-danger rounded col-md-6 col-xl-4">
  313.                                                 </div>
  314.                                             </div>
  316.                                             <div id="div_tarifa_newProducto_precioPotenciaP4" class="mb-2">
  317.                                                 <label for="tarifa_newProducto_precioPotenciaP4">Precio potencia P4</label>
  318.                                                 <input type="number" max="999.9999999" min="0" step="0.0000001" class="col" id="tarifa_newProducto_precioPotenciaP4" name="tarifa_newProducto_precioPotenciaP4">
  319.                                                 <div class="alert-danger rounded col-md-6 col-xl-4">
  321.                                                 </div>
  322.                                             </div>
  324.                                             <div id="div_tarifa_newProducto_precioPotenciaP5" class="mb-2">
  325.                                                 <label for="tarifa_newProducto_precioPotenciaP5">Precio potencia P5</label>
  326.                                                 <input type="number" max="999.9999999" min="0" step="0.0000001" class="col" id="tarifa_newProducto_precioPotenciaP5" name="tarifa_newProducto_precioPotenciaP5">
  327.                                                 <div class="alert-danger rounded col-md-6 col-xl-4">
  329.                                                 </div>
  330.                                             </div>
  332.                                             <div id="div_tarifa_newProducto_precioPotenciaP6" class="mb-2">
  333.                                                 <label for="tarifa_newProducto_precioPotenciaP6">Precio potencia P6</label>
  334.                                                 <input type="number" max="999.9999999" min="0" step="0.0000001" class="col" id="tarifa_newProducto_precioPotenciaP6" name="tarifa_newProducto_precioPotenciaP6">
  335.                                                 <div class="alert-danger rounded col-md-6 col-xl-4">
  337.                                                 </div>
  338.                                             </div>
  339.                                         </div>
  340.                                         <div id="tarifa_newProducto_preciosEnergia" class="border rounded col-6 py-2 mb-2">
  341.                                             <div class="font-weight-bold col mb-2">Energía</div>
  342.                                             <div id="div_tarifa_newProducto_precioEnergiaP1" class="mb-2">
  343.                                                 <label for="tarifa_newProducto_precioEnergiaP1">Precio energía P1</label>
  344.                                                 <input type="number" max="999.9999999" min="0" step="0.0000001" class="col" id="tarifa_newProducto_precioEnergiaP1" name="tarifa_newProducto_precioEnergiaP1">
  345.                                                 <div class="alert-danger rounded col-md-6 col-xl-4">
  347.                                                 </div>
  348.                                             </div>
  350.                                             <div id="div_tarifa_newProducto_precioEnergiaP2" class="mb-2">
  351.                                                 <label for="tarifa_newProducto_precioEnergiaP2">Precio energía P2</label>
  352.                                                 <input type="number" max="999.9999999" min="0" step="0.0000001" class="col" id="tarifa_newProducto_precioEnergiaP2" name="tarifa_newProducto_precioEnergiaP2">
  353.                                                 <div class="alert-danger rounded col-md-6 col-xl-4">
  355.                                                 </div>
  356.                                             </div>
  358.                                             <div id="div_tarifa_newProducto_precioEnergiaP3" class="mb-2">
  359.                                                 <label for="tarifa_newProducto_precioEnergiaP3">Precio energía P3</label>
  360.                                                 <input type="number" max="999.9999999" min="0" step="0.0000001" class="col" id="tarifa_newProducto_precioEnergiaP3" name="tarifa_newProducto_precioEnergiaP3">
  361.                                                 <div class="alert-danger rounded col-md-6 col-xl-4">
  363.                                                 </div>
  364.                                             </div>
  366.                                             <div id="div_tarifa_newProducto_precioEnergiaP4" class="mb-2">
  367.                                                 <label for="tarifa_newProducto_precioEnergiaP4">Precio energía P4</label>
  368.                                                 <input type="number" max="999.9999999" min="0" step="0.0000001" class="col" id="tarifa_newProducto_precioEnergiaP4" name="tarifa_newProducto_precioEnergiaP4">
  369.                                                 <div class="alert-danger rounded col-md-6 col-xl-4">
  371.                                                 </div>
  372.                                             </div>
  374.                                             <div id="div_tarifa_newProducto_precioEnergiaP5" class="mb-2">
  375.                                                 <label for="tarifa_newProducto_precioEnergiaP5">Precio energía P5</label>
  376.                                                 <input type="number" max="999.9999999" min="0" step="0.0000001" class="col" id="tarifa_newProducto_precioEnergiaP5" name="tarifa_newProducto_precioEnergiaP5">
  377.                                                 <div class="alert-danger rounded col-md-6 col-xl-4">
  379.                                                 </div>
  380.                                             </div>
  382.                                             <div id="div_tarifa_newProducto_precioEnergiaP6" class="mb-2">
  383.                                                 <label for="tarifa_newProducto_precioEnergiaP6">Precio energía P6</label>
  384.                                                 <input type="number" max="999.9999999" min="0" step="0.0000001" class="col" id="tarifa_newProducto_precioEnergiaP6" name="tarifa_newProducto_precioEnergiaP6">
  385.                                                 <div class="alert-danger rounded col-md-6 col-xl-4">
  387.                                                 </div>
  388.                                             </div>
  389.                                         </div>
  390.                                     </div>
  391.                                 </div>
  393.                                 <div id="tarifa_newProducto_duracion" class="d-none">
  394.                                     <label>Duracion</label>
  395.                                     <div id="tarifa_newProducto_duracion"><table class="" role="presentation">
  396.                                             <thead>
  397.                                             <tr><th><label for="tarifa_newProducto_duracion_years">Años</label></th><th><label for="tarifa_newProducto_duracion_months">Meses</label></th><th><label for="tarifa_newProducto_duracion_days">Días</label></th></tr>
  398.                                             </thead>
  399.                                             <tbody>
  400.                                             <tr><td><select id="tarifa_newProducto_duracion_years" name="new_contrato[tarifa_newProducto][duracion][years]"><option value="0">0</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option><option value="32">32</option><option value="33">33</option><option value="34">34</option><option value="35">35</option><option value="36">36</option><option value="37">37</option><option value="38">38</option><option value="39">39</option><option value="40">40</option><option value="41">41</option><option value="42">42</option><option value="43">43</option><option value="44">44</option><option value="45">45</option><option value="46">46</option><option value="47">47</option><option value="48">48</option><option value="49">49</option><option value="50">50</option><option value="51">51</option><option value="52">52</option><option value="53">53</option><option value="54">54</option><option value="55">55</option><option value="56">56</option><option value="57">57</option><option value="58">58</option><option value="59">59</option><option value="60">60</option><option value="61">61</option><option value="62">62</option><option value="63">63</option><option value="64">64</option><option value="65">65</option><option value="66">66</option><option value="67">67</option><option value="68">68</option><option value="69">69</option><option value="70">70</option><option value="71">71</option><option value="72">72</option><option value="73">73</option><option value="74">74</option><option value="75">75</option><option value="76">76</option><option value="77">77</option><option value="78">78</option><option value="79">79</option><option value="80">80</option><option value="81">81</option><option value="82">82</option><option value="83">83</option><option value="84">84</option><option value="85">85</option><option value="86">86</option><option value="87">87</option><option value="88">88</option><option value="89">89</option><option value="90">90</option><option value="91">91</option><option value="92">92</option><option value="93">93</option><option value="94">94</option><option value="95">95</option><option value="96">96</option><option value="97">97</option><option value="98">98</option><option value="99">99</option><option value="100">100</option></select></td><td><select id="tarifa_newProducto_duracion_months" name="new_contrato[tarifa_newProducto][duracion][months]"><option value="0">0</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option></select></td><td><select id="tarifa_newProducto_duracion_days" name="new_contrato[tarifa_newProducto][duracion][days]"><option value="0">0</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option></select></td></tr>
  401.                                             </tbody>
  402.                                         </table></div>
  403.                                     <div class="alert-danger rounded col-md-6 col-xl-4">
  405.                                     </div>
  406.                                 </div>
  408.                                 <div id="tarifa_newProducto_facturaElectronica_div">
  409.                                     <label class="col-5" for="tarifa_newProducto_facturaElectronica">Factura electronica</label>
  410.                                     <input type="checkbox" id="tarifa_newProducto_facturaElectronica" name="new_contrato[tarifa_newProducto][facturaElectronica]" value="1">
  411.                                     <div class="alert-danger rounded col-md-6 col-xl-4">
  413.                                     </div>
  414.                                 </div>
  416.                                 <div id="alquilerContador_div" class="d-none">
  417.                                     <label class="col-5" for="alquilerContador">Alquiler contador</label>
  418.                                     <input type="number" max="99999.99999" min="0" step="0.00001" id="alquilerContador" name="alquilerContador">
  419.                                     <div class="alert-danger rounded col-md-6 col-xl-4">
  421.                                     </div>
  422.                                 </div>
  423.                             </div>
  424.                         </div>
  425.                     </div>
  426.                 </div>
  427.                 <div class="modal-footer">
  428.                     <button type="button" class="btn btn-secondary" onclick="back()">Cancelar</button>
  429.                     <button type="button" class="btn btn-primary id-button" id="updatePotencia" onclick="updatePotencia()" disabled>Guardar</button>
  430.                     <button type="button" class="btn btn-primary id-button d-none" id="updateTarifa" onclick="updateTarifa()" disabled>Guardar</button>
  431.                 </div>
  432.             </div>
  433.         </div>
  434.     </div>
  436.     <!-- Cuenta modal -->
  437.     <div class="modal fade" id="cuentaModal" tabindex="-1" role="dialog" aria-labelledby="cuentaModalTitle" aria-hidden="true">
  438.         <div class="modal-dialog modal-dialog-centered" role="document">
  439.             <div class="modal-content">
  440.                 <div class="modal-header">
  441.                     <h5 class="modal-title" id="cuentaModalTitle">Cambio de cuenta</h5>
  442.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  443.                         <span aria-hidden="true">&times;</span>
  444.                     </button>
  445.                 </div>
  446.                 <div class="modal-body px-4">
  447.                     <div class="row mb-3">
  448.                         <label for="oldCuenta">Cuenta actual:</label>
  449.                         <input type="text" name="oldCuenta" id="oldCuenta" class="col-12 form-control" disabled>
  450.                     </div>
  451.                     <div class="row">
  452.                         <label for="newCuenta">Cuenta nueva:</label>
  453.                         <input type="text" name="newCuenta" id="newCuenta" class="col-12 form-control">
  454.                         <div class="alert-danger rounded mt-2 mb-n1 px-2 w-100 d-none" id="newCuenta_error"></div>
  455.                     </div>
  456.                 </div>
  457.                 <div class="modal-footer">
  458.                     <button type="button" class="btn btn-secondary"  onclick="back()">Cancelar</button>
  459.                     <button type="button" class="btn btn-primary id-button" id="updateCuenta" onclick="updateCuenta()" disabled>Guardar</button>
  460.                 </div>
  461.             </div>
  462.         </div>
  463.     </div>
  465.     <!-- Observaciones modal -->
  466.     <div class="modal fade" id="observacionesModal" tabindex="-1" role="dialog" aria-labelledby="observacionesModalTitle" aria-hidden="true">
  467.         <div class="modal-dialog modal-dialog-centered" role="document">
  468.             <div class="modal-content">
  469.                 <div class="modal-header">
  470.                     <h5 class="modal-title" id="observacionesModalTitle">Observaciones</h5>
  471.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  472.                         <span aria-hidden="true">&times;</span>
  473.                     </button>
  474.                 </div>
  475.                 <div class="modal-body px-4">
  476.                     <div class="row mb-3">
  477.                         <label for="observaciones">Observaciones:</label>
  478.                         <textarea rows="4" name="observaciones" id="observaciones" class="col-12 form-control h-auto w-auto" ></textarea>
  479.                     </div>
  480.                 </div>
  481.                 <div class="modal-footer">
  482.                     <button type="button" class="btn btn-secondary"  onclick="back()">Cancelar</button>
  483.                     <button type="button" class="btn btn-primary id-button" id="updateObservaciones" onclick="updateObservaciones()">Guardar</button>
  484.                 </div>
  485.             </div>
  486.         </div>
  487.     </div>
  489.     <!-- Impuesto modal -->
  490.     <div class="modal fade" id="impuestoModal" tabindex="-1" role="dialog" aria-labelledby="impuestoModalTitle" aria-hidden="true">
  491.         <div class="modal-dialog modal-dialog-centered" role="document">
  492.             <div class="modal-content">
  493.                 <div class="modal-header">
  494.                     <h5 class="modal-title" id="impuestoModalTitle">Cambio de impuesto</h5>
  495.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  496.                         <span aria-hidden="true">&times;</span>
  497.                     </button>
  498.                 </div>
  499.                 <div class="modal-body px-4">
  500.                     <input type="hidden" value="" id="importes">
  501.                     <div class="row">
  502.                         <div class="col-6 pl-0">Impuesto actual:</div>
  503.                         <div class="col"></div>
  504.                         <div class="col-5 pl-4">Importe:</div>
  505.                     </div>
  506.                     <div class="row mb-3">
  507.                         <input type="text" name="oldImpuestoName" id="oldImpuestoName" class="col-6 form-control" value="Sí" disabled>
  508.                         <div class="col"></div>
  509.                         <input type="number" step="0.00000001" name="oldImpuesto" id="oldImpuesto" class="col-4 form-control pr-0 text-right" value="5.11269632" disabled><div class="my-auto">%</div>
  510.                     </div>
  511.                     <div class="row">
  512.                         <div class="col-6 pl-0">Impuesto nuevo:</div>
  513.                         <div class="col"></div>
  514.                         <div class="col-5 pl-4">Importe:</div>
  515.                     </div>
  516.                     <div class="row">
  517.                         <select name="newImpuestoName" id="newImpuesto" class="col-6 form-control">
  519.                         </select>
  520.                         <div class="col"></div>
  521.                         <input type="number" step="0.00000001" name="newImpuestoImporte" id="newImpuestoImporte" class="col-4 form-control pr-0 text-right" disabled><div class="my-auto">%</div>
  522.                         <div class="alert-danger rounded mt-2 mb-n1 px-2 w-100 d-none" id="newImpuesto_error"></div>
  523.                     </div>
  524.                 </div>
  525.                 <div class="modal-footer">
  526.                     <button type="button" class="btn btn-secondary" onclick="back()">Cancelar</button>
  527.                     <button type="button" class="btn btn-primary id-button" id="updateImpuesto" onclick="updateImpuesto()" disabled>Guardar</button>
  528.                 </div>
  529.             </div>
  530.         </div>
  531.     </div>
  533.     <!-- Estado modal -->
  534.     <div class="modal fade" id="estadoModal" tabindex="-1" role="dialog" aria-labelledby="estadoModalTitle" aria-hidden="true">
  535.         <div class="modal-dialog modal-dialog-centered" role="document">
  536.             <div class="modal-content">
  537.                 <div class="modal-header">
  538.                     <h5 class="modal-title" id="estadoModalTitle">Actualizar estado</h5>
  539.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  540.                         <span aria-hidden="true">&times;</span>
  541.                     </button>
  542.                 </div>
  543.                 <div class="modal-body px-4">
  544.                     <div class="row">
  545.                         <div class="col"></div>
  546.                         <div class="col-6 pl-0">Estado actual:</div>
  547.                         <div class="col"></div>
  548.                     </div>
  549.                     <div class="row mb-3">
  550.                         <div class="col"></div>
  551.                         <input type="text" name="oldEstado" id="oldEstado" class="col-6 form-control" value="" disabled>
  552.                         <div class="col"></div>
  553.                     </div>
  554.                     <div class="row">
  555.                         <div class="col"></div>
  556.                         <div class="col-6 pl-0">Estado nuevo:</div>
  557.                         <div class="col"></div>
  558.                     </div>
  559.                     <div class="row">
  560.                         <div class="col"></div>
  561.                         <select name="newEstado" id="newEstado" class="col-6 form-control">
  563.                         </select>
  564.                         <div class="col"></div>
  565.                         <div class="alert-danger rounded mt-2 mb-n1 px-2 w-100 d-none" id="newEstado_error"></div>
  566.                     </div>
  567.                     <div id="fechaActivacion_div" class="d-none">
  568.                         <div class="row">
  569.                             <div class="col"></div>
  570.                             <div class="col-6 pl-0 mt-1">Fecha de activación:</div>
  571.                             <div class="col"></div>
  572.                         </div>
  573.                         <div class="row mb-3">
  574.                             <div class="col"></div>
  575.                             <input type="date" name="fechaActivacion" id="fechaActivacion" class="col-6 form-control">
  576.                             <div class="col"></div>
  577.                         </div>
  578.                     </div>
  579.                 </div>
  580.                 <div class="modal-footer">
  581.                     <button type="button" class="btn btn-secondary" onclick="back()">Cancelar</button>
  582.                     <button type="button" class="btn btn-primary id-button" id="updateEstado" onclick="updateEstado()" disabled>Guardar</button>
  583.                 </div>
  584.             </div>
  585.         </div>
  586.     </div>
  588.     <!-- Rentabilidad modal -->
  589.     <div class="modal fade" id="rentabilidadModal" tabindex="-1" role="dialog" aria-labelledby="rentabilidadModalTitle" aria-hidden="true">
  590.         <div class="modal-dialog modal-dialog-centered" role="document">
  591.             <div class="modal-content">
  592.                 <div class="modal-header">
  593.                     <h5 class="modal-title" id="rentabilidadModalTitle">Actualizar rentabilidad</h5>
  594.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  595.                         <span aria-hidden="true">&times;</span>
  596.                     </button>
  597.                 </div>
  598.                 <div class="modal-body px-4">
  599.                     <div class="row mb-3">
  600.                         <div class="col-6">
  601.                             <div class="row">
  602.                                 <div class="col-1"></div>
  603.                                 <div class=col">Estado actual:</div>
  604.                                 <div class="col-1"></div>
  605.                             </div>
  606.                             <div class="row mb-3">
  607.                                 <div class="col-1"></div>
  608.                                 <input type="text" name="oldEstadoRentabilidad" id="oldEstadoRentabilidad" class="col form-control" disabled="disabled">
  609.                                 <div class="col-1"></div>
  610.                             </div>
  611.                             <div class="row">
  612.                                 <div class="col-1"></div>
  613.                                 <div class="col">Fecha actual:</div>
  614.                                 <div class="col-1"></div>
  615.                             </div>
  616.                             <div class="row mb-3">
  617.                                 <div class="col-1"></div>
  618.                                 <input type="text" name="oldFechaRentabilidad" id="oldFechaRentabilidad" class="col form-control" disabled="disabled">
  619.                                 <div class="col-1"></div>
  620.                             </div>
  621.                         </div>
  622.                         <div class="col-6">
  623.                             <div class="row">
  624.                                 <div class="col-1"></div>
  625.                                 <div class="col">Estado nuevo:</div>
  626.                                 <div class="col-1"></div>
  627.                             </div>
  628.                             <div class="row mb-3">
  629.                                 <div class="col-1"></div>
  630.                                 <select name="newEstadoRentabilidad" id="newEstadoRentabilidad" class="col form-control"></select>
  631.                                 <div class="col-1"></div>
  632.                             </div>
  633.                             <div class="row">
  634.                                 <div class="col-1"></div>
  635.                                 <div class="col">Fecha nueva:</div>
  636.                                 <div class="col-1"></div>
  637.                             </div>
  638.                             <div class="row mb-3">
  639.                                 <div class="col-1"></div>
  640.                                 <input type="date" name="newFechaRentabilidad" id="newFechaRentabilidad" class="col form-control">
  641.                                 <div class="col-1"></div>
  642.                             </div>
  643.                         </div>
  644.                         <div class="col-12">
  645.                             <div class="row">
  646.                                 <div class="col">Observaciones:</div>
  647.                             </div>
  648.                             <div class="row">
  649.                                 <textarea name="newObservacionesRentabilidad" id="newObservacionesRentabilidad" class="col form-control"></textarea>
  650.                             </div>
  651.                         </div>
  652.                         <div class="alert-danger rounded mt-2 mb-n1 px-2 w-100 d-none" id="newRentabilidad_error"></div>
  653.                     </div>
  654.                 </div>
  655.                 <div class="modal-footer">
  656.                     <button type="button" class="btn btn-secondary" onclick="back()">Cancelar</button>
  657.                     <button type="button" class="btn btn-primary id-button" id="updateRentabilidad" onclick="updateRentabilidad()" disabled>Guardar</button>
  658.                 </div>
  659.             </div>
  660.         </div>
  661.     </div>
  663.     <!-- Comercial modal -->
  664.     <div class="modal fade" id="comercialModal" tabindex="-1" role="dialog" aria-labelledby="comercialModalTitle" aria-hidden="true">
  665.         <div class="modal-dialog modal-dialog-centered" role="document">
  666.             <div class="modal-content">
  667.                 <div class="modal-header">
  668.                     <h5 class="modal-title" id="comercialModalTitle">Actualizar comercial</h5>
  669.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  670.                         <span aria-hidden="true">&times;</span>
  671.                     </button>
  672.                 </div>
  673.                 <div class="modal-body px-4">
  674.                     <div class="row mb-2">
  675.                         <label for="oldCuenta">Administrador actual:</label>
  676.                         <input type="text" name="oldAdministrador" id="oldAdministrador" class="col-12 form-control" disabled>
  677.                     </div>
  678.                     <div class="row mb-3">
  679.                         <label for="newCuenta">Administrador nuevo:</label>
  680.                         <select type="text" name="newAdministrador" id="newAdministrador" class="col-12 form-control"></select>
  681.                     </div>
  682.                     <div class="row mb-3">
  683.                         <div class="col-6">
  684.                             <div class="row">
  685.                                 <div class="col-1"></div>
  686.                                 <div class="col">Comercial actual:</div>
  687.                                 <div class="col-1"></div>
  688.                             </div>
  689.                             <div class="row mb-3">
  690.                                 <div class="col-1"></div>
  691.                                 <input type="text" name="oldComercial" id="oldComercial" class="col form-control" disabled="disabled">
  692.                                 <div class="col-1"></div>
  693.                             </div>
  694.                         </div>
  695.                         <div class="col-6">
  696.                             <div class="row">
  697.                                 <div class="col-1"></div>
  698.                                 <div class="col">Comercial nuevo:</div>
  699.                                 <div class="col-1"></div>
  700.                             </div>
  701.                             <div class="row mb-3">
  702.                                 <div class="col-1"></div>
  703.                                 <input type="text" name="newComercial" id="newComercial" class="col form-control">
  704.                                 <div class="col-1"></div>
  705.                             </div>
  706.                         </div>
  707.                     </div>
  708.                 </div>
  709.                 <div class="modal-footer">
  710.                     <button type="button" class="btn btn-secondary" onclick="back()">Cancelar</button>
  711.                     <button type="button" class="btn btn-primary id-button" id="updateComercial" onclick="updateComercial()" >Guardar</button>
  712.                 </div>
  713.             </div>
  714.         </div>
  715.     </div>
  717.     {#<!-- Canal modal -->
  719.     <div class="modal fade" id="canalModal" tabindex="-1" role="dialog" aria-labelledby="canalModalTitle" aria-hidden="true">
  720.         <div class="modal-dialog modal-dialog-centered" role="document">
  721.             <div class="modal-content">
  722.                 <div class="modal-header">
  723.                     <h5 class="modal-title" id="canalModalTitle">Actualizar canal</h5>
  724.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  725.                         <span aria-hidden="true">&times;</span>
  726.                     </button>
  727.                 </div>
  728.                 <div class="modal-body px-4">
  729.                     <div class="row">
  730.                         <div class="col-5 pl-0">Compañía actual:</div>
  731.                         <div class="col"></div>
  732.                         <div class="col-5 pl-0">Canal actual:</div>
  733.                     </div>
  734.                     <div class="row mb-3">
  735.                         <input type="text" name="oldProveedor" id="oldProveedor" class="col-5 form-control" disabled>
  736.                         <div class="col"></div>
  737.                         <input type="text" step="" name="oldCanal" id="oldCanal" class="col-5 form-control" disabled>
  738.                     </div>
  739.                     <div class="row">
  740.                         <div class="col-5 pl-0">Compañía nueva:</div>
  741.                         <div class="col"></div>
  742.                         <div class="col-5 pl-0">Canal nuevo:</div>
  743.                     </div>
  744.                     <div class="row">
  745.                         <select name="newProveedor" id="newProveedor" class="col-5 form-control">
  747.                         </select>
  748.                         <div class="col"></div>
  749.                         <select name="newCanal" id="newCanal" class="col-5 form-control">
  751.                         </select>
  752.                     </div>
  753.                 </div>
  754.                 <div class="modal-footer">
  755.                     <button type="button" class="btn btn-secondary" onclick="back()">Cancelar</button>
  756.                     <button type="button" class="btn btn-primary id-button" id="updateCanal" onclick="updateCanal()">Guardar</button>
  757.                 </div>
  758.             </div>
  759.         </div>
  760.     </div>#}
  762.     {% if is_granted('ROLE_SUPERADMIN') %}
  763.         <!-- Caducidad modal -->
  764.         <div class="modal fade" id="caducidadModal" tabindex="-1" role="dialog" aria-labelledby="caducidadModalTitle" aria-hidden="true">
  765.             <div class="modal-dialog modal-dialog-centered" role="document">
  766.                 <div class="modal-content">
  767.                     <div class="modal-header">
  768.                         <h5 class="modal-title" id="caducidadModalTitle">Canal, compañía y fecha de caducidad</h5>
  769.                         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  770.                             <span aria-hidden="true">&times;</span>
  771.                         </button>
  772.                     </div>
  773.                     <div class="modal-body px-4">
  774.                         <div class="row mb-3 ml-3">
  775.                             <div class="col-6">
  776.                                 <div class="p-3 border rounded">
  777.                                     <div class="row">
  778.                                         <div class="col-1"></div>
  779.                                         <div class="col-11">Canal actual:</div>
  780.                                     </div>
  781.                                     <div id="div_oldCanal" class="row">
  782.                                         <input type="text" name="oldCanal" id="oldCanal" class="col-11 ml-2 form-control" disabled="disabled">
  783.                                     </div>
  784.                                     <div class="row mt-2">
  785.                                         <div class="col-1"></div>
  786.                                         <div class="col-11">Canal nuevo:</div>
  787.                                     </div>
  788.                                     <div id="div_newCanal" class="row">
  789.                                         <select name="newCanal" id="newCanal" class="col-11 ml-2 form-control">
  790.                                         </select>
  791.                                     </div>
  792.                                 </div>
  793.                             </div>
  794.                             <div class="col-6">
  795.                                 <div class="p-3 border rounded">
  796.                                     <div class="row">
  797.                                         <div class="col-1"></div>
  798.                                         <div class="col-11">Compañía actual:</div>
  799.                                     </div>
  800.                                     <div id="div_oldProveedor" class="row">
  801.                                         <input type="text" name="oldProveedor" id="oldProveedor" class="col-11 ml-2 form-control" disabled="disabled">
  802.                                     </div>
  803.                                     <div class="row mt-2">
  804.                                         <div class="col-1"></div>
  805.                                         <div class="col-11">Compañía nueva:</div>
  806.                                     </div>
  807.                                     <div id="div_newProveedor" class="row">
  808.                                         <select name="newProveedor" id="newProveedor" class="col-11 ml-2 form-control">
  809.                                         </select>
  810.                                     </div>
  811.                                 </div>
  812.                             </div>
  813.                         </div>
  814.                         <div class="row">
  815.                             <div class="col"></div>
  816.                             <div class="col-6 pl-0">Caducidad interna actual:</div>
  817.                             <div class="col"></div>
  818.                         </div>
  819.                         <div class="row mb-3">
  820.                             <div class="col"></div>
  821.                             <input type="date" name="oldCaducidad" id="oldCaducidad" class="col-6 form-control" disabled>
  822.                             <div class="col"></div>
  823.                         </div>
  824.                         <div class="row">
  825.                             <div class="col"></div>
  826.                             <div class="col-6 pl-0">Caducidad interna nueva:</div>
  827.                             <div class="col"></div>
  828.                         </div>
  829.                         <div class="row">
  830.                             <div class="col"></div>
  831.                             <input type="date" name="newCaducidad" id="newCaducidad" class="col-6 form-control">
  832.                             <div class="col"></div>
  833.                             <div class="alert-danger rounded mt-2 mb-n1 px-2 w-100 d-none" id="newCaducidad_error"></div>
  834.                         </div>
  835.                     </div>
  836.                     <div class="modal-footer">
  837.                         <button type="button" class="btn btn-secondary" onclick="back()">Cancelar</button>
  838.                         <button type="button" class="btn btn-primary id-button" id="updateCaducidad" onclick="updateCaducidad()">Guardar</button>
  839.                     </div>
  840.                 </div>
  841.             </div>
  842.         </div>
  843.     {% endif %}
  845.     <!-- Loading modal -->
  846.     <div class="modal fade" id="loadingModal" tabindex="-1" role="dialog" aria-labelledby="loadingModalTitle" aria-hidden="true">
  847.         <div class="modal-dialog modal-dialog-centered" role="document">
  848.             <div class="modal-content">
  849.                 <div class="modal-body py-5">
  850.                     <div class="text-center">
  851.                         <div class="d-inline-block mb-2 mr-2">Por favor, espere</div> <div class="d-inline-block spinner-border"></div>
  852.                     </div>
  853.                 </div>
  854.             </div>
  855.         </div>
  856.     </div>
  858.     <!-- Alert modal -->
  859.     <div class="modal fade" id="alertModal" tabindex="-1" role="dialog" aria-labelledby="alertModalTitle" aria-hidden="true">
  860.         <div class="modal-dialog modal-dialog-centered" role="document">
  861.             <div class="modal-content">
  862.                 <div class="modal-header">
  863.                     <h5 class="modal-title" id="alertModal_title">Aviso</h5>
  864.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  865.                         <span aria-hidden="true">&times;</span>
  866.                     </button>
  867.                 </div>
  868.                 <div class="modal-body py-3">
  869.                     <div class="text-center">
  870.                         <div class="my-auto" id="alertModal_message">Cambio realizado correctamente</div>
  871.                     </div>
  872.                 </div>
  873.                 <div class="modal-footer">
  874.                     <button type="button" class="btn btn-primary" data-dismiss="modal">Aceptar</button>
  875.                 </div>
  876.             </div>
  877.         </div>
  878.     </div>
  880.     <div id="periodos" class="d-none"></div>
  881. </div>