JSFiddle - React, Tailwind, and code Playground

by geortravel

HTML

[hide for="all" exclude="administrator"]<div> <h3>Quotation Request</h3> </div><div id="row"><div id="col">Agent Notes:<br>
<input type="submit" name="submit" value="Update History">
{comments}</div><div id="col">Agent Name:<br> <input class="wct-formchar32" type="text" name="wctf_agent" value="[php snippet=5]" maxsize="32" readonly="readonly"></div></div>
<div id="row"><div id="col">Last Updated:<br><input class="wct-formchar32" type="hidden" name="wctf_timestampupdate" value="[php snippet=10]" maxsize="32" ><input class="wct-formchar32" type="text" value="[php snippet=4]" maxsize="32" readonly="readonly"></div><div id="col">Status:<br>{status1}</div><div id="col">Booking Reference:<br>{ticketno}</div></div><div id="row"> <div id="col">Subject:<br>  {subject}</div> <div id="col">Route:<br> {route}</div> </div> <div id="row"> <div id="col">Leaving From:<br>{leavingfrom}</div> <div id="col">Going to:<br> {goingto}</div> </div> <div id="row"> <div id="col">Departure Date:<br> {departuredate}</div> <div id="col">Return Date:<br>{returndate}</div> </div> <div id="row"> <div id="col">No. of Paying Person/s:<br> {persons}</div> <div id="col">No. of Person/s Free of Charge:<br> {focs}</div> <div id="col">Budget per Person:<br> {budget}</div> </div> <div id="row"> <div id="col">Contact Person:<br> {contactperson}</div> <div id="col">Contact No.:<br> {phone}</div> <div id="col">E-mail:<br> {email}</div> </div><br> <div id="row"><div id="col">Special Request:<br> {specialrequest}</div></div>

<div id="row"><div id="col">Airfare:<br> {airline1}</div><div id="col">Airfare Due:<br> {airlinep1}</div></div>
<div id="row"><div id="col">Hotel:<br>{hotel1}</div><div id="col">Hotel Due:<br> {hotelp1}</div></div>
<div id="row"><div id="col">Tours Due:<br>{tour1}</div><div id="col">Tours Due:<br> {tourp1}</div></div>[/hide]
<div id="row"><div id="col">Guests:<br>{guests}</div>[hide for="all" exclude="administrator"]<div id="col">Mark-up:<br>{markup}<br>Amount...