JSFiddle - React, Tailwind, and code Playground

by geortravel

HTML

<div id="row">
    <div id="col">Status: {status1}
        <br>Last Updated: [wctphp]echo date ("D, d M Y H:i:s",{timestampupdate});[/wctphp]</div>
    <div id="col">Mobile: {phone}
        <br>E-mail: {email}</div>
    <div id="col">GEORTRAVEL REFERENCE NUMBER:
        <br>[wctphp]echo ({timestamp}{id});[/wctphp]</div>
    <div id="col">[if field="{status1}" check="==" var="CONFIRMED"][button url="/new/eticket?wcts={ticketno}&wctsf=*" size="medium"]View eTicket Receipt[/button]
        <br>[hide for="all" exclude="administrator"]
        <form action='/new/createticket' method='post'>
            <input type='hidden' name='guests' value='{guests}'>
            <input type='hidden' name='conf' value='{ticketno}'>
            <input type='hidden' name='email' value='{email}'><a href='' onclick='parentNode.submit();return false;'>Create New eTicket</a>
        </form>[/hide][/if][if field="{status1}" check="==" var="RECONFIRMED"][button url="/new/eticket?wcts={ticketno}&wctsf=*" size="medium"]View eTicket Receipt[/button]
        <br>[hide for="all" exclude="administrator"]
        <form action='createticket' method='post'>
            <input type='hidden' name='guests' value='{guests}'>
            <input type='hidden' name='conf' value='{ticketno}'>
            <input type='hidden' name='email' value='{email}'><a href='' onclick='parentNode.submit();return false;'>Update eTicket</a>
        </form>[/hide][/if]</div>

CSS

OLD GEORTRAVEL BOOKINGS ENTRY SETUP