<div class="col-md-12 col-lg-12">
    <div class="card">
        <div class="card-header">Sales Order</div>
        <div class="card-body">
            <p class="card-title">
                <div class="form-group row col-md-12 col-lg-12">
                    <div class="form-group col-md-2 required">
                        <label class="control-label" for="fromDate">From Date</label>
                        <div class="input-group">
                            <input class="form-control input-date" id="fromDate" required="" name="fromDate" type="text" datatype="string" datakey="0" value="<%= defaultData.dateFilters.fromDate %>" readonly="">
                        </div>
                    </div>
                    <div class="form-group col-md-2 required">
                        <label class="control-label" for="toDate">To Date</label>
                        <div class="input-group">
                            <input class="form-control input-date" id="toDate" required="" name="toDate" type="text" datatype="string" datakey="0" value="<%= defaultData.dateFilters.toDate %>" readonly="">
                        </div>
                    </div>
                    <div class="form-group col-md-1 required">
                        <label class="control-label" for="orderDate"></label>
                        <div class="input-group">
                            <button type="button" id="runFilterDateBtn" class="form-control">Go</button>
                        </div>
                    </div>
                </div>
            </p>
            <table class="table table-hover" id="dataTables-example" width="100%">
                <thead>
                    <tr>
                        <th>No. SPK</th>
                        <th>Tgl. Kirim</th>
                        <th>Sales</th>
                        <th>Mediator</th>
                        <th>Nama Konsumen</th>
                        <th>Tipe</th>
                        <th>Warna</th>
                        <th>No. Mesin</th>
                        <th>No. Rangka</th>
                        <th>Leasing</th>
                        <th>LT</th>
                    </tr>
                </thead>
                <tbody>
                    <% data.forEach(function(d){ %>
                        <tr>
                            <td><%= d.NO_SPK %></td>
                            <td><%= d.TGL_KIRIM %></td>
                            <td><%= d.NAMA_SALES %></td>
                            <td><%= d.MEDIATOR %></td>
                            <td><%= d.NAMA_PEMBELI %></td>
                            <td><%= d.NAMA_TIPE %></td>
                            <td><%= d.NAMA_WARNA %></td>
                            <td><%= d.NO_MESIN %></td>
                            <td><%= d.NO_RANGKA %></td>
                            <td><%= d.KODE_LEASING %></td>
                            <td><%= d.LT %></td>
                        </tr>
                    <% }) %>
                </tbody>
            </table>
        </div>
    </div>
</div>