395 lines
23 KiB
PHP
395 lines
23 KiB
PHP
<?php $currentPage = 'dashboard' ?>
|
|
<?php include( '../components/header.php' ) ?>
|
|
|
|
<!-- BEGIN PAGE LEVEL CUSTOM STYLES -->
|
|
|
|
<link rel="stylesheet" type="text/css" href="../src/plugins/src/table/datatable/datatables.css">
|
|
<link rel="stylesheet" type="text/css" href="../src/plugins/css/light/table/datatable/dt-global_style.css">
|
|
<link rel="stylesheet" type="text/css" href="../src/plugins/css/light/table/datatable/custom_dt_custom.css">
|
|
|
|
<link href='../src/assets/css/light/components/modal.css' rel='stylesheet' type='text/css'>
|
|
|
|
<!-- END PAGE LEVEL CUSTOM STYLES -->
|
|
|
|
<div class='main_content'>
|
|
<div class='row'>
|
|
<div class='col-md-3'>
|
|
<?php include( '../components/sidebar.php' ) ?>
|
|
</div>
|
|
<div class='col-md-9'>
|
|
<div class='inner_contents'>
|
|
|
|
<div class='property_table'>
|
|
<div class='prop_btns'>
|
|
<h5 class='h5_heading m-0'>Properties</h5>
|
|
<div class='inn_btn'>
|
|
<div class='view_more m-0'>
|
|
<a href='#'>View all</a>
|
|
</div>
|
|
|
|
<div class='dropdown'>
|
|
<button type='button' class='btn dropdown-toggle' data-bs-toggle='dropdown'
|
|
aria-expanded='false' data-bs-auto-close='outside'>
|
|
Filter
|
|
<svg xmlns='http://www.w3.org/2000/svg' width='23' height='15' viewBox='0 0 23 15'
|
|
fill='none'>
|
|
<path d='M1 1H22' stroke='black' stroke-width='1.67' stroke-linecap='round'
|
|
stroke-linejoin='round' />
|
|
<path d='M4.9375 7.5625H18.0625' stroke='black' stroke-width='1.67'
|
|
stroke-linecap='round' stroke-linejoin='round' />
|
|
<path d='M10.1875 14.125H12.8125' stroke='black' stroke-width='1.67'
|
|
stroke-linecap='round' stroke-linejoin='round' />
|
|
</svg>
|
|
</button>
|
|
<form class='dropdown-menu'>
|
|
<p class='m-2 fs-5'>Filter</p>
|
|
<div class='m-2'>
|
|
<div class='accordion' id='accordionPanelsStayOpenExample'>
|
|
<div class='accordion-item'>
|
|
<h2 class='accordion-header'>
|
|
<button class='accordion-button' type='button'
|
|
data-bs-toggle='collapse'
|
|
data-bs-target='#panelsStayOpen-collapseOne'
|
|
aria-expanded='true' aria-controls='panelsStayOpen-collapseOne'>
|
|
Status
|
|
</button>
|
|
</h2>
|
|
<div id='panelsStayOpen-collapseOne'
|
|
class='accordion-collapse collapse show'>
|
|
<div class='accordion-body'>
|
|
<div class='form-check my-2'>
|
|
<input type='checkbox' class='form-check-input'
|
|
id='dropdownCheck1' onclick='checkAll(this)'>
|
|
<label class='form-check-label' for='dropdownCheck1'>
|
|
All
|
|
</label>
|
|
</div>
|
|
<div class='form-check my-2'>
|
|
<input type='checkbox'
|
|
class='form-check-input status-checkbox'
|
|
id='dropdownCheck2'>
|
|
<label class='form-check-label' for='dropdownCheck2'>
|
|
Sold
|
|
</label>
|
|
</div>
|
|
<div class='form-check my-2'>
|
|
<input type='checkbox'
|
|
class='form-check-input status-checkbox'
|
|
id='dropdownCheck3'>
|
|
<label class='form-check-label' for='dropdownCheck3'>
|
|
Rented
|
|
</label>
|
|
</div>
|
|
<div class='form-check my-2'>
|
|
<input type='checkbox'
|
|
class='form-check-input status-checkbox'
|
|
id='dropdownCheck4'>
|
|
<label class='form-check-label' for='dropdownCheck4'>
|
|
Listed
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class='accordion-item'>
|
|
<h2 class='accordion-header'>
|
|
<button class='accordion-button collapsed' type='button'
|
|
data-bs-toggle='collapse'
|
|
data-bs-target='#panelsStayOpen-collapseTwo'
|
|
aria-expanded='false'
|
|
aria-controls='panelsStayOpen-collapseTwo'>
|
|
Property type
|
|
</button>
|
|
</h2>
|
|
<div id='panelsStayOpen-collapseTwo'
|
|
class='accordion-collapse collapse'>
|
|
<div class='accordion-body'>
|
|
<div class='form-check my-2'>
|
|
<input type='checkbox' class='form-check-input'
|
|
id='dropdownCheck5' onclick='checkAll2(this)'>
|
|
<label class='form-check-label' for='dropdownCheck5'>
|
|
All
|
|
</label>
|
|
</div>
|
|
<div class='form-check my-2'>
|
|
<input type='checkbox'
|
|
class='form-check-input status-checkbox2'
|
|
id='dropdownCheck6'>
|
|
<label class='form-check-label' for='dropdownCheck6'>
|
|
Residential
|
|
</label>
|
|
</div>
|
|
<div class='form-check my-2'>
|
|
<input type='checkbox'
|
|
class='form-check-input status-checkbox2'
|
|
id='dropdownCheck9'>
|
|
<label class='form-check-label' for='dropdownCheck7'>
|
|
Commercial
|
|
</label>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class='accordion-item'>
|
|
<h2 class='accordion-header'>
|
|
<button class='accordion-button collapsed' type='button'
|
|
data-bs-toggle='collapse'
|
|
data-bs-target='#panelsStayOpen-collapseThree'
|
|
aria-expanded='false'
|
|
aria-controls='panelsStayOpen-collapseThree'>
|
|
Price
|
|
</button>
|
|
</h2>
|
|
<div id='panelsStayOpen-collapseThree'
|
|
class='accordion-collapse collapse'>
|
|
<div class='accordion-body'>
|
|
<div class='form-check my-2'>
|
|
<input type='checkbox' class='form-check-input'
|
|
id='dropdownCheck8'>
|
|
<label class='form-check-label' for='dropdownCheck8'>
|
|
Low to high
|
|
</label>
|
|
</div>
|
|
<div class='form-check my-2'>
|
|
<input type='checkbox' class='form-check-input'
|
|
id='dropdownCheck9'>
|
|
<label class='form-check-label' for='dropdownCheck9'>
|
|
High to low
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<a href='#' class='del_icon'>
|
|
<img loading='lazy' src='../assets/images/del_btn.png' alt='del_btn'>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<table id='blacklisted_vendors' class='table style-3 dt-table-hover'>
|
|
<thead>
|
|
<tr>
|
|
<th class='checkbox-column dt-no-sorting'><input type='checkbox'></th>
|
|
<th class='checkbox-column text-center'>Sr.no</th>
|
|
<th class='text-center'>Property Id</th>
|
|
<th class='text-center'>Location</th>
|
|
<th class='text-center'>Property Type</th>
|
|
<th class='text-center'>CountPricery</th>
|
|
<th class='text-center'>Status</th>
|
|
<th class='text-center dt-no-sorting'>Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class='text-center'>
|
|
<?php for ( $x = 0; $x <= 6; $x++ ) {
|
|
?>
|
|
<tr>
|
|
<td class='checkbox-column'><input type='checkbox'></td>
|
|
<td class='checkbox-column'><?php echo $x + 1 ?></td>
|
|
<td>08765786</td>
|
|
<td>Mumbai</td>
|
|
<td>Residential</td>
|
|
<td>₹20, 0000</td>
|
|
<td class='text-center'>Sold</td>
|
|
<td class='text-center table_action'>
|
|
<a href='' data-bs-toggle="modal" data-bs-target="#view_details">
|
|
<img loading='lazy' src='../assets/images/eye_icon.png' alt='eye_icon'>
|
|
</a>
|
|
<a href='' data-bs-toggle="modal" data-bs-target="#edit_details">
|
|
<img loading='lazy' src='../assets/images/edit_icon.png' alt='eye_icon'>
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<?php }
|
|
?>
|
|
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal view start-->
|
|
|
|
|
|
<div class="modal fade" id="view_details" tabindex="-1" aria-labelledby="view_detailsLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered modal-lg">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="view_detailsLabel">Properties Details</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="row">
|
|
<div class="col-md-6 mb-4">
|
|
<div class="">
|
|
<label class="form-label">Property ID</label>
|
|
<div class="form-control">0822525205</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6 mb-4">
|
|
<div class="">
|
|
<label class="form-label">Location</label>
|
|
<div class="form-control">Mumbai</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6 mb-4">
|
|
<div class="">
|
|
<label class="form-label">Property Type</label>
|
|
<div class="form-control">Residential</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<div class="">
|
|
<label class="form-label">Price</label>
|
|
<div class="form-control">₹20, 000</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<div class="">
|
|
<label class="form-label">Status</label>
|
|
<div class="form-control">Sold</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn" data-bs-dismiss="modal">Close</button>
|
|
<a type="button" class="btn btn-success">Save</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- modal view end -->
|
|
|
|
<!-- Modal edit start-->
|
|
|
|
<div class="modal fade" id="edit_details" tabindex="-1" aria-labelledby="edit_detailsLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered modal-lg">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="edit_detailsLabel">Properties Details</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="row">
|
|
<div class="col-md-6 mb-4">
|
|
<div class="">
|
|
<label class="form-label">Property ID</label>
|
|
<input type="number" class="form-control" value="0822525205">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6 mb-4">
|
|
<div class="">
|
|
<label class="form-label">Location</label>
|
|
<select name="" id="" class="form-select">
|
|
<option value="">Select Location</option>
|
|
<option value="" selected>Mumbai</option>
|
|
<option value="">Goa</option>
|
|
<option value="">Panjab</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6 mb-4">
|
|
<div class="">
|
|
<label class="form-label">Property Type</label>
|
|
<select name="" id="" class="form-select">
|
|
<option value="">Select property type</option>
|
|
<option value="" selected>Residential</option>
|
|
<option value="">Panjab</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<div class="">
|
|
<label class="form-label">Price</label>
|
|
<input type="number" class="form-control" value="₹20,000">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<div class="">
|
|
<label class="form-label">Status</label>
|
|
<select name="" id="" class="form-select">
|
|
<option value="">Select status</option>
|
|
<option value="" selected>Sold</option>
|
|
<option value="">buy</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn" data-bs-dismiss="modal">Close</button>
|
|
<a type="button" class="btn btn-success">Save</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- modal edit end -->
|
|
|
|
|
|
|
|
<?php include('../components/footer-link.php') ?>
|
|
|
|
<!-- BEGIN PAGE LEVEL SCRIPTS -->
|
|
<script src="../src/plugins/src/table/datatable/datatables.js"></script>
|
|
<!-- END PAGE LEVEL SCRIPTS -->
|
|
|
|
<script>
|
|
c2 = $('#blacklisted_vendors').DataTable({
|
|
headerCallback: function(e, a, t, n, s) {
|
|
e.getElementsByTagName("th")[0].innerHTML = `
|
|
<div class="form-check form-check-primary d-block new-control">
|
|
<input class="form-check-input chk-parent" type="checkbox" id="form-check-default">
|
|
</div>`
|
|
},
|
|
columnDefs: [{
|
|
targets: 0,
|
|
width: "30px",
|
|
className: "",
|
|
orderable: !1,
|
|
render: function(e, a, t, n) {
|
|
return `
|
|
<div class="form-check form-check-primary d-block new-control">
|
|
<input class="form-check-input child-chk" type="checkbox" id="form-check-default">
|
|
</div>`
|
|
}
|
|
}],
|
|
"dom": "<'dt--top-section'<'row'<'col-12 col-sm-6 d-flex justify-content-sm-start justify-content-center'l><'col-12 col-sm-6 d-flex justify-content-sm-end justify-content-center mt-sm-0 mt-3'f>>>" +
|
|
"<'table-responsive'tr>" +
|
|
"<'dt--bottom-section d-sm-flex justify-content-sm-between text-center'<'dt--pages-count mb-sm-0 mb-3'i><'dt--pagination'p>>",
|
|
"oLanguage": {
|
|
"oPaginate": {
|
|
"sPrevious": '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg>',
|
|
"sNext": '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>'
|
|
},
|
|
"sInfo": "Showing page _PAGE_ of _PAGES_",
|
|
"sSearch": '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>',
|
|
"sSearchPlaceholder": "Search...",
|
|
"sLengthMenu": "Results : _MENU_",
|
|
},
|
|
"lengthMenu": [5, 10, 20, 50],
|
|
"pageLength": 10
|
|
});
|
|
|
|
multiCheck(c2);
|
|
</script>
|
|
|
|
|
|
|
|
<?php include( '../components/footer.php' ) ?>
|