<div class="">
    <h4 class="contact-header">
        <i class="fas fa-envelope fa-fw" aria-hidden="true"></i> Submit Your Resume
    </h4>
    <p style="margin:16px 0 24px;font-weight:bold;color:#DD0000;"><i>* All fields are required.</i></p>
</div>
<div id="resume-form">
    <input type="hidden" name="jobtitle" id="jobtitle" value="<?=$job_title?>" />

    <div class="form-group">
        <div class="input-group">
            <span class="input-group-text" id="basic-addon1"><i class="fas fa-user fa-fw" aria-hidden="true"></i></span>
            <input type="text" class="form-control" id="name" name="name" placeholder="Name" required="required">
        </div>
        <span class="help-block" id="errName" style="display: none;">Please enter your name.</span>
    </div>

    <div class="form-group">
        <div class="input-group">
            <span class="input-group-text" id="basic-addon1"><i class="fas fa-envelope fa-fw" aria-hidden="true"></i></span>
            <input type="email" class="form-control" id="email" name="email" placeholder="Email Address" required="required">
        </div>
        <span class="help-block" id="errEmail" style="display: none;">Please enter a valid e-mail address.</span>
    </div>

    <div class="form-group">
        <div class="input-group">
            <span class="input-group-text" id="basic-addon1"><i class="fas fa-phone fa-fw" aria-hidden="true"></i></span>
            <input type="text" class="form-control" id="phone" name="phone" placeholder="Phone Number">
        </div>
        <span class="help-block" id="errPhone" style="display: none;">Please enter a valid phone number.</span>
    </div>

    <div class="form-group">
        <div class="input-group">
            <span class="input-group-text" id="basic-addon1"><i class="fas fa-dollar-sign fa-fw" aria-hidden="true"></i></span>
            <input type="number" class="form-control" id="salary" name="salary" placeholder="Desired Pay">
            <select id="salaryTerm" class="form-control" style="width:100px">
                <option value="0">--- Select Term ---</option>
                <option value="year">Annually</option>
                <option value="hour">Hourly</option>
            </select>
        </div>
        <span class="help-block" id="errSalary" style="display: none;">Please specify your desired pay range.</span>
    </div>

    <div class="form-group">
        <textarea rows="6" cols="100" class="form-control" id="message" name="message" placeholder="Tell us a bit about yourself..." required="required"></textarea>

        <span class="help-block" id="errMessage" style="display: none;">Please enter a message, at least 20 characters long.</span>
    </div>

    <div class="form-group">
        <label class="control-label">
            <span class="help-block" id="errEligibility" style="display: none;">Please select</span>
            Work Eligibility</label>
        <div class="input-group">
            <span class="input-group-text" id="basic-addon1"><i class="fas fa-flag-usa fa-fw" aria-hidden="true"></i></span>
            <select id="eligibility" class="form-control">
                <option value="0">--- Please Select ---</option>
                <option value="I am a US citizen and can work in the US">I am a US citizen and can work in the US</option>
                <option value="I am working on a Visa and will require sponsorship">I am working on a Visa and will require sponsorship</option>
                <option value="I will require sponsorship to work in the US">I will require sponsorship to work in the US</option>
            </select>
        </div>
    </div>

    <div class="form-group">
        <label class="control-label">
            <span class="help-block" id="errEmployStatus" style="display: none;">Please select</span>
            Preferred Employment Status</label>
        <div class="input-group">
            <span class="input-group-text" id="basic-addon1"><i class="fas fa-briefcase fa-fw" aria-hidden="true"></i></span>
            <select id="employStatus" class="form-control">
                <option value="0">--- Please Select ---</option>
                <option value="1099 / Contractor">1099 / Contractor</option>
                <option value="W-2 / Employee">W-2 / Employee</option>
            </select>
        </div>
    </div>

    <div class="form-group" id="">
        <label class="control-label">
            <span class="help-block" id="errResume" style="display: none;">Please attach a resume</span>
            Attach Resume:</label>
        <input class="form-control" type="file" id="resumeFile" />
    </div>

    <div class="form-group">
        <div class="input-group">
            <input name="comments" id="comments" class="form-control comments" type="text">
        </div>
        <div>
            <span id="submit-button">
                <button class="custom-submit" id="submitResume">
                    <i class="fa fa-send"></i> &nbsp;Submit Resume
                </button>
            </span>
        </div>
    </div>
</div>

<div id="submit-success" style="display:none;">
    <div class="alert alert-success" role="alert">Thank you for your interest in working at Build in Motion! We will be in touch with you as soon as possible.
    </div>
</div>

<style>
    <!--
        .help-block {
            display: block;
            text-align: right;
            color: #DD0000;
            font-size: 14px;
            font-style: italic;
        }
        label > .help-block {
            float: right;
        }
        label {
            display: block;
        }
    -->
</style>