JSFiddle - React, Tailwind, and code Playground

by Danish Farman

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container">
  <form action="" method="POST">
    <div class="row">
      <div class="col-md-2">
        PLR Auto Generate No
      </div>
      <div class="col-md-2">
        <input type="text" id="PLRAutoGenNo" name="PLRAutoGenNo" readonly />
      </div>
      <div class="col-md-2">
        Estimate No
      </div>
      <div class="col-md-2">
        <input type="text" id="EstimateNo" name="EstimateNo" />
      </div>
      <div class="col-md-2">
        Estimate Date
      </div>
      <div class="col-md-2">
        <input type="datetime-local" id="EstimateDatetime" name="EstimateDatetime" />
      </div>
    </div>
    <div class="row">
      <div class="col-md-2">
        PLR Type
      </div>
      <div class="col-md-2">
        <input type="radio" name="PLRType" value="repairer" onchange="_$.SelectPLRByType()" /> Repairer<br />
        <input type="radio" name="PLRType" value="supplier" onchange="_$.SelectPLRByType()" /> Supplier<br>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12">
        <h2>
          Assessment
        </h2>
      </div>
    </div>
    <div class="row">
      <div class="col-md-4">
        <div class="row">
          <div class="col-sm-6">
            Parts Amount
          </div>
          <div class="col-sm-6">
            3900
          </div>
        </div>
        <div class="row">
          <div class="col-sm-6">
            Under-Ins Amount
          </div>
          <div class="col-sm-6">
            500
          </div>
        </div>
        <div class="row">
          <div class="col-sm-6">
            Deductible Amount
          </div>
          <div class="col-sm-6">
            500
          </div>
        </div>
        <div class="row">
          <div class="col-sm-6">
            Gross...