<?php include "views/templates/header.php";?>
<div class="container mt-4">
  <div class="row">

    <!-- DIESEL -->
    <div class="col-md-6 col-lg-3 mb-4">
      <div class="card shadow-sm h-100">
        <div class="card-header text-center font-weight-bold">
          Configurar Stock - Diesel
        </div>
        <div class="card-body text-center">
          <input type="number" class="form-control mb-3" id="stock_diesel" placeholder="Ingrese stock Diesel">
          <button class="btn btn-success btn-block"  onclick="cambiar_estock_diesel(1)">
            <i class="fas fa-check-circle"></i> Confirmar
          </button>
        </div>
      </div>
    </div>

    <!-- REGULAR -->
    <div class="col-md-6 col-lg-3 mb-4">
      <div class="card shadow-sm h-100">
        <div class="card-header text-center font-weight-bold">
          Configurar Stock - Regular
        </div>
        <div class="card-body text-center">
          <input type="number" class="form-control mb-3" id="stock_regular" placeholder="Ingrese stock Regular">
          <button class="btn btn-primary btn-block"  onclick="cambiar_estock_regular(2)">
            <i class="fas fa-check-circle"></i> Confirmar
          </button>
        </div>
      </div>
    </div>

    <!-- PREMIUM -->
    <div class="col-md-6 col-lg-3 mb-4">
      <div class="card shadow-sm h-100">
        <div class="card-header text-center font-weight-bold">
          Configurar Stock - Premium
        </div>
        <div class="card-body text-center">
          <input type="number" class="form-control mb-3" id="stock_primium" placeholder="Ingrese stock Premium" >
          <button class="btn btn-warning btn-block" onclick="cambiar_estock_primiun(3)">
            <i class="fas fa-check-circle"></i> Confirmar
          </button>
        </div>
      </div>
    </div>

    <!-- GLP -->
    <div class="col-md-6 col-lg-3 mb-4">
      <div class="card shadow-sm h-100">
        <div class="card-header text-center font-weight-bold">
          Configurar Stock - GLP
        </div>
        <div class="card-body text-center">
          <input type="number" class="form-control mb-3" id="stock_glp" placeholder="Ingrese stock GLP">
          <button class="btn btn-info btn-block" onclick="cambiar_estock_glp(4)">
            <i class="fas fa-check-circle"></i> Confirmar
          </button>
        </div> 
      </div>
    </div>

  </div>
</div>
<div class="row g-4">

  <!-- ================== PRECIOS DE COMBUSTIBLE ================== -->
 
     
  

  <div class="col-md-6">
    <div class="card shadow-sm h-100">
      <div class="card-body">

        <h5 class="text-center mb-4">
          <span class="badge bg-info fs-6 px-3 py-2">
            <i class="fas fa-gas-pump me-1"></i> PRECIOS DE COMBUSTIBLE
          </span>
        </h5>

        <div class="row align-items-center">

          <!-- LADO IZQUIERDO -->
          <div class="col-5">
            <div class="card mb-3 border-0 bg-light">
              <div class="card-body p-3">
                <label class="fw-bold text-muted">DIESEL</label>
                <div class="input-group mt-1">
                  <input type="number" class="form-control" placeholder="Precio" id="precio_diesel">
                  <button class="btn btn-success" onclick="corregi_diesel(1)">
                    <i class="fas fa-check"></i>
                  </button>
                </div>
              </div>
            </div>

            <div class="card border-0 bg-light">
              <div class="card-body p-3">
                <label class="fw-bold text-muted">REGULAR</label>
                <div class="input-group mt-1">
                  <input type="number" class="form-control" placeholder="Precio" id="precio_regular">
                  <button class="btn btn-success" onclick="corregi_regular(2)">
                    <i class="fas fa-check"></i>
                  </button>
                </div>
              </div>
            </div>
          </div>

          <!-- DIVISOR -->
          <div class="col-2 d-flex justify-content-center">
            <div class="border-start" style="height: 180px;"></div>
          </div>

          <!-- LADO DERECHO -->
          <div class="col-5">
            <div class="card mb-3 border-0 bg-light">
              <div class="card-body p-3">
                <label class="fw-bold text-muted">PRIMIUN</label>
                <div class="input-group mt-1">
                  <input type="number" class="form-control" placeholder="Precio" id="precio_primiun">
                  <button class="btn btn-success" onclick="corregi_primiun(3)">
                    <i class="fas fa-check"></i>
                  </button>
                </div>
              </div>
            </div>

            <div class="card border-0 bg-light">
              <div class="card-body p-3">
                <label class="fw-bold text-muted">GLP</label>
                <div class="input-group mt-1">
                  <input type="number" class="form-control" placeholder="Precio" id="precio_glp">
                  <button class="btn btn-success"  onclick="corregi_glp(4)">
                    <i class="fas fa-check"></i>
                  </button>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- ================== MEDIOS DE PAGO ================== -->
  <div class="col-md-6">
    <div class="card shadow-sm h-100">
      <div class="card-body">

        <h5 class="text-center mb-4">
          <span class="badge bg-primary fs-6 px-3 py-2">
            <i class="fas fa-credit-card me-1"></i> MEDIOS DE PAGO
          </span>
        </h5>

        <div class="d-grid mb-3">
          <button class="btn btn-outline-primary" onclick="ocultar_medios_pagos()">
            <i class="fas fa-plus"></i> Nuevo Medio de Pago
          </button>
        </div>

        <ul class="list-group mb-3" id="medios_pagos_lista">
          <!-- dinámico -->
        </ul>

        <div id="nuevo_medio_pago" class="d-none">
          <label class="fw-semibold">Nuevo medio de pago</label>
          <div class="input-group mt-1">
            <input type="text" class="form-control" id="nuevoMedioPago">
            <button class="btn btn-success" onclick="ingresar_nuevo_medio_pago()">
              <i class="fas fa-check"></i>
            </button>
            <button class="btn btn-danger" onclick="cancelar_registro()">
              <i class="fas fa-times"></i>
            </button>
          </div>
        </div>

      </div>
    </div>
  </div>
   </div>
</div>  
</div>



<?php include "views/templates/footer.php"; ?><div class="container">
 