{% extends "layout.html" %}
{% block title %}
Score - Data Master
{% endblock %}

{% block content %}
<link rel="stylesheet" href="{{ url_for('static', filename='css/DatamastersGral.css') }}">
<!-- css/Ventas/VentasEUA/datamaster/DMBreakers.css -->


<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.13.4/css/jquery.dataTables.min.css" />
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/2.4.2/css/buttons.dataTables.min.css" />

<main class="page">
  <section class="clean-block clean-form dark">
    <div class="container">
      <div class="block-heading">
        <h2 class="text-info ">Reporte Financiero OV</h2>
        <p >Reporte Financiero OV</p>
      </div>

      <!-- Indicador de carga -->
      <div id="loading-indicator" style="display: none; text-align: center; margin-top: 10px;">
        <span class="spinner-border text-primary" role="status" aria-hidden="true"></span>
        <span>Cargando...</span>
      </div>
      <!-- Controles (Regresar y Agregar) -->
      <div class="d-flex justify-content-between mb-3">
          <!-- Botón Regresar -->
          <button 
              type="button" 
              class="btn btn-secondary dm-btn-Secundario" 
              onclick="history.back();">
              <i class="fas fa-arrow-left"></i> 
              Regresar
          </button>

      </div>
      
      <!-- Tabla principal -->
      <table  class="table table-striped dm-table " style="width:100%" id="Table1">
        <thead>
          <tr>
            <th class="dm-table">	Company	</th>
            <th class="dm-table">	OV	</th>
            <th class="dm-table">	FechaOV	</th>
            <th class="dm-table">	OrderCode	</th>
            <th class="dm-table">	División	</th>
            <th class="dm-table">	Clasificación	</th>
            <th class="dm-table">	Departamento	</th>
            <th class="dm-table">	DepartamentClass	</th>
            <th class="dm-table">	Vendedor	</th>
            <th class="dm-table">	CustNum	</th>
            <th class="dm-table">	CustID	</th>
            <th class="dm-table">	Cliente	</th>
            <th class="dm-table">	TotalLines	</th>
            <th class="dm-table">	EstatusOV	</th>
            <th class="dm-table">	 Importe 	</th>
            <th class="dm-table">	 Descuento 	</th>
            <th class="dm-table">	 Misc. 	</th>
            <th class="dm-table">	 Subtotal 	</th>
            <th class="dm-table">	 Impuesto 	</th>
            <th class="dm-table">	 Redondeo 	</th>
            <th class="dm-table">	 Total de la Orden 	</th>
            <th class="dm-table">	Moneda	</th>
            <th class="dm-table">	 Cambio 	</th>
            <th class="dm-table">	 ImporteMXN 	</th>
            <th class="dm-table">	 DescuentoMXN 	</th>
            <th class="dm-table">	 Misc.MXN 	</th>
            <th class="dm-table">	 SubtotalMXN 	</th>
            <th class="dm-table">	 ImpuestoMXN 	</th>
            <th class="dm-table">	 RedondeoMXN 	</th>
            <th class="dm-table">	 Total de la Orden MXN 	</th>
            <th class="dm-table">	Terminos OV	</th>
            <th class="dm-table">	Dias de pago OV	</th>
            <th class="dm-table">	Comentario de OV	</th>
            <th class="dm-table">	TipoDeVenta	</th>
            <th class="dm-table">	 Facturado 	</th>
            <th class="dm-table">	 FacturadoIVA 	</th>
            <th class="dm-table">	 FacturadoMXN 	</th>
            <th class="dm-table">	 FacturadoIVAMXN 	</th>
            <th class="dm-table">	ListaDeFacturas	</th>
            <th class="dm-table">	FechaUltimaFactura	</th>
            <th class="dm-table">	 Facturacion Manual 	</th>
            <th class="dm-table">	Comentario de correccion	</th>
            <th class="dm-table">	 Por Facturar 	</th>
            <th class="dm-table">	%	</th>
            <th class="dm-table">	 Revisión 	</th>
            <th class="dm-table">	AllProjectID	</th>
            <th class="dm-table">	Columna1	</th>
            <th class="dm-table">	JobNumsInProject	</th>
            <th class="dm-table">	 Material 	</th>
            <th class="dm-table">	 Labor 	</th>
            <th class="dm-table">	 Burden 	</th>
            <th class="dm-table">	 Subcontract 	</th>
            <th class="dm-table">	 MtlBur 	</th>
            <th class="dm-table">	 TotalCostPrj 	</th>
            <th class="dm-table">	JobNumsDirectOV	</th>
            <th class="dm-table">	 MaterialDir 	</th>
            <th class="dm-table">	 LaborDir 	</th>
            <th class="dm-table">	 BurdenDir 	</th>
            <th class="dm-table">	 SubcontractDir 	</th>
            <th class="dm-table">	 MtlBurDir 	</th>
            <th class="dm-table">	 TotalCostDir 	</th>
            <th class="dm-table">	TotalCost	</th>
            <th class="dm-table">	Utilidad	</th>
            <th class="dm-table">	%2	</th>

            </tr>
          <tr class="dm-btn-text">
            <th class="dm-table"><input type="text" class="form-control column-filter" data-column="	0	" placeholder="	Company	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	1	" placeholder="	OV	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	2	" placeholder="	FechaOV	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	3	" placeholder="	OrderCode	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	4	" placeholder="	División	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	5	" placeholder="	Clasificación	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	6	" placeholder="	Departamento	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	7	" placeholder="	DepartamentClass	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	8	" placeholder="	Vendedor	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	9	" placeholder="	CustNum	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	10	" placeholder="	CustID	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	11	" placeholder="	Cliente	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	12	" placeholder="	TotalLines	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	13	" placeholder="	EstatusOV	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	14	" placeholder="	 Importe 	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	15	" placeholder="	 Descuento 	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	16	" placeholder="	 [Misc.] 	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	17	" placeholder="	 Subtotal 	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	18	" placeholder="	 Impuesto 	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	19	" placeholder="	 Redondeo 	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	20	" placeholder="	 [Total de la Orden] 	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	21	" placeholder="	Moneda	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	22	" placeholder="	 Cambio 	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	23	" placeholder="	 ImporteMXN 	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	24	" placeholder="	 DescuentoMXN 	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	25	" placeholder="	 [Misc.MXN] 	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	26	" placeholder="	 SubtotalMXN 	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	27	" placeholder="	 ImpuestoMXN 	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	28	" placeholder="	 RedondeoMXN 	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	29	" placeholder="	 [Total de la Orden MXN] 	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	30	" placeholder="	[Terminos OV]	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	31	" placeholder="	[Dias de pago OV]	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	32	" placeholder="	[Comentario de OV]	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	33	" placeholder="	TipoDeVenta	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	34	" placeholder="	 Facturado 	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	35	" placeholder="	 FacturadoIVA 	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	36	" placeholder="	 FacturadoMXN 	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	37	" placeholder="	 FacturadoIVAMXN 	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	38	" placeholder="	ListaDeFacturas	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	39	" placeholder="	FechaUltimaFactura	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	40	" placeholder="	 [Facturacion Manual] 	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	41	" placeholder="	[Comentario de correccion]	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	42	" placeholder="	 [Por Facturar] 	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	43	" placeholder="	[%]	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	44	" placeholder="	 Revisión 	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	45	" placeholder="	AllProjectID	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	46	" placeholder="	Columna1	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	47	" placeholder="	JobNumsInProject	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	48	" placeholder="	 Material 	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	49	" placeholder="	 Labor 	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	50	" placeholder="	 Burden 	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	51	" placeholder="	 Subcontract 	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	52	" placeholder="	 MtlBur 	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	53	" placeholder="	 TotalCostPrj 	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	54	" placeholder="	JobNumsDirectOV	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	55	" placeholder="	 MaterialDir 	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	56	" placeholder="	 LaborDir 	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	57	" placeholder="	 BurdenDir 	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	58	" placeholder="	 SubcontractDir 	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	59	" placeholder="	 MtlBurDir 	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	60	" placeholder="	 TotalCostDir 	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	61	" placeholder="	TotalCost	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	62	" placeholder="	Utilidad	"></th>
<th class="dm-table"><input type="text" class="form-control column-filter" data-column="	63	" placeholder="	[%2]	"></th>

          </tr>
        </thead>
        <tbody id="TableBody">
        </tbody>
      </table>

    </div> <!-- Fin container -->
  </section>
</main>

<!-- Scripts de jQuery y DataTables -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.4.2/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.4.2/js/buttons.flash.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.4.2/js/buttons.html5.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.4.2/js/buttons.print.min.js"></script>

<!-- Script principal de la página -->

<script src="{{ url_for('static', filename='js/SupYCtrol/GSYC/GSyCReporte_financiero_OV.js') }}"></script>

{% endblock %}
