<div class="main-content">
  <div class="container-fluid">
    <div class="card">
      <div class="card-header card-header-danger">
        <h4 class="card-title">Agregando un item presupuestario</h4>
      </div>
      <div class="card-body">
        <form (ngSubmit)="save()">
          <div class="row">
            <div class="col-4">
              <label class="font-weight-bold">Programa</label>
              <div>
                <input [(ngModel)]="item.item_pg" type="text" placeholder="Código" id="item_pg" name="item_pg" class="outlinenone" maxlength="2" required />
              </div>
            </div>
            <div class="col-4">
              <label class="font-weight-bold">Sub Programa</label>
              <div>
                <input [(ngModel)]="item.item_sp" type="text" placeholder="Código" id="item_sp" name="item_sp" class="outlinenone" maxlength="2" required />
              </div>
            </div>
            <div class="col-4">
              <label class="font-weight-bold">Proyecto</label>
              <div>
                <input [(ngModel)]="item.item_py" type="text" placeholder="Código" id="item_py" name="item_py" class="outlinenone" maxlength="3" required />
              </div>
            </div>
            <div class="col-4">
              <label class="font-weight-bold">Actividad</label>
              <div>
                <input [(ngModel)]="item.item_act" type="text" placeholder="Código" id="item_act" name="item_act" class="outlinenone" maxlength="3" required />
              </div>
            </div>
            <div class="col-4">
              <label class="font-weight-bold">Item</label>
              <div>
                <input [(ngModel)]="item.item_item" type="text" placeholder="Código" id="item_item" name="item_item" class="outlinenone" maxlength="6" required />
              </div>
            </div>
            <div class="col-4">
              <label class="font-weight-bold">Ubicación Geografica</label>
              <div>
                <input [(ngModel)]="item.item_ubg" type="text" placeholder="Código" id="item_ubg" name="item_ubg" class="outlinenone" maxlength="4" required />
              </div>
            </div>
            <div class="col-4">
              <label class="font-weight-bold">Fuente</label>
              <div>
                <input [(ngModel)]="item.item_fte" type="text" placeholder="Código" id="item_fte" name="item_fte" class="outlinenone" maxlength="3" required />
              </div>
            </div>
            <div class="col-4">
              <label class="font-weight-bold">Organización</label>
              <div>
                <input [(ngModel)]="item.item_org" type="text" placeholder="Código" id="item_org" name="item_org" class="outlinenone" maxlength="4" required />
              </div>
            </div>
            <div class="col-4">
              <label class="font-weight-bold">N° de Presentación</label>
              <div>
                <input [(ngModel)]="item.item_n_prest" type="text" placeholder="Código" id="item_n_prest" name="item_n_prest" class="outlinenone" maxlength="4" required />
              </div>
            </div>
            <div class="col-12">
              <label class="font-weight-bold">Descripción</label>
              <div>
                <input [(ngModel)]="item.item_descripcion" type="text" placeholder="Descripción del item" id="item_descripcion" name="item_descripcion" class="outlinenone" required />
              </div>
            </div>
            
          </div>
          <button type="submit" class="btn btn-success">Guardar</button>
        </form>
      </div>
    </div>
  </div>
</div>