<?php

session_start();
include('script/condb.php');



?>

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>TQ Dashboard</title>
<link href="css/styles.css" rel="stylesheet" type="text/css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

	<style>
		
		.container {
      background-color: #bcd6e1;
      padding: 20px;
      border-radius: 10px;
      max-width: 1000px;
      margin: auto;
    }
    table {
      width: 100%;
      border-collapse: collapse;
      margin-bottom: 20px;
    }
    th, td {
      border: 1px solid #ccc;
      padding: 8px;
      text-align: center;
    }
    th {
      background-color: #f4f4f4;
    }
    .section-title {
      font-weight: bold;
      margin-top: 20px;
    }
    .form-group {
      margin-bottom: 10px;
    }
    label {
      display: inline-block;
      width: 120px;
    }
    input[type="text"], input[type="number"] {
      padding: 5px;
      width: 80px;
    }
    .btn-enter {
      padding: 10px 20px;
      background-color: black;
      color: white;
      border: none;
      cursor: pointer;
      margin-top: 10px;
    }
   
		.section { background: #fff; padding: 20px; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 8px; }
    .section h2 { margin-top: 0; }
    .form-group { display: flex; align-items: center; margin-bottom: 10px; }
    .form-group label { width: 250px; font-weight: bold; }
    .form-group input, .form-group select { flex: 1; padding: 5px; }
    .highlight { background-color: #fdd; }
    /*.right-frame {
      flex: 1;
      padding: 20px;
    }
    .form-container {
      background-color: #bcd6e1;
      padding: 20px;
      border-radius: 10px;
      max-width: 900px;
      margin: auto;
    }
    .section {
      background-color: #f1f7fb;
      border-radius: 10px;
      padding: 15px;
      margin-bottom: 20px;
    }
    .section-title {
      font-weight: bold;
      margin-bottom: 10px;
      font-size: 1.2em;
    }
    .form-row {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      margin-bottom: 10px;
    }
    .form-group {
      flex: 1 1 200px;
    }
    label {
      display: block;
      font-weight: bold;
      margin-bottom: 5px;
    }
    input[type="number"] {
      width: 100%;
      padding: 5px;
      border: 1px solid #aaa;
      border-radius: 5px;
    }
    .btn-enter {
      display: block;
      width: 100%;
      padding: 12px;
      background-color: black;
      color: white;
      border: none;
      font-weight: bold;
      cursor: pointer;
      border-radius: 8px;
      margin-top: 20px;
    }
    .checkbox-group {
      margin-top: 10px;
    }*/
	h2 {
      text-align: center;
    }
    form {
      background: #f0f8ff;
      padding: 20px;
      border-radius: 10px;
      width: 800px;
      margin: auto;
    }
    table {
      width: 100%;
      border-collapse: collapse;
      margin-bottom: 20px;
    }
    td, th {
      padding: 8px;
      border: 1px solid #ccc;
      text-align: center;
    }
    .section-title {
      background: #cce5ff;
      font-weight: bold;
      text-align: left;
      padding: 10px;
    }
    input[type="text"], input[type="number"] {
      width: 100%;
      padding: 5px;
      box-sizing: border-box;
    }
  </style>
	
<body>
<div class="dashboardpagewrap">
<div class="left-frame">
<a href="dashboard.php"><div class="navigations-main" ><div><img src="images/home.png" width="128" height="128" alt=""/></div>Dashobard</div></a>
<a href="settings.php"><div class="navigations-main"><div><img src="images/settings-ico.png" width="128" height="128" alt=""/></div>Settings</div></a>
<a href="project-informations.php"><div class="navigations-main"><div><img src="images/information.png" width="128" height="128" alt=""/></div>Project Information</div></a>
<a href="stagesofproject.php"><div class="navigations-main"><div><img src="images/steps.png" width="128" height="128" alt=""/></div>Stages of Project</div></a>
<a href="#"><div class="navigations-main"><div><img src="images/control.png" width="128" height="128" alt=""/></div>Project Control</div></a>
<a href="#"><div class="navigations-main"><div><img src="images/construction.png" width="128" height="128" alt=""/></div>Construction Equipment</div></a>
<a href="#"><div class="navigations-main"><div><img src="images/materials.png" width="128" height="128" alt=""/></div>Materials</div></a>
<a href="#"><div class="navigations-main"><div><img src="images/labourers.png" width="128" height="128" alt=""/></div>Labourers</div></a>
<div class="navigations-main"><div><a href="logout.php"><img src="images/logout.png" width="128" height="128" alt=""/></a></div>Logout</div>
<div class="logo-main"><img src="images/logo.png" width="286" height="152" alt=""/></div>
</div>	
	
<div class="right-frame">
<div class="page-tag"><img src="images/settings-ico2.png" width="128" height="128" alt=""/>Materials Settings</div>
<div class="accordion-wrapper">
<div class="worko-tabs">
  
    <input class="state" type="radio" title="tab-one" name="tabs-state" id="tab-one" checked />
    <input class="state" type="radio" title="tab-two" name="tabs-state" id="tab-two" />
    <input class="state" type="radio" title="tab-three" name="tabs-state" id="tab-three" />
    <input class="state" type="radio" title="tab-four" name="tabs-state" id="tab-four" />
	<input class="state" type="radio" title="tab-five" name="tabs-state" id="tab-five" />

    <div class="tabs flex-tabs">
        <label for="tab-one" id="tab-one-label" class="tab">Block Properties</label>
        <label for="tab-two" id="tab-two-label" class="tab">Planks & wood</label>
        <label for="tab-three" id="tab-three-label" class="tab">Steel & Binding Wire</label>
        <label for="tab-four" id="tab-four-label" class="tab">Cement, Sand & Gravel</label>
		<label for="tab-five" id="tab-five-label" class="tab">Roofing Wood</label>
		<label for="tab-six" id="tab-six-label" class="tab">Roofing Type & Property</label>


        <div id="tab-one-panel" class="panel active">
          <!--<form class="left-form">
			  <div class="form-input-title">Set Block Properties</div>-->
			
			 <div class="container">
    <form name="blk1" action="blk.php" method="post">
      <table>
        <thead>
          <tr>
            <th>BLock Name</th>
            <th>Widths</th>
            <th>Lengths</th>
            <th>Heights</th>
            <th>Mortar's</th>
            <th>Prices</th>
            <th>Down-Labour's</th>
            <th>Up-Labour's</th>
            <th>Height of a Course</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>9 inches Hollow Block  </td>
			  <?php
						$prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='9 inches Hollow Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1));
			?> 
			  <input type="text" name="blocktype"  value="9 inches Hollow Block" step="any" hidden="true" >
            <td><input type="number" step="any" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='9 inches Hollow Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['Block_width'];} ?>" name="width"></td>
            <td><input type="number" step="any" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='9 inches Hollow Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['Block_length'];} ?>" name="length"></td>
            <td><input type="number" step="any" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='9 inches Hollow Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['Block_height'];} ?>" name="height"></td>
            <td><input type="number" step="any" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='9 inches Hollow Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['Block_mortars'];} ?>" name="mortar"></td>
            <td><input type="number" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='9 inches Hollow Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['Block_prices'];} ?>" name="price"></td>
            <td><input type="number" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='9 inches Hollow Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['Down_Labours'];} ?>" name="downlabour"></td>
            <td><input type="number" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='9 inches Hollow Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['Up_Labours'];} ?>" name="uplabour"></td>
            <td><input type="number" step="any" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='9 inches Hollow Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['course'];} ?>" name="hoac"></td>
          </tr>
        </tbody>
		  <tbody>
          <tr>
            <td>6 inches Hollow Block</td>
			 <input type="text" name="blocktype2" step="any"  value="6 inches Hollow Block" hidden="true" >
            <td><input type="number" step="any" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='6 inches Hollow Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['Block_width'];} ?>" name="width2"></td>
            <td><input type="number" step="any" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='6 inches Hollow Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['Block_length'];} ?>" name="length2"></td>
            <td><input type="number" step="any" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='6 inches Hollow Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['Block_height'];} ?>" name="height2"></td>
            <td><input type="number" step="any" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='6 inches Hollow Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['Block_mortars'];} ?>" name="mortar2"></td>
            <td><input type="number" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='6 inches Hollow Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['Block_prices'];} ?>" name="price2"></td>
            <td><input type="number" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='6 inches Hollow Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['Down_Labours'];} ?>" name="downlabour2"></td>
            <td><input type="number" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='6 inches Hollow Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['Up_Labours'];} ?>" name="uplabour2"></td>
            <td><input type="number" step="any" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='6 inches Hollow Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['course'];} ?>" name="hoac2"></td>
          </tr>
        </tbody>
		  <tbody>
          <tr>
            <td>6 inches Solid Block</td>
			<input type="text" name="blocktype3" value="6 inches Solid Block" step="any" hidden="true">
            <td><input type="number" step="any" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='6 inches Solid Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['Block_width'];} ?>" name="width3"></td>
            <td><input type="number" step="any" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='6 inches Solid Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['Block_length'];} ?>" name="length3"></td>
            <td><input type="number" step="any" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='6 inches Solid Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['Block_height'];} ?>" name="height3"></td>
            <td><input type="number" step="any" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='6 inches Solid Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['Block_mortars'];} ?>" name="mortar3"></td>
            <td><input type="number" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='6 inches Solid Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['Block_prices'];} ?>" name="price3"></td>
            <td><input type="number" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='6 inches Solid Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['Down_Labours'];} ?>" name="downlabour3"></td>
            <td><input type="number" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='6 inches Solid Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['Up_Labours'];} ?>" name="uplabour3"></td>
            <td><input type="number" step="any" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='6 inches Solid Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['course'];} ?>" name="hoac3"></td>
          </tr>
        </tbody>
		  <tbody>
          <tr>
            <td>5 inches Solid Block</td>
			 <input type="text" name="blocktype4"  value="5 inches Solid Block" step="any" hidden="true"> 
            <td><input type="number" step="any" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='5 inches Solid Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['Block_width'];} ?>" name="width4"></td>
            <td><input type="number" step="any" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='5 inches Solid Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['Block_length'];} ?>" name="length4"></td>
            <td><input type="number" step="any" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='5 inches Solid Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['Block_height'];} ?>" name="height4"></td>
            <td><input type="number" step="any" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='5 inches Solid Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['Block_mortars'];} ?>" name="mortar4"></td>
            <td><input type="number" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='5 inches Solid Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['Block_prices'];} ?>" name="price4"></td>
            <td><input type="number" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='5 inches Solid Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['Down_Labours'];} ?>" name="downlabour4"></td>
            <td><input type="number" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='5 inches Solid Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['Up_Labours'];} ?>" name="uplabour4"></td>
            <td><input type="number" step="any" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='5 inches Solid Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['course'];} ?>" name="hoac4"></td>
          </tr>
        </tbody>
		  <tbody>
          <tr>
            <td>4 inches Hollow Block</td>
			  <input type="text" name="blocktype5"  value="4 inches Hollow Block" step="any" hidden="true">
            <td><input type="number" step="any" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='4 inches Hollow Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['Block_width'];} ?>" name="width5"></td>
            <td><input type="number" step="any" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='4 inches Hollow Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['Block_length'];} ?>" name="length5"></td>
            <td><input type="number" step="any" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='4 inches Hollow Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['Block_height'];} ?>" name="height5"></td>
            <td><input type="number" step="any" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='4 inches Hollow Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['Block_mortars'];} ?>" name="mortar5"></td>
            <td><input type="number" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='4 inches Hollow Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['Block_prices'];} ?>" name="price5"></td>
            <td><input type="number" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='4 inches Hollow Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['Down_Labours'];} ?>" name="downlabour5"></td>
            <td><input type="number" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='4 inches Hollow Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['Up_Labours'];} ?>" name="uplabour5"></td>
            <td><input type="number" step="any" value="<?php $prod1= "SELECT * FROM upline_app_blocksettings WHERE Block_name='4 inches Hollow Block' ";
		$que1 =mysqli_query($con, $prod1);
		while($rec1 =mysqli_fetch_array($que1)){ echo $rec1['course'];} ?>" name="hoac5"></td>
          </tr>
        </tbody>
      </table>

      <!--<div class="form-group">
        <input type="checkbox" checked> Calculate Blocks
      </div>-->

      

      <div class="section-title">Carrying of Blocks Upstairs</div>

      <div class="form-group">
        <label for="first">1st Floor</label>
        <input type="number" id="first" value="30" name="firstfloor">
      </div>
      <div class="form-group">
        <label for="second">2nd Floor</label>
        <input type="number" id="second" value="40" name="secondfloor">
      </div>
      <div class="form-group">
        <label for="third">3rd Floor</label>
        <input type="number" id="third" value="60" name="3rdfloor">
      </div>
		<button type="submit" class="btn-enter" name="bcksend">ENTER</button>
    </form>
  </div>
			<!--<form class="right-form">
			<div class="form-input-title">When Units are changed</div>
			<div class="box-wrap"><input class="checkbox" type="checkbox" checked="checked"><div class="checkbox_settings">Convert Material Data</div></div>
			<div class="checkbox-wrap"><input class="checkbox" type="checkbox" checked="checked"><div class="checkbox_settings">Convert Material Data</div></div>
			</form>-->
        </div>
		
        <div id="tab-two-panel" class="panel">
               <div class="section">
    <h2>Plank</h2>
	<form name="pk1"  id="pk1" action="blk.php" method="post">			   
    <table>
      <tr><th>Name</th><th>Length</th><th>Price</th></tr>
      <tr>
        <td><input type="text" value='1" x 4" x 8" Marine Plywood'  name="1 x 4 x 8 Marine Plywood" readonly></td>
        <td><input type="number" value="2.4"></td>
        <td><input type="number" value="12000"></td>
      </tr>
      <tr>
        <td><input type="text" value='1" x 12" x 12" Plank' name="1 x 12 x 12 Plank" readonly></td>
        <td><input type="number" value="3.6"></td>
        <td><input type="number" value="2000"></td>
      </tr>
		<tr>
        <td><input type="text" value='1" x 9" x 12" ' name="1 x 9 x 12 " readonly></td>
        <td><input type="number" value="2.4"></td>
        <td><input type="number" value="12000"></td>
      </tr>
      <tr>
        <td><input type="text" value='1" x 6" x 12"' name="1 x 6 x 12 " readonly></td>
        <td><input type="number" value="3.6"></td>
        <td><input type="number" value="2000"></td>
      </tr>
		<tr>
        <td><input type="text" value='1" x 5" x 12"' name="1 x 5 x 12 " readonly></td>
        <td><input type="number" value="2.4"></td>
        <td><input type="number" value="12000"></td>
      </tr>
      <tr>
        <td><input type="text" value='1" x 3" x 12" ' name="1 x 3 x 12 " readonly></td>
        <td><input type="number" value="3.6"></td>
        <td><input type="number" value="2000"></td>
      </tr>
		<tr>
        <td><input type="text" value='1" x 2" x 12" ' name="1 x 2 x 12 " readonly></td>
        <td><input type="number" value="2.4"></td>
        <td><input type="number" value="12000"></td>
      </tr>
      <tr>
        <td><input type="text" value='1" x 1" x 12" ' name="1 x 1 x 12 " readonly></td>
        <td><input type="number" value="3.6"></td>
        <td><input type="number" value="2000"></td>
      </tr>
    </table>
		<div class="form-group">
        <input type="checkbox" unchecked name="upplank" id="upplank" onchange="if(this.checked){document.getElementById('pk1').submit();}"> Update Plank
      </div>
		</form>
  </div>

  <div class="section">
    <h2>Woods</h2>
	  <form name="woodupdate" id="woodupdate" action="blk.php" method="post">
    <table>
      <tr><th>Name</th><th>Length</th><th>Price</th></tr>
      <tr><td><input type="text" value='2" x 2" x 12" Wood' name="2 x 2 x 12 Wood" readonly></td><td><input type="number" value="3.6"></td><td><input type="number" value="600"></td></tr>
      <tr><td><input type="text" value='2" x 3" x 12" Wood' name="2 x 3 x 12 Wood" readonly></td><td><input type="number" value="3.6"></td><td><input type="number" value="650"></td></tr>
      <tr><td><input type="text" value='2" x 4" x 12" Wood' name="2 x 4 x 12 Wood" readonly></td><td><input type="number" value="3.6"></td><td><input type="number" value="750"></td></tr>
      <tr><td><input type="text" value='4" x 4" x 12" Hard Wood' name="4 x 4 x 12 Hard Wood" readonly></td>
	<td><input type="number" value="3.6"></td><td><input type="number" value="200"></td></tr>4
		<td><input type="text" value='4" x 4" x 12" Hard Wood' name="4 x 4 x 12 Hard Wood" readonly></td><td><input type="number" value="3.6"></td><td><input type="number" value="200"></td></tr>
		  <td><input type="text" value='3" x 4" x 12" Hard Wood' name="3 x 4 x 12 Hard Wood" readonly></td><td><input type="number" value="3.6"></td><td><input type="number" value="200"></td></tr>
	  <td><input type="text" value='3" x 6" x 12" Hard Wood' name="3 x 6 x 12 Hard Wood" readonly></td><td><input type="number" value="3.6"></td><td><input type="number" value="200"></td></tr>
			<td><input type="text" value='2" x 4" x 12" Hard Wood' name="2 x 4 x 12 Hard Wood" readonly></td><td><input type="number" value="3.6"></td><td><input type="number" value="200"></td></tr> 
		<td><input type="text" value='2" x 6" x 12" Hard Wood' name="2 x 6 x 12 Hard Wood" readonly></td><td><input type="number" value="3.6"></td><td><input type="number" value="200"></td></tr>
	<td><input type="text" value='2" x 3" x 12" Hard Wood' name="2 x 3 x 12 Hard Wood" readonly></td><td><input type="number" value="3.6"></td><td><input type="number" value="200"></td></tr>
	<td><input type="text" value='2" x 2" x 12" Hard Wood' name="2 x 2 x 12 Hard Wood" readonly></td><td><input type="number" value="3.6"></td><td><input type="number" value="200"></td></tr>
	
    </table>
		  <div class="form-group">
        <input type="checkbox" unchecked name="update_wood" id="update_wood" onchange="if(this.checked){document.getElementById('woodupdate').submit();}"> update Wood
      </div>
		  </form>
  </div>

  <div class="section">
    <h2>Parapet Ply Board</h2>
		  <form name="pw1" action="#" method="post">
    <table>
      <tr><th>Name</th><th>Length</th><th>Price</th></tr>
      <tr><td><input type="text" value="8ft Ply Boards" name="8ft Ply Boards" readonly></td><td><input type="number" value="2.4"></td><td><input type="number" value="4000"></td></tr>
    </table>
		  <div class="form-group">
        <input type="checkbox" unchecked name="updtplywood" id="updtplywood" onchange="if(this.checked){document.getElementById('pw1').submit();}"> update Plywood
      </div>
		  </form>
  </div>

  <div class="section">
    <h2>Nails</h2>
		  <form name="nl1"  id="nl1" action="blk.php" method="post">
    <table>
      <tr><th>Name</th><th>Price</th></tr>
      <tr><td><input type="text" value="Bags of Nails" name="Bags of Nails" readonly></td><td><input type="number" value="17500" name="nail_price"></td></tr>
    </table>
		  <div class="form-group">
        <input type="checkbox" unchecked name="naill" id="naill" onchange="if(this.checked){document.getElementById('nl1').submit();}"> update Nails
      </div>
		  </form>
  </div>

  <div class="section">
    <h2>Sawn Woods</h2>
    <div class="note">How Many Pieces can a Plank Produce?</div>
		  <form name="sw1" id="sw1" action="blk.php" method="post" >
    <table>
      <tr><th>Name</th><th>Numbers</th><th>Length</th></tr>
      <tr><td><input type="text" value='1" x 9" x 12" Plank'></td><td><input type="number" value="1"></td><td><input type="number" value="3.6"></td></tr>
      <tr><td><input type="text" value='1" x 6" x 12" Plank'></td><td><input type="number" value="2"></td><td><input type="number" value="3.6"></td></tr>
      <tr><td><input type="text" value='1" x 5" x 12" Plank'></td><td><input type="number" value="2"></td><td><input type="number" value="3.6"></td></tr>
      <tr><td><input type="text" value='1" x 4" x 12" Plank'></td><td><input type="number" value="3"></td><td><input type="number" value="3.6"></td></tr>
      <tr><td><input type="text" value='1" x 3" x 12" Plank'></td><td><input type="number" value="4"></td><td><input type="number" value="3.6"></td></tr>
      <tr><td><input type="text" value='1" x 2" x 12" Plank'></td><td><input type="number" value="5"></td><td><input type="number" value="3.6"></td></tr>
      <tr><td><input type="text" value='1" x 1" x 12" Plank'></td><td><input type="number" value="10"></td><td><input type="number" value="3.6"></td></tr>
    </table>
		  <div class="form-group">
        <input type="checkbox" unchecked name="sawnwood" id="sawnwood" onchange="if(this.checked){document.getElementById('sw1').submit();}"> update sawn wood
      </div>
		  </form>
		  </div>
		  </div>
        
       
        <div id="tab-three-panel" class="panel">
            <form>
		  <div class="section-title">Steel Prices and Quantities</div>
		  <form>
    <table>
      <tr>
        <th>Name</th>
        <th>Price</th>
        <th>Quantity per Ton</th>
      </tr>
      <tr><td>6mm Steel</td><td><input type="number" value="700"></td><td><input type="number" value="240"></td></tr>
      <tr><td>8mm Steel</td><td><input type="number" value="2500"></td><td><input type="number" value="210"></td></tr>
      <tr><td>10mm Steel</td><td><input type="number" value="3500"></td><td><input type="number" value="135"></td></tr>
      <tr><td>12mm Steel</td><td><input type="number" value="5000"></td><td><input type="number" value="94"></td></tr>
      <tr><td>16mm Steel</td><td><input type="number" value="9800"></td><td><input type="number" value="53"></td></tr>
      <tr><td>20mm Steel</td><td><input type="number" value="13000"></td><td><input type="number" value="34"></td></tr>
      <tr><td>25mm Steel</td><td><input type="number" value="18000"></td><td><input type="number" value="22"></td></tr>
      <tr><td>30mm Steel</td><td><input type="number" value="10000"></td><td><input type="number" value="15"></td></tr>
      <tr><td>32mm Steel</td><td><input type="number" value="12500"></td><td><input type="number" value="12"></td></tr>
      <tr><td>35mm Steel</td><td><input type="number" value="15000"></td><td><input type="number" value="9"></td></tr>
      <tr><td>40mm Steel</td><td><input type="number" value="30000"></td><td><input type="number" value="7"></td></tr>
    </table>
		  <div class="form-group">
        <input type="checkbox" unchecked> update steel
      </div>
		  </form>

    <div class="section-title">BRC Wire Mesh Properties</div>
		  <form>
    <table>
      <tr><td>Mesh Type</td><td><input type="text" value="4mm BRC Wire Mesh"></td></tr>
      <tr><td>Height</td><td><input type="number" step="0.1" value="2.1"></td></tr>
      <tr><td>Length</td><td><input type="number" step="0.1" value="14.7"></td></tr>
      <tr><td>Price</td><td><input type="number" value="17500"></td></tr>
    </table>
		  <div class="form-group">
        <input type="checkbox" unchecked> update BRC Wire mesh
      </div>
		  </form>
		  

    <div class="section-title">Damp Proof Membrane</div>
		  <form>
    <table>
      <tr><td>D.P.M Gauge</td><td><input type="text" value="10kg of Gauge 1000"></td></tr>
      <tr><td>D.P.M Name</td><td><input type="text" value="Damp Proof Membrane" length="30"></td></tr>
      <tr><td>Height</td><td><input type="number" value="2"></td></tr>
      <tr><td>Length</td><td><input type="number" step="0.1" value="25.5"></td></tr>
      <tr><td>Price</td><td><input type="number" value="6500"></td></tr>
    </table>
		  <div class="form-group">
        <input type="checkbox" unchecked> update Damp Proof
      </div>
		  </form>
		  

    <div class="section-title">Binding Wire Properties</div>
		  <form>
    <table>
      <tr><td>Price per Roll (20kg)</td><td><input type="number" value="20000"></td></tr>
      <tr><td>Diameter</td><td><input type="text" value="3.15mm"></td></tr>
      <tr><td>Cut Length on Site</td><td><input type="number" step="0.01" value="0.2"></td></tr>
    </table>
	<div class="form-group">
        <input type="checkbox" unchecked> update Binding wire
      </div>
  </form>
    
  </div>
        
        <div id="tab-four-panel" class="panel">
           <div class="section">
    <h2>Cement</h2>
    <div class="form-group">
      <label>50 (Kg) of cement</label>
      <input type="number" value="6000" />
    </div>
  </div>

  <div class="section">
    <h2>Sharp Sand</h2>
    <div class="form-group">
      <label>10 Tyers Truck - Prize</label>
      <input type="number" value="45000" />
    </div>
    <div class="form-group">
      <label>Number of Excavators</label>
      <input type="number" value="13" />
    </div>
    <div class="form-group">
      <label>Volume of Excavator</label>
      <input type="text" value="0.86" class="highlight" />
    </div>
    <div class="form-group">
      <label>Name of Sand</label>
      <input type="text" value="Good Sand" />
    </div>
    <div class="form-group">
      <label>Arrangement of Sand to be Used</label>
      <select>
        <option>Z in 1 Truck</option>
      </select>
    </div>
    <hr />
    <div class="form-group">
      <label>2 in 1 Truck - Prize</label>
      <input type="number" value="45000" />
    </div>
    <div class="form-group">
      <label>Number of Excavators</label>
      <input type="number" value="8" />
    </div>
  </div>

  <div class="section">
    <h2>Plastering (Mood) Sand</h2>
    <div class="form-group">
      <label>6 Tyer Tipper - Prize</label>
      <input type="number" value="40000" />
    </div>
    <div class="form-group">
      <label>Number of Excavators</label>
      <input type="number" value="5" />
    </div>
    <div class="form-group">
      <label>Volume of Excavator</label>
      <input type="text" value="0.59" class="highlight" />
    </div>
    <div class="form-group">
      <label>Name of Sand</label>
      <input type="text" value="Plasterine (Mood) Sand" />
    </div>
    <div class="form-group">
      <label>Arrangement of Sand to be Used</label>
      <select>
        <option>6 Tyer Tipper of Plasterine (Mood) Sand</option>
      </select>
    </div>
  </div>

  <div class="section">
    <h2>Gravel</h2>
    <div class="form-group">
      <label>Trailer Load - Prize</label>
      <input type="number" value="720000" />
    </div>
    <div class="form-group">
      <label>Tons</label>
      <input type="number" value="30" />
    </div>
    <div class="form-group">
      <label>Name of Aggregates</label>
      <input type="text" value="Gravel" />
    </div>
    <div class="form-group">
      <label>Arrangement of Aggregates to be Used</label>
      <select>
        <option>Trailer Load</option>
      </select>
    </div>
    <hr />
    <div class="form-group">
      <label>Auchi Load - Prize</label>
      <input type="number" value="220000" />
    </div>
    <div class="form-group">
      <label>Tons</label>
      <input type="number" value="8.5" />
    </div>
    <div class="form-group">
      <label>Town Service Load - Prize</label>
      <input type="number" value="180000" />
    </div>
    <div class="form-group">
      <label>Tons</label>
      <input type="number" value="5.2" />
    </div>
  </div>

  <div class="section">
    <h2>Granite Hardcore</h2>
    <div class="form-group">
      <label>Trailer - Prize</label>
      <input type="number" value="180000" />
    </div>
    <div class="form-group">
      <label>Tons</label>
      <input type="number" value="30" />
    </div>
    <div class="form-group">
      <label>Name of Aggregates</label>
      <input type="text" value="Hardcore" />
    </div>
    <div class="form-group">
      <label>Arrangement of Aggregates to be Used</label>
      <input type="text" value="Tones of Hardcore" />
    </div>
  </div>
        </div>
        <div id="tab-five-panel" class="panel">
            <div class="container">
    <h2>Roofing Woods</h2>
    <table>
      <tr>
        <th>Names</th>
        <th>Lengths</th>
        <th>Prizes</th>
      </tr>
      <tr>
        <td><input type="text" value="4” x 4” x 12’ Hard Wood"></td>
        <td><input type="number" value="3.6"></td>
        <td><input type="number" value="1000"></td>
      </tr>
      <tr>
        <td><input type="text" value="3” x 4” x 12’ Hard Wood"></td>
        <td><input type="number" value="3.6"></td>
        <td><input type="number" value="1000"></td>
      </tr>
      <tr>
        <td><input type="text" value="2” x 6” x 12’ Hard Wood"></td>
        <td><input type="number" value="3.6"></td>
        <td><input type="number" value="1800"></td>
      </tr>
      <tr>
        <td><input type="text" value="2” x 4” x 12’ Hard Wood"></td>
        <td><input type="number" value="3.6"></td>
        <td><input type="number" value="900"></td>
      </tr>
      <tr>
        <td><input type="text" value="2” x 3” x 12’ Hard Wood"></td>
        <td><input type="number" value="3.6"></td>
        <td><input type="number" value="800"></td>
      </tr>
      <tr>
        <td><input type="text" value="2” x 2” x 12’ Hard Wood"></td>
        <td><input type="number" value="3.6"></td>
        <td><input type="number" value="700"></td>
      </tr>
      <tr>
        <td><input type="text" value="1” x 10” x 12’ Fascia & Bareboards"></td>
        <td><input type="number" value="3.6"></td>
        <td><input type="number" value="4000"></td>
      </tr>
    </table>
  </div>
        </div>
		  
		<div id="tab-six-panel" class="panel">
            Subscription content
        </div>
    </div>

</div>





</div>
<div class="chat-bubble">   <span tooltip="Live Chat"><img src="images/livechat-ico.png" width="128" height="128" alt=""/></span></div>
</div>
</div>
</body>
</html>