View Code - 20260721

loom_production_entry_new.php | 20260721_154033.php Initial Bulk Import

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Production Entry</title>

/* ================= TOOLBAR ================= */
.toolbar{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  gap:12px;
  padding:8px 10px;
  border:1px solid #dcdcdc;
  border-radius:4px;
}

/* label + field */
.fld{
  display:flex;
  flex-direction:column;
  gap:3px;
}
.fld label{
  font-size:12px;
  color:#555;
}
.fld input,
.fld select{
  height:26px;
  padding:2px 6px;
  font-size:12px;
  border:1px solid #bfc6cc;
  border-radius:2px;
  background:#fff;
}

/* buttons */
.btn{
  height:28px;
  padding:0 10px;
  font-size:12px;
  border-radius:2px;
  border:1px solid #2ea86a;
  background:#2ea86a;
  color:#fff;
  cursor:pointer;
  white-space:nowrap;
}
.btn.gray{
  background:#f5f5f5;
  border-color:#c5c5c5;
  color:#333;
}
.btn.small{ height:26px; padding:0 8px; }
.btn.add{
  background:#22c55e;
  border-color:#16a34a;
}

/* ================= PBN / SBN / MACHINE ================= */
.psm{
  display:flex;
  gap:12px;
  align-items:flex-end;
}

.psm-box{
  border:1px solid #9ca3af;
  padding:6px 8px;
  min-width:150px;
}

.psm-title{
  text-align:center;
  font-size:12px;
  font-weight:700;
  margin-bottom:4px;
  letter-spacing:1px;
  color:#374151;
}

.psm-row{
  display:flex;
  gap:6px;
}
.psm-col{
  display:flex;
  flex-direction:column;
  gap:2px;
  font-size:11px;
}
.psm-col input{
  height:22px;
  font-size:12px;
  text-align:center;
  border:1px solid #9ca3af;
}

/* machine */
.machine-box{ min-width:130px; }
.machine-ctrl{
  display:flex;
  height:24px;
  border:1px solid #9ca3af;
}
.machine-ctrl span{
  width:26px;
  text-align:center;
  line-height:22px;
  cursor:pointer;
  color:#555;
  user-select:none;
}
.machine-no{
  flex:1;
  background:#6b7280;
  color:#fff;
  font-weight:600;
  text-align:center;
  line-height:22px;
  font-size:13px;
}

/* ================= ENTRY LIST ================= */
.entry-box{
  margin-top:12px;
  border:1px solid #e5e5e5;
  border-radius:4px;
  padding:8px;
}

.entry-row{
  display:flex;
  gap:14px;
  align-items:center;
  font-size:12px;
  padding:6px 0;
  border-bottom:1px dashed #eee;
}
.entry-row:last-child{ border-bottom:none; }

.date{ width:90px; color:#333; }
.val{ width:70px; }
.badge{
  background:#e8f0ff;
  color:#1d4ed8;
  padding:2px 6px;
  border-radius:4px;
  font-weight:600;
  font-size:11px;
}
.edit{
  background:#2563eb;
  color:#fff;
  border:none;
  border-radius:4px;
  font-size:11px;
  padding:2px 6px;
  cursor:pointer;
}

/* ================= FOOT ================= */
.footer{
  display:flex;
  justify-content:space-between;
  margin-top:10px;
  font-size:12px;
  color:#444;
}
.shortcuts{ font-size:11px; color:#666; }
.shortcuts b{ display:inline-block; width:26px; }
</style>
</head>

<body>

<div class="toolbar">

<div class="fld">
    <label>khata</label>
    <select><option>mst 1-40</option></select>
  </div>

<div class="fld">
    <label>Machine</label>
    <input value="1" style="width:40px">
  </div>

<div class="fld">
    <label>Quality</label>
    <select><option>GP</option></select>
  </div>

<div class="fld">
    <label>Month</label>
    <select><option>November</option></select>
  </div>

<div class="fld">
    <label>Period</label>
    <select><option>H1</option></select>
  </div>

<div class="psm">

<div class="psm-box">
      <div class="psm-title">PBN</div>
      <div class="psm-row">
        <div class="psm-col">
          <span>Beam</span>
          <input value="1001">
        </div>
        <div class="psm-col">
          <span>Meter</span>
          <input value="1500">
        </div>
      </div>
    </div>

<div class="psm-box">
      <div class="psm-title">SBN</div>
      <div class="psm-row">
        <div class="psm-col">
          <span>Beam</span>
          <input value="1002">
        </div>
        <div class="psm-col">
          <span>Meter</span>
          <input value="1600">
        </div>
      </div>
    </div>

<div class="psm-box machine-box">
      <div class="psm-title">Machine</div>
      <div class="machine-ctrl">
        <span>◀</span>
        <div class="machine-no">1</div>
        <span>▶</span>
      </div>
    </div>

</div>

<button class="btn small">Flip Order</button>

<div class="fld">
    <label>Add Karigar</label>
    <select style="width:120px"><option>-Select-</option></select>
  </div>
  <button class="btn add">Add +</button>

</div>

<div class="entry-box">

</div>

<div class="footer">
  <div>Grand total: <b>396</b></div>
  <div class="shortcuts">
    <div><b>Alt</b> Filter</div>
    <div><b>Enter</b> Save / Add</div>
    <div><b>← →</b> Machine</div>
  </div>
</div>

</body>
</html>