<div class="information-block dots-pattern">
    <div class="vg-row">
        <div class="vg-col vg-col-6 vg-col-xs-12">
            <h3 class="title">Order Reports</h3>
        </div>
    </div>
    <div class="table-responsive">
        <div class="input-daterange">
            <label for="min">Dates:</label>
            <input type="text" id="min" name="min" class="form-control" placeholder="From:">
            <div class="input-addon">-</div>
            <input type="text" id="max" name="max" class="form-control" placeholder="To:">
        </div>
        <table id="orders_report_table" class="display" style="width:100%; overflow:auto">
            <thead>
                <tr>
                    <th>Date</th>
                    <th>First Name</th>
                    <th>Last Name</th>
                    <th>Email</th>
                    <th>Phone</th>
                    <th>Address 1</th>
                    <th>Address 2</th>
                    <th>City</th>
                    <th>State</th>
                    <th>Zip</th>
                    <th>Expedite Order</th>
                    <th>Diploma Type</th>
                    <th>Diploma Size</th>
                    <th>Upsell Product</th>
                </tr>
            </thead>
            <tbody>
                
            </tbody>
        </table>
    </div>
</div>