<form id="contractorForm" class="form-horizontal">
    <fieldset>
        <?php require_once(ROOT_URL.'/forms/elements/contractor_details.frm');?>
        <div class="spacer"></div>
        <input id="function" type="hidden" name="FUNCTION" value="insert">
        <input id="function" type="hidden" name="tenant" value="<?=TENANT_URL?>">
    </fieldset>

    <div class="col-12 col-md-12 text-center">
        <input id="btn_save" class="btn btn-info" type="submit" name="submit" value="Submit" style="display: none" />
    </div>
</form>
<script>
document.addEventListener('DOMContentLoaded', function() {
    // Update navigation breadcrumbs
    document.getElementById('navBox').innerHTML = `
        <li class="breadcrumb-item">
            <a href="index.php?t=includes/master&p=contractor.php&view=list">Contractors</a>
        </li>
        <i class="fad fa-angle-double-right mx-2 mt-1" aria-hidden="true"></i>
        <li class="breadcrumb-item active">
            <a href="javascript:void(0)">New Contractor</a>
        </li>
    `;

    // Update footer controls
    document.getElementById('footerControls').innerHTML = `
        <button class="btn btn-secondary" onclick="triggerAction('btn_save')">SAVE NEW CONTRACTOR</button>
    `;
});
</script>