<style>
    .table-borderless th,
    .table-borderless td,
    .table-borderless thead th,
    .table-borderless tbody+tbody {
        padding: 4px;
    }

    .kt-datatable.kt-datatable--default>.kt-datatable__table>.kt-datatable__head .kt-datatable__row>.kt-datatable__cell,
    .kt-datatable.kt-datatable--default>.kt-datatable__table>.kt-datatable__body .kt-datatable__row>.kt-datatable__cell,
    .kt-datatable.kt-datatable--default>.kt-datatable__table>.kt-datatable__foot .kt-datatable__row>.kt-datatable__cell>.kt-marginless {
        padding: 4px;
    }
</style>
<div class="row" style="margin-top:10px;">
    <div class="col-lg-12">
        <div class="card-body row">
            <div class="col-lg-4">
                <div class="form-group row">
                    <div class="col-lg-12">
                        <label class="col-lg-12 col-form-label"></label>
                    </div>
                </div>

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

<div class="row">
    <div class="col-lg-12">
        <div class="card-body row" style="padding-top: 0px;">
            <div class="col-lg-12">
                <input type="hidden" class="form-control" id="txtCreditNoteItemsId" value="-1">
                <div class="kt-datatable kt-datatable--default kt-datatable--brand kt-datatable--loaded">
                    <table class="kt-datatable__table" id="prospectcontact-table">
                        <thead class="kt-datatable__head" style="background-color: #E0E0E0">
                            <tr class="dnd-moved kt-datatable__row" style='left: 0px; border-bottom: 1px solid black;'>
                                <th data-field="taskid" class="kt-datatable__cell" id="col_contactid" name="prospect-contact_sort_column" onclick="sortingColumn(this,'col_contactid','asc');" style="display: none;">
                                    ID<span><i class="fa"></i></span>
                                </th>
                                <th data-field="entrydate" class="kt-datatable__cell" style="width: 10%;" id="col_contactname" name="prospect-contact_sort_column" onclick="sortingColumn(this,'col_contactname','desc');">
                                    Entry Date<span><i class="fa fa-sort-up"></i></span>
                                </th>
                                <th data-field="description" class="kt-datatable__cell" style="width: 30%;" id="col_contactdept" name="prospect-contact_sort_column" onclick="sortingColumn(this,'col_contactdept','asc');">
                                    Description<span><i class="fa"></i></span>
                                </th>
                                <th data-field="assignto" class="kt-datatable__cell" style="width: 10%;" id="col_contactposition" name="prospect-contact_sort_column" onclick="sortingColumn(this,'col_contactposition','asc');">
                                    Assign To<span><i class="fa"></i></span>
                                </th>
                                <th data-field="actiondate" class="kt-datatable__cell" style="width: 10%;" id="col_contactemail" name="prospect-contact_sort_column" onclick="sortingColumn(this,'col_contactemail','asc');">
                                    Action Date<span><i class="fa"></i></span>
                                </th>
                                <th data-field="contact" class="kt-datatable__cell" style="width: 10%;" id="col_contactmobile" name="prospect-contact_sort_column" onclick="sortingColumn(this,'col_contactmobile','asc');">
                                    Contact<span><i class="fa"></i></span>
                                </th>
                                <th data-field="telephone" class="kt-datatable__cell" style="width: 10%;" id="col_contactphone" name="prospect-contact_sort_column" onclick="sortingColumn(this,'col_contactphone','asc');">
                                    Telephone<span><i class="fa"></i></span>
                                </th>
                                <th data-field="status" class="kt-datatable__cell" style="width: 10%;" id="col_contactstatus" name="prospect-contact_sort_column" onclick="sortingColumn(this,'col_contactstatus','asc');">
                                    Action<span><i class="fa"></i></span>
                                </th>
                                <th data-field="filter" class="kt-datatable__cell" style="width: 2%;" id="col_filter">
                                    <button type="button" id="btnFilterContact" style="border:0px;" onclick="filterRow('contact-row-filter',this,false);"><i class="fa fa-filter" style="color:black;"></i></button>
                                </th>
                            </tr>
                            <!-- <tr data-row="contact-rows-0" class="dnd-moved kt-datatable__row" style="left: 0px;" id="contact-row-filter"> -->
                            <tr class="dnd-moved kt-datatable__row" style="left: 0px; border-bottom: 1px solid black; display: none;" id="contact-row-filter">
                                <td data-field="contactid" class="kt-datatable__cell" id="col_contactid" style="display: none;">&nbsp;</td>
                                <td data-field="contactname" class="kt-datatable__cell" id="col_contactname">
                                    <input type="text" class="form-control" name="prospectcontact-input-filter" id="txtcolcontactname" onkeyup="filterData(this,1);" />
                                </td>
                                <td data-field="contactdept" class="kt-datatable__cell" id="col_contactdept">
                                    <input type="text" class="form-control" name="prospectcontact-input-filter" id="txtcolcontactdept" onkeyup="filterData(this,2);" />
                                </td>
                                <td data-field="contactposition" class="kt-datatable__cell" id="col_contactposition">
                                    <input type="text" class="form-control" name="prospectcontact-input-filter" id="txtcolcontactposition" onkeyup="filterData(this,3);" />
                                </td>
                                <td data-field="contactemail" class="kt-datatable__cell" id="col_contactemail">
                                    <input type="text" class="form-control" name="prospectcontact-input-filter" id="txtcolcontactemail" onkeyup="filterData(this,4);" />
                                </td>
                                <td data-field="contactphone" class="kt-datatable__cell" id="col_contactphone">
                                    <input type="text" class="form-control" name="prospectcontact-input-filter" id="txtcolcontactphone" onkeyup="filterData(this,5);" />
                                </td>
                                <td data-field="contactmobile" class="kt-datatable__cell" id="col_contactmobile">
                                    <input type="text" class="form-control" name="prospectcontact-input-filter" id="txtcolcontactmobile" onkeyup="filterData(this,6);" />
                                </td>
                                <td data-field="contactreportto" class="kt-datatable__cell" id="col_contactreportto">
                                    <input type="text" class="form-control" name="prospectcontact-input-filter" id="txtcolcontactreportto" onkeyup="filterData(this,7);" />
                                </td>
                                <td data-field="contactstatus" class="kt-datatable__cell" id="col_contactstatus">
                                    <input type="text" class="form-control" name="prospectcontact-input-filter" id="txtcolcontactstatus" onkeyup="filterData(this,8);" />
                                </td>
                                <td data-field="filter" class="kt-datatable__cell" id="col_filter">&nbsp;</td>
                            </tr>
                        </thead>
                        <tbody class="kt-datatable__body" id="prospect-contact-list-table">
                            <tr data-row='contact-rows-' id='contact-rows-' class='dnd-moved kt-datatable__row' style='left: 0px; border-bottom: 1px solid black;'>
                                <td data-field="taskid" class='kt-datatable__cell' id='col_contactid' style='display: none;'>
                                    <input type='text' class='form-control' name='input_row' id='txtcolcontactid' value=''/>
                                </td>
                                <td data-field="entrydate" class='kt-datatable__cell' id='col_contactname' style="vertical-align: top !important;padding:5px !important;">
                                    <input type='date' class='form-control' name='input_row' id='txtcolcontactname' value="2024-05-07"/>
                                </td>
                                <td data-field="description" class='kt-datatable__cell' id='col_contactdept' style="vertical-align: top !important;padding:5px !important;">
                                    <textarea class='form-control' name='input_row'>Follow up</textarea>
                                </td>
                                <td data-field="assignto" class='kt-datatable__cell' id='col_contactposition' style="vertical-align: top !important;padding:5px !important;">
                                    <select class='form-control'>
                                        <option>Sales Person 1</option>
                                        <option>Sales Person 2</option>
                                        <option>Sales Person 3</option>
                                    </select>
                                </td>
                                <td data-field="actiondate" class='kt-datatable__cell' id='col_contactemail' style="vertical-align: top !important;padding:5px !important;">
                                    <input type='date' class='form-control' name='input_row' id='txtcolcontactemail' value="2024-05-10"/>
                                </td>
                                <td data-field="contact" class='kt-datatable__cell' id='col_contactphone' style="vertical-align: top !important;padding:5px !important;">
                                    <select class='form-control'>
                                        <option>John</option>
                                        <option>Jason</option>
                                        <option>James</option>
                                    </select>
                                </td>
                                <td data-field="telephone" class='kt-datatable__cell' id='col_contactmobile' style="vertical-align: top !important;padding:5px !important;">
                                    <input type='text' class='form-control' name='input_row' id='txtcolcontactmobile' value="0127728210"/>
                                </td>
                                <td data-field='contactstatus' class='kt-datatable__cell' id='col_contactstatus' style="vertical-align: top !important;padding:5px !important;">
                                    <select class='form-control' name='input_row' id='txtcolcontactstatus'>
                                        <option value='1'>Appointment</option>
                                        <option value='0'>Follow Up</option>
                                        <option value='0'>Completed</option>
                                    </select>
                                </td>
                                <td data-field='filter' class='kt-datatable__cell' style='width: 50px;' id='col_filter'>
                                    <button class='btn btn-danger btn-sm btn-icon btn-icon-md' type='button' id='btnRemoveContact' style="background-color: #c12e2a; border-color: #b92c28;" onclick='removeProspectContact();'><i class='fa fa-trash-o'></i></button>
                                </td>
                            </tr>
                            <tr data-row='contact-rows-' id='contact-rows-' class='dnd-moved kt-datatable__row' style='left: 0px; border-bottom: 1px solid black;'>
                                <td data-field="taskid" class='kt-datatable__cell' id='col_contactid' style='display: none;'>
                                    <input type='text' class='form-control' name='input_row' id='txtcolcontactid' value=''/>
                                </td>
                                <td data-field="entrydate" class='kt-datatable__cell' id='col_contactname' style="vertical-align: top !important;padding:5px !important;">
                                    <input type='date' class='form-control' name='input_row' id='txtcolcontactname' value="2024-05-07"/>
                                </td>
                                <td data-field="description" class='kt-datatable__cell' id='col_contactdept' style="vertical-align: top !important;padding:5px !important;">
                                    <textarea class='form-control' name='input_row'>Demo</textarea>
                                </td>
                                <td data-field="assignto" class='kt-datatable__cell' id='col_contactposition' style="vertical-align: top !important;padding:5px !important;">
                                    <select class='form-control'>
                                        <option>Dave</option>
                                        <option>David</option>
                                        <option>Sales Person 3</option>
                                    </select>
                                </td>
                                <td data-field="actiondate" class='kt-datatable__cell' id='col_contactemail' style="vertical-align: top !important;padding:5px !important;">
                                    <input type='date' class='form-control' name='input_row' id='txtcolcontactemail' value="2024-05-10"/>
                                </td>
                                <td data-field="contact" class='kt-datatable__cell' id='col_contactphone' style="vertical-align: top !important;padding:5px !important;">
                                    <select class='form-control'>
                                        <option>Jason</option>
                                        <option>John</option>
                                        <option>James</option>
                                    </select>
                                </td>
                                <td data-field="telephone" class='kt-datatable__cell' id='col_contactmobile' style="vertical-align: top !important;padding:5px !important;">
                                    <input type='text' class='form-control' name='input_row' id='txtcolcontactmobile' value="0127728210"/>
                                </td>
                                <td data-field='contactstatus' class='kt-datatable__cell' id='col_contactstatus' style="vertical-align: top !important;padding:5px !important;">
                                    <select class='form-control' name='input_row' id='txtcolcontactstatus'>
                                        <option value='1'>Appointment</option>
                                        <option value='0'>Follow Up</option>
                                        <option value='0'>Completed</option>
                                    </select>
                                </td>
                                <td data-field='filter' class='kt-datatable__cell' style='width: 50px;' id='col_filter'>
                                    <button class='btn btn-danger btn-sm btn-icon btn-icon-md' type='button' id='btnRemoveContact' style="background-color: #c12e2a; border-color: #b92c28;" onclick='removeProspectContact();'><i class='fa fa-trash-o'></i></button>
                                </td>
                            </tr>
                            <tr data-row='contact-rows-' id='contact-rows-' class='dnd-moved kt-datatable__row' style='left: 0px; border-bottom: 1px solid black;'>
                                <td data-field="taskid" class='kt-datatable__cell' id='col_contactid' style='display: none;'>
                                    <input type='text' class='form-control' name='input_row' id='txtcolcontactid' value=''/>
                                </td>
                                <td data-field="entrydate" class='kt-datatable__cell' id='col_contactname' style="vertical-align: top !important;padding:5px !important;">
                                    <input type='date' class='form-control' name='input_row' id='txtcolcontactname' value="2024-05-07"/>
                                </td>
                                <td data-field="description" class='kt-datatable__cell' id='col_contactdept' style="vertical-align: top !important;padding:5px !important;">
                                    <textarea class='form-control' name='input_row'>Follow up</textarea>
                                </td>
                                <td data-field="assignto" class='kt-datatable__cell' id='col_contactposition' style="vertical-align: top !important;padding:5px !important;">
                                    <select class='form-control'>
                                        <option>Aron</option>
                                        <option>Sales Person 1</option>
                                        <option>Sales Person 2</option>
                                    </select>
                                </td>
                                <td data-field="actiondate" class='kt-datatable__cell' id='col_contactemail' style="vertical-align: top !important;padding:5px !important;">
                                    <input type='date' class='form-control' name='input_row' id='txtcolcontactemail' value="2024-05-11"/>
                                </td>
                                <td data-field="contact" class='kt-datatable__cell' id='col_contactphone' style="vertical-align: top !important; padding:5px !important;">
                                    <select class='form-control'>
                                        <option>James</option>
                                        <option>John</option>
                                        <option>Jason</option>
                                    </select>
                                </td>
                                <td data-field="telephone" class='kt-datatable__cell' id='col_contactmobile' style="vertical-align: top !important; padding:5px !important;">
                                    <input type='text' class='form-control' name='input_row' id='txtcolcontactmobile' value="0127728210"/>
                                </td>
                                <td data-field='contactstatus' class='kt-datatable__cell' id='col_contactstatus' style="vertical-align: top !important; padding:5px !important;">
                                    <select class='form-control' name='input_row' id='txtcolcontactstatus'>
                                        <option value='1'>Appointment</option>
                                        <option value='0'>Follow Up</option>
                                        <option value='0'>Completed</option>
                                    </select>
                                </td>
                                <td data-field='filter' class='kt-datatable__cell' style='width: 50px;' id='col_filter'>
                                    <button class='btn btn-danger btn-sm btn-icon btn-icon-md' type='button' id='btnRemoveContact' style="background-color: #c12e2a; border-color: #b92c28;" onclick='removeProspectContact();'><i class='fa fa-trash-o'></i></button>
                                </td>
                            </tr>
                        </tbody>
                        <tfoot>
                            <tr>
                                <td style="background-color: transparent !important;"></td>
                                <td style="background-color: transparent !important;"></td>
                                <td style="background-color: transparent !important;"></td>
                                <td style="background-color: transparent !important;"></td>
                                <td style="background-color: transparent !important;"></td>
                                <td style="background-color: transparent !important;"></td>
                                <td style="background-color: transparent !important;"></td>
                                <td style="background-color: transparent !important; padding-top: 5px !important;">
                                    <button class="btn btn-success btn-sm btn-icon btn-icon-md" type="button" id="btnNewContact" onclick="newProspectContact();"><i class="fa fa-plus"></i></button>
                                </td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>