<div id="line-properties-column" class="d-none">

    <div class="d-flex align-items-baseline mb-2">
        <h6 class="font-weight-bold m-0">Argument Values</h6>
    </div>
    <div>
        <table class="table table-sm table-bordered table-striped">
            <thead>
            <tr>
                <th class="border-bottom-0 w-35">Arg</th>
                <th class="border-bottom-0 w-35">Value</th>
                <th class="border-bottom-0">Access</th>
            </tr>
            </thead>
            <tbody line-args>
            </tbody>
        </table>
    </div>

    <div class="d-flex align-items-baseline mb-2">
        <h6 class="font-weight-bold m-0">Report Columns</h6>
    </div>
    <div>
        <div class="mb-2 d-flex align-items-baseline">
            <span class="text-secondary mr-1">Node:</span>
            <span line-label></span>
        </div>
        <div class="mb-2 d-flex align-items-baseline">
            <span class="text-secondary mr-1 text-nowrap">Quick Add:</span>
            <div class="flex-grow-1 position-relative">
                <input type="text"
                       name="displayKey"
                       class="form-control form-control-sm"
                       placeholder="Column name"
                       stag-suggest stag-suggest-left
                       stag-suggest-ep="/column-suggest"
                       stag-suggest-extra="table={{$statTree->model}}"
                       autocomplete="donotdoit">
            </div>
        </div>
        <table class="table table-sm table-bordered table-striped">
            <thead>
            <tr>
                <th class="border-bottom-0 width-30px">#</th>
                <th class="border-bottom-0 w-35">Label</th>
                <th class="border-bottom-0">Column</th>
                <th class="border-bottom-0 width-60px"></th>
            </tr>
            </thead>
            <tbody line-columns>
            </tbody>
        </table>
    </div>

</div>
