%PDF-
%PDF-
Mini Shell
Mini Shell
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Commercial Property Management Services in Kochi |
Karetakers.in</title>
<meta name="description"
content=" Karetakers.in is one of the best solution for commercial property management services in Kochi. We provide Asset management services (include key holding services), Inspection, cleaning, maintenance, Bill payment management, Purchase /sale of property etc." />
<meta name="keywords"
content="Commercial Property Management Services in Kochi, best Commercial Property Management Services in Kochi, Commercial Property Management Services, Commercial Property Management, best Commercial Property Management Services, kochi based Commercial Property Management Services" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="/css/app.css">
<link rel="stylesheet" href="/css/kare.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Load Leaflet from CDN -->
<link rel="stylesheet"
href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css"
integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
crossorigin="" />
<script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"
integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew=="
crossorigin=""></script>
<!-- Load Esri Leaflet from CDN -->
<script src="https://unpkg.com/esri-leaflet@2.3.3/dist/esri-leaflet.js"
integrity="sha512-cMQ5e58BDuu1pr9BQ/eGRn6HaR6Olh0ofcHFWe5XesdCITVuSBiBZZbhCijBe5ya238f/zMMRYIMIIg1jxv4sQ=="
crossorigin=""></script>
<!-- Load Esri Leaflet Geocoder from CDN -->
<link rel="stylesheet"
href="https://unpkg.com/esri-leaflet-geocoder@2.3.2/dist/esri-leaflet-geocoder.css"
integrity="sha512-IM3Hs+feyi40yZhDH6kV8vQMg4Fh20s9OzInIIAc4nx7aMYMfo+IenRUekoYsHZqGkREUgx0VvlEsgm7nCDW9g=="
crossorigin="">
<script
src="https://unpkg.com/esri-leaflet-geocoder@2.3.2/dist/esri-leaflet-geocoder.js"
integrity="sha512-8twnXcrOGP3WfMvjB0jS5pNigFuIWj4ALwWEgxhZ+mxvjF5/FBPVd5uAxqT8dd2kUmTVK9+yQJ4CmTmSg/sXAQ=="
crossorigin=""></script>
<!-- Document Title
============================================= -->
</head>
<style>
#map {
height: 400px; /* The height is 400 pixels */
width: 100%; /* The width is the width of the web page */
}
</style>
<body id="page-top">
<div class="wrapper" id="app">
<!-- Page Wrapper -->
<div id="wrapper">
<!-- Sidebar -->
<ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark accordion" id="accordionSidebar">
<!-- Sidebar - Brand -->
<a class="sidebar-brand d-flex align-items-center justify-content-center" href="home">
<div class="sidebar-brand-icon rotate-n-15">
<i class="fas fa-laugh-wink"></i>
</div>
<div class="sidebar-brand-text mx-3">Karetakers</div>
</a>
<!-- Divider -->
<hr class="sidebar-divider my-0">
<!-- Nav Item - Dashboard -->
<li class="nav-item">
<router-link to="/clients" class="nav-link">Contacts</router-link>
</li>
<!-- Nav Item - Pages Collapse Menu -->
<li class="nav-item">
<a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
<i class="fas fa-fw fa-cog"></i>
<span>Properties</span>
</a>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
<div class="bg-white py-2 collapse-inner rounded">
<router-link to="/allproperties" class="nav-link">All Properties</router-link>
<router-link to="/pendingproperties" class="nav-link">Pending Properties</router-link>
<router-link to="/managedproperties" class="nav-link">Managed Properties </router-link>
<router-link to="/addproperties" class="nav-link">Add Properties </router-link>
</div>
</div>
</li>
<li class="nav-item">
<router-link to="/leadslist" class="nav-link">Property Leads </router-link>
</li>
<li class="nav-item">
<router-link to="/allmaintenance" class="nav-link">Maintenace Leads </router-link>
</li>
<li class="nav-item">
<router-link to="/allmaintenanceaccounts" class="nav-link">Maintenace Accounts </router-link>
</li>
<!-- <li class="nav-item">
<router-link to="/ticketlist" class="nav-link">Service Tickets </router-link>
</li> -->
<li class="nav-item">
<router-link to="/addclient" class="nav-link">Add client </router-link>
</li>
<li class="nav-item">
<router-link to="/alltasks" class="nav-link">Tasks </router-link>
</li>
<li class="nav-item">
<router-link to="/uploadfile" class="nav-link">file </router-link>
</li>
<li class="nav-item">
<router-link to="/editproperty" class="nav-link">edit </router-link>
</li>
<li class="nav-item">
<router-link to="/charts" class="nav-link">Add Charts </router-link>
</li>
<!-- Divider -->
<hr class="sidebar-divider">
<!-- Divider -->
<hr class="sidebar-divider">
<!-- Nav Item - Pages Collapse Menu -->
<li class="nav-item">
<a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapsePages" aria-expanded="true" aria-controls="collapsePages">
<i class="fas fa-fw fa-folder"></i>
<span>Pages</span>
</a>
<div id="collapsePages" class="collapse" aria-labelledby="headingPages" data-parent="#accordionSidebar">
<div class="bg-white py-2 collapse-inner rounded">
<h6 class="collapse-header">Login Screens:</h6>
<a class="collapse-item" href="login.html">Login</a>
<a class="collapse-item" href="register.html">Register</a>
<a class="collapse-item" href="forgot-password.html">Forgot Password</a>
<div class="collapse-divider"></div>
<h6 class="collapse-header">Other Pages:</h6>
<a class="collapse-item" href="404.html">404 Page</a>
<a class="collapse-item" href="blank.html">Blank Page</a>
</div>
</div>
</li>
<!-- Nav Item - Tables -->
<!-- Divider -->
<hr class="sidebar-divider d-none d-md-block">
<!-- Sidebar Toggler (Sidebar) -->
<div class="text-center d-none d-md-inline">
<button class="rounded-circle border-0" id="sidebarToggle"></button>
</div>
</ul>
<!-- End of Sidebar -->
<!-- Content Wrapper -->
<div id="content-wrapper" class="d-flex flex-column">
<!-- Main Content -->
<div id="content">
<!-- Topbar -->
<nav class="navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow">
<!-- Sidebar Toggle (Topbar) -->
<button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3">
<i class="fa fa-bars"></i>
</button>
<!-- Topbar Search -->
<form class="d-none d-sm-inline-block form-inline mr-auto ml-md-3 my-2 my-md-0 mw-100 navbar-search">
<div class="input-group">
<input type="text" class="form-control bg-light border-0 small" placeholder="Search for..." aria-label="Search" aria-describedby="basic-addon2">
<div class="input-group-append">
<button class="btn btn-primary" type="button">
<i class="fas fa-search fa-sm"></i>
</button>
</div>
</div>
</form>
<!-- Topbar Navbar -->
<ul class="navbar-nav ml-auto">
<!-- Nav Item - Search Dropdown (Visible Only XS) -->
<li class="nav-item dropdown no-arrow d-sm-none">
<a class="nav-link dropdown-toggle" href="#" id="searchDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fas fa-search fa-fw"></i>
</a>
<!-- Dropdown - Messages -->
<div class="dropdown-menu dropdown-menu-right p-3 shadow animated--grow-in" aria-labelledby="searchDropdown">
<form class="form-inline mr-auto w-100 navbar-search">
<div class="input-group">
<input type="text" class="form-control bg-light border-0 small" placeholder="Search for..." aria-label="Search" aria-describedby="basic-addon2">
<div class="input-group-append">
<button class="btn btn-primary" type="button">
<i class="fas fa-search fa-sm"></i>
</button>
</div>
</div>
</form>
</div>
</li>
<!-- Nav Item - Alerts -->
<li class="nav-item dropdown no-arrow mx-1">
<a class="nav-link dropdown-toggle" href="#" id="alertsDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fas fa-bell fa-fw"></i>
<!-- Counter - Alerts -->
<span class="badge badge-danger badge-counter">3+</span>
</a>
<span class="glyphicon glyphicon-plus"></span>
<!-- Dropdown - Alerts -->
<div class="dropdown-list dropdown-menu dropdown-menu-right shadow animated--grow-in" aria-labelledby="alertsDropdown">
<h6 class="dropdown-header">
Alerts CenterNnow
</h6>
<a class="dropdown-item d-flex align-items-center" href="#">
<div class="mr-3">
<div class="icon-circle bg-primary">
<i class="fas fa-file-alt text-white"></i>gfgf
</div>
</div>
<div>
<div class="small text-gray-500">
<router-link to="/addlead">
Add Lead
</router-link>
<router-link to="/addtasks">
<button>Add Task</button>
</router-link>
<router-link to="/addclient">
<button>Add CLient</button>
</router-link>
<router-link to="/addticket">
<button>Add Ticket</button>
</router-link>
<a v-b-toggle href="#add-client" @click.prevent><button>Add New Contact</button></a>
</div>
<span class="font-weight-bold">A new monthly report is ready to download!</span>
</div>
</a>
<a class="dropdown-item d-flex align-items-center" href="#">
<div class="mr-3">
<div class="icon-circle bg-success">
<i class="fas fa-donate text-white"></i>
</div>
</div>
<div>
<div class="small text-gray-500"></div>
<a v-b-toggle href="#add-client" @click.prevent><button>Add New Contact</button></a>
</div>
</a>
<a class="dropdown-item d-flex align-items-center" href="#">
<div class="mr-3">
<div class="icon-circle bg-success">
<i class="fas fa-donate text-white"></i>
</div>
</div>
<div>
<div class="small text-gray-500"></div>
<router-link to="/addlead">
Add Lead
</router-link>
</div>
</a>
<a class="dropdown-item text-center small text-gray-500" href="#">Show All Alerts</a>
</div>
</li>
<!-- Nav Item - Messages -->
<li class="nav-item dropdown no-arrow mx-1">
<a class="nav-link dropdown-toggle" href="#" id="messagesDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fas fa-envelope fa-fw"></i>
<!-- Counter - Messages -->
<span class="badge badge-danger badge-counter">7</span>
</a>
<!-- Dropdown - Messages -->
<div class="dropdown-list dropdown-menu dropdown-menu-right shadow animated--grow-in" aria-labelledby="messagesDropdown">
<h6 class="dropdown-header">
Message Center
</h6>
fghfg
<a class="dropdown-item text-center small text-gray-500" href="#">Read More Messages</a>
</div>
</li>
<div class="topbar-divider d-none d-sm-block"></div>
<!-- Nav Item - User Information -->
<li class="nav-item dropdown no-arrow">
<a class="nav-link dropdown-toggle" href="#" id="userDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="mr-2 d-none d-lg-inline text-gray-600 small"> {{ Auth::user()->name }}</span>
<img class="img-profile rounded-circle" src="https://source.unsplash.com/QAB-WJcbgJk/60x60">
</a>
<!-- Dropdown - User Information -->
<div class="dropdown-menu dropdown-menu-right shadow animated--grow-in" aria-labelledby="userDropdown">
<a class="dropdown-item" href="#">
<i class="fas fa-user fa-sm fa-fw mr-2 text-gray-400"></i>
Profile
</a>
<a class="dropdown-item" href="#">
<i class="fas fa-cogs fa-sm fa-fw mr-2 text-gray-400"></i>
Settings
</a>
<a class="dropdown-item" href="#">
<i class="fas fa-list fa-sm fa-fw mr-2 text-gray-400"></i>
Activity Log
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#" data-toggle="modal" data-target="#logoutModal">
<i class="fas fa-sign-out-alt fa-sm fa-fw mr-2 text-gray-400"></i>
Logout
</a>
</div>
</li>
</ul>
</nav>
<!-- End of Topbar -->
<!-- Begin Page Content -->
<div class="container-fluid">
<b-sidebar id="add-client" class="w-100" title="Add Client" right shadow backdrop backdrop-variant="dark">
<addclients></addclients>
</b-sidebar>
<router-view>
</router-view>
</div>
<!-- /.container-fluid -->
</div>
<!-- End of Main Content -->
<!-- Footer -->
<footer class="sticky-footer bg-white">
<div class="container my-auto">
<div class="copyright text-center my-auto">
<span>Copyright © Your Website 2020</span>
</div>
</div>
</footer>
<!-- End of Footer -->
</div>
<!-- End of Content Wrapper -->
</div>
</div>
<!-- End of Page Wrapper -->
<!-- Modal -->
</div>
</body>
<!-- Modals End -->
<!-- Go To Top
============================================= -->
<a href="javascript:" id="return-to-top"><i class="icon-chevron-up"></i></a>
<!-- External JavaScripts
============================================= -->
<script src="{{asset('js/app.js')}}"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript" src="js/encoder.js"></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
crossorigin="anonymous"></script>
<script type="text/javascript">
//ajax multiple file upload request
Encoder.EncodeType = "entity";
var map, marker, lat, lng, infowindow;
$(function() {
$('.input-images').imageUploader();
});
$('body').click(function(evt) {
if ((evt.target.id == "location"))
return;
$('.loc-dropdown').empty();
});
function setLatLng(selectedLocation) {
$('.loc-dropdown').empty();
$('#location').val(selectedLocation);
$('#placeModal').modal('show');
L.esri.Geocoding.geocode().text(selectedLocation).run(
function(err, results, response) {
if (err) {
console.log(err);
return;
}
lat = results.results[0].latlng.lat;
lng = results.results[0].latlng.lng
console.log(lat);
console.log(lng);
$('#lat').val(lat);
$('#lng').val(lng);
infowindow = new google.maps.InfoWindow({
content : selectedLocation
});
var options = {
types : [ '(cities)' ],
componentRestrictions : {
country : 'in'
}
};
// The location of ernakulam
var ernakulam = {
lat : 9.9812208,
lng : 76.2989596
};
// The map, centered at ernakulam
map = new google.maps.Map(document
.getElementById('map'), {
zoom : 13,
center : ernakulam,
mapTypeControl : false,
panControl : false,
zoomControl : false,
streetViewControl : false
});
marker = new google.maps.Marker({
draggable : true,
position : {
lat : lat,
lng : lng
},
map : map,
animation : google.maps.Animation.DROP
});
map.panTo(marker.getPosition());
map.addListener('click', function(e) {
console.log('map click');
placeMarkerAndPanTo(e.latLng, map);
//getAddress(e.latLng); user defined func for geocoder
});
marker.addListener('dragend', function(e) {
console.log('dragend');
placeMarkerAndPanTo(e.latLng, map);
//getAddress(e.latLng); user defined func for geocoder
});
infowindow.open(map, marker);
});
}
$('#location').on(
'input',
function() {
if ($(this).val() === "") {
$('#lat').val("");
$('#lng').val("");
}
var term = $(this).val();
console.log(term);
//.nearby([10.0088142, 76.3156612], 3000)
L.esri.Geocoding.suggest().text(term).run(
function(error, response) {
if (error) {
return;
}
console.log(response);
$(".loc-dropdown").html("");
$.each(response.suggestions, function(i, item) {
$(".loc-dropdown").append(
" <li class='list-group-item' onclick=\"setLatLng('"
+ item.text + "')\">"
+ item.text + "</li>");
});
});
});
function placeMarkerAndPanTo(latLng, map) {
//infowindow.setContent(latLng + '');
//infowindow.open(map, marker);
marker.setPosition(latLng);
map.panTo(latLng);
console.log('marker : ' + latLng);
lat = latLng.lat();
lng = latLng.lng();
}
$("#placeModal").on(
'hide.bs.modal',
function() {
console.log("setting values for hidden inputs " + lat
+ " : " + lng);
$("#lat").val(lat);
$('#lng').val(lng);
});
function showPopover(popoverContent, popoverElement) {
$(popoverElement).popover('enable');
$(popoverElement).attr("data-content", popoverContent);
$(popoverElement).popover('show');
$('html, body').animate({
scrollTop : $(popoverElement).offset().top - 100
}, 500);
setTimeout(function() {
$(popoverElement).popover('hide');
$(popoverElement).popover('disable');
}, 3000);
}
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAXoZsvdGTwwgESoTR2M2M8u8j0q9p7pWE">
</script>
</html>
Zerion Mini Shell 1.0