<div class="mx-auto">
    <div class="panel mb-0 rounded-0" id="modal_form">
        <div class="panel-hdr">
            <h2>
                {$_L['Add Custom Field']}
            </h2>
        </div>
        <div class="panel-container">
            <div class="panel-content">
                <form role="form" name="add_form" id="add_form" method="post" action="{$_url}settings/customfields-post">
                    <div class="mb-3">
                        <label for="fieldname">{$_L['Field Name']}</label>
                        <input type="text" class="form-control" id="fieldname" name="fieldname">
                    </div>

                    <div class="mb-3">
                        <label for="fieldtype">{$_L['Field Type']}</label>
                        <select class="form-select" name="fieldtype" id="fieldtype">

                            <option value="text" selected="">{$_L['Text Box']}</option>
                            <option value="password">{$_L['Password']}</option>
                            <option value="dropdown">{$_L['Drop Down']}</option>
                            <option value="textarea">{$_L['Text Area']}</option>

                        </select>
                    </div>
                    <div class="mb-3">
                        <label for="description">{$_L['Description']}</label>
                        <input type="text" class="form-control" id="description" name="description">
                        <span class="help-block">{$_L['Optional Description help']}</span>
                    </div>
                    <div class="mb-3">
                        <label for="validation">{$_L['Validation']}</label>
                        <input type="text" class="form-control" id="validation" name="validation">
                        <span class="help-block">{$_L['Regular Expression Validation']}</span>
                    </div>
                    <div class="mb-3">
                        <label for="options">{$_L['Select Options']}</label>
                        <input type="text" class="form-control" id="options" name="options">
                        <span class="help-block">{$_L['Comma Separated List']}</span>
                    </div>

                    <div class="mb-3">
                        <label for="options">{$_L['Show in View Invoice']}</label>
                        <div class="radio">
                            <label>
                                <input type="radio" name="showinvoice" id="showInvoiceYes" value="Yes">
                                {$_L['Yes']}
                            </label>
                        </div>
                        <div class="radio">
                            <label>
                                <input type="radio" name="showinvoice" id="showInvoiceNo" value="No" checked>
                                {$_L['No']}
                            </label>
                        </div>

                    </div>

                    <div class="mb-3">
                        <button type="button" class="btn btn-primary" id="add_submit">{$_L['Save']}</button>
                    </div>

                </form>
            </div>
        </div>
    </div>
</div>
