|
Server : Apache/2.4.41 (Ubuntu) System : Linux vmi1525618.contaboserver.net 5.4.0-105-generic #119-Ubuntu SMP Mon Mar 7 18:49:24 UTC 2022 x86_64 User : www-data ( 33) PHP Version : 8.2.12 Disable Function : NONE Directory : /var/www/leadai/leadai.co.in/storage/framework/views/ |
Upload File : |
<?php $__env->startSection('content'); ?>
<!-- begin::main content -->
<style>
.input_upload{
width:100px;
height:35px;
position:absolute;
bottom:-34px;
right:350px;
}
.import-content p{
padding:0;
margin:0;
margin-bottom:8px;
font-size:13px;
}
.filter-form-box{
background-color:#FBFAFA;
padding:10px 24px;
position:absolute;
width:450px;
border:1px solid #ddd;
border-radius:5px;
top:71px;
z-index:20;
}
.filter-form-box input{
height:40px !important;
}
.diamond {
width: 20px;
height: 20px;
background-color: #FBFAFA;
transform: rotate(45deg);
position: relative;
top:-21px;
left:0px;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
}
.seach-input:focus{
outline:none !important;
border-top:1px solid #ddd !important;
border-bottom:1px solid #ddd !important;
}
.seach-input{
height:40px !important;
border-top:1px solid #ddd !important;
border-bottom:1px solid #ddd !important;
border-left:1px solid #ddd !important;
}
</style>
<main class="main-content">
<div class="container">
<!-- begin::page header -->
<div class="page-header">
<h3>LOCATION</h3>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="<?php echo e(asset('dashboard')); ?>"><?php echo e(__('message.dashboard')); ?></a></li>
<li class="breadcrumb-item active" aria-current="page"><?php echo e(__('message.list')); ?></li>
</ol>
</nav>
</div>
<!-- end::page header -->
<div class="card">
<div class="card-header">
<div class="row">
<div class="col-md-6 py-3">
<form action="<?php echo e(asset('location-list')); ?>" method="get">
<div class="company-field-box">
<div>
<div class="input-group">
<div class="input-group-prepend">
<button type="button" class="btn border input-group-text filter-company-btn">
<i class="fa fa-filter fa-lg px-2"></i>
</button>
</div>
<input type="search" value="<?php echo e(isset($_GET['search']) ? $_GET['search'] : null); ?>" name="search" class="form-control border-right-0 seach-input">
<button class="btn border border-left-0" type="submit" style="margin-left:-5px;">
<i class="fa fa-search fa-lg"></i>
</button>
</div>
<div class="filter-form-box d-none">
<div class="diamond"></div>
<form method="get" action="<?php echo e(asset('location-list')); ?>">
<div class="form-group">
<label>Location Type</label>
<input value="<?php echo e(isset($_GET['location_type']) ? $_GET['location_type'] : null); ?>" type="text" name="location_type" class="form-control" id="location_type">
</div>
<div class="form-group">
<label>Contact Person</label>
<input type="text" value="<?php echo e(isset($_GET['contact_person']) ? $_GET['contact_person'] : null); ?>" name="contact_person" class="form-control" id="contact_person">
</div>
<div class="form-group">
<label>Contact Email</label>
<input type="email" value="<?php echo e(isset($_GET['contact_email']) ? $_GET['contact_email'] : null); ?>" name="contact_email" class="form-control" id="contact_email">
</div>
<div class="form-group">
<label>Contact Phone</label>
<input type="text" name="contact_phone" value="<?php echo e(isset($_GET['contact_phone']) ? $_GET['contact_phone'] : null); ?>" class="form-control" id="contact_phone">
</div>
<div class="row">
<div class="form-group col-6">
<label>City</label>
<input type="text" name="city" value="<?php echo e(isset($_GET['city']) ? $_GET['city'] : null); ?>" class="form-control" id="city">
</div>
<div class="form-group col-6">
<label>State</label>
<input type="text" name="state" value="<?php echo e(isset($_GET['state']) ? $_GET['state'] : null); ?>" class="form-control" id="state">
</div>
</div>
<div class="row">
<div class="form-group col-12">
<button type="submit" class="btn btn-success-lux mr-5 px-4 apply-button">Apply</button>
<a href="<?php echo e(asset('location-list')); ?>" class="btn btn-primary-lux px-5 clear-button text-white">Clear</a>
</div>
</div>
</form>
</div>
</div>
</div>
</form>
</div>
<div class="col-md-6 d-flex justify-content-end py-3">
<button data-original-title="Delete Organizations" class="btn btn-danger text-uppercase text-white mr-2 d-none multiple-delete-btn">
<i class="fa fa-trash fa-lg" style="font-size:24px;"></i>
</button>
<a data-toggle="tooltip" data-original-title="Add New User"
href="<?php echo e(asset('add-location')); ?>"
class="btn btn-primary-lux text-uppercase text-white mr-2"><i
class="fa fa-plus pr-2"></i>New
</a>
<a data-toggle="tooltip" data-original-title="Export Location"
href="<?php echo e(asset('export-location')); ?>"
class="btn btn-white-lux text-uppercase mr-2"><i
class="fa fa-download pr-2"></i>
Export
</a>
<button type="button" class="btn btn-white-lux text-uppercase mr-2" data-toggle="modal" data-target="#importModal"><i
class="fa fa-upload pr-2"></i>
Import
</button>
<button type="button" class="btn btn-danger d-none" id="delete-multiple">
<i class="fa fa-trash fa-lg"></i>
</button>
</div>
</div>
</div>
<div class="card-body">
<?php if(isset($location)): ?>
<div class="table-responsive">
<table class="table table-striped table-bordered">
<thead>
<tr>
<th>
<input type="checkbox" id="checkAll" />
</th>
<th>SNo</th>
<th>Location Type</th>
<th>Contact Person</th>
<th>Contact Phone</th>
<th>Contact Email</th>
<th>City</th>
<th>State</th>
<th>Country</th>
<th><?php echo e(__('message.action')); ?></th>
</tr>
</thead>
<tbody>
<?php if(!empty($location)): ?>
<?php $__currentLoopData = $location; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key=>$value): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<tr>
<th>
<input type="checkbox" name="checkbox[]" class="userids" value="<?php echo e($value->id); ?>" />
</th>
<td><?php echo e(++$key); ?></td>
<td><?php echo e($value->location ? $value->location->location_name : ''); ?></td>
<td><?php echo e($value->contact_person); ?></td>
<td><?php echo e($value->contact_phone); ?></td>
<td><?php echo e($value->contact_email); ?></td>
<td>
<?php echo e($value->city); ?>
</td>
<td><?php echo e($value->state ? $value->state->state_name : ''); ?></td>
<td><?php echo e($value->country ? $value->country->name : ''); ?> </td>
<td>
<div class="btn-group">
<?php if(Auth::user()->can('edit-user') || Auth::user()->type=="superadmin" || Auth::user()->type=="admin"): ?>
<a class="btn btn-sm btn-info text-white" data-toggle="tooltip"
data-original-title="User Info"
href="<?php echo e(asset('view-location/'.$value->id)); ?>"><i
class="fa fa-eye fa-lg"></i>
</a>
<a class="btn btn-sm btn-success text-white"
data-toggle="tooltip" data-original-title="Edit User"
href="<?php echo e(asset('edit-location/'.$value->id)); ?>"><i
class="fa fa-edit fa-lg"></i>
</a>
<a class="btn btn-sm btn-danger text-white"
data-toggle="tooltip" data-original-title="Delete User"
href="<?php echo e(asset('delete-location/'.$value->id)); ?>"><i
class="fa fa-trash fa-lg"></i>
</a>
<?php endif; ?>
</div>
</td>
</tr>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<?php else: ?>
<h1>No Record Found!!</h1>
<?php endif; ?>
</tbody>
</table>
</div>
<div class="row">
<div class="col-md-10"></div>
<div class="col-md-2">
<form class="per_page_form" method="get" action="<?php echo e(asset('location-list')); ?>">
<select class="form-control per_page_element" name="per_page" onchange="">
<option value="10" <?php echo e(isset($_GET['per_page']) ? ($_GET['per_page'] == 10 ? 'selected':'') : null); ?>>10 Per page</option>
<option value="15" <?php echo e(isset($_GET['per_page']) ? ($_GET['per_page'] == 15 ? 'selected':'') : null); ?>>15 Per page</option>
<option value="20" <?php echo e(isset($_GET['per_page']) ? ($_GET['per_page'] == 20 ? 'selected':'') : null); ?>>20 Per page</option>
<option value="25" <?php echo e(isset($_GET['per_page']) ? ($_GET['per_page'] == 25 ? 'selected':'') : null); ?>>25 Per page</option>
</select>
</form>
</div>
</div>
<?php endif; ?>
</div>
</div>
</div>
<!-- The Modal -->
<div class="modal" id="importModal">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header bg-success rounded-0">
<h4 class="modal-title">Import Users</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<!-- Modal body -->
<div class="modal-body">
<div class="row">
<div class="col-md-3 py-5">
<i class="fa fa-warning text-warning" style="font-size:50px"></i>
</div>
<div class="col-md-9 import-content">
<p>Import Users (.xls, .xlsx)</p>
<p><strong>Follow these steps:</strong></p>
<p>1. Download the Excel template to your computer by clicking the <strong>Download</strong> button.</p>
<p>2. Integrate your data into the template file, minding the column names.</p>
<p>3. Click the <strong>Import</strong> button.</p>
<p><strong>IMPORTANT</strong></p>
<p>- If you do not have data for a particular column, leave it empty and do not move or delete the column.</p>
</div>
</div>
</div>
<!-- Modal footer -->
<div class="modal-footer position-relative">
<form class="import-user-form" enctype="multipart/form-data">
<?php echo csrf_field(); ?>
<div class="">
<div class="">
<div class="" style="position:relative">
<input type="file" accept="" name="excel_file" class="input_upload input_file_upload" style="z-index:5;opacity:0;cusor:pointer;">
<button type="submit" class="btn btn-success text-uppercase input_upload input_upload_btn text-white mr-2">
<i class="fa fa-upload pr-2"></i>
Import
</button>
</div>
</div>
<div class="">
<div class="d-flex justify-content-center">
<a href="<?php echo e(asset('public/location.xlsx')); ?>" class="btn btn-info" download>Download Sample  <i class="fa fa-download"></i></a>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</main>
<!-- end::main content -->
<?php $__env->stopSection(); ?>
<?php $__env->startPush('footer-script'); ?>
<!-- begin::dataTable -->
<script src="<?php echo e(asset('public/admin/js/examples/datatable.js')); ?>"></script>
<!-- end::dataTable -->
<script>
$(document).ready(function() {
$(".per_page_element").on("change",function(){
$(".per_page_form").submit();
});
$("#checkAll").click(function() {
$('.userids:checkbox').not(this).prop('checked', this.checked);
var length = $('.userids[type="checkbox"]:checked').length;
if($(".multiple-delete-btn").hasClass('d-none'))
{
$(".multiple-delete-btn").removeClass("d-none");
$(".multiple-delete-btn").html('<span class="pt-1">Delete ('+length+")</span>");
}
else
{
$(".multiple-delete-btn").addClass("d-none");
}
});
// Delete Multiple
$(".multiple-delete-btn").click(function() {
var URL = "<?php echo e(asset('delete-multiple-location')); ?>";
var user_ids = [];
$('.userids:checkbox:checked').each(function() {
user_ids.push($(this).val());
});
swal({
title: 'Are you sure?',
text: 'Once deleted, you will not be recover!',
icon: 'warning',
dangerMode: true,
buttons: ["Cancel", "Yes!"],
}).then(function(value) {
if (value) {
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
$.ajax({
type: "post",
data: {
"ids": user_ids
},
url: URL,
dataType: "html",
success: function(result) {
console.log(result);
}
});
swal("success!", "Successfully deleted!", "success");
window.location.reload();
}
});
});
$(".input_file_upload").on("change",function(){
$(".import-user-form").submit();
});
$(".import-user-form").on("submit", function(event) {
// Prevent the default form submission
event.preventDefault();
$.ajax({
type: "POST",
url: "<?php echo e(asset('user/import-user')); ?>",
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
data: new FormData(this),
processData: false,
contentType: false,
cache:false,
beforeSend:function()
{
$(".import-content").html("<h5>Please wait uploading...</h5>");
},
success: function(response)
{
if(response.message=="success")
{
var div = `<div class='text-success text-center' style='font-size:50px'>
<i class='fa fa-check-circle' ></i>
<p style='font-size:20px'>Users Import Successfully !</p>
</div>`;
$(".import-content").html(div);
setTimeout(function(){
window.location.reload();
},3000);
}
else
{
//console.log(error);
var div = `<div class='text-danger text-center' style='font-size:50px'>
<i class='fa fa-times-circle' ></i>
<p style='font-size:20px'>Please check the datasheet !</p>
</div>`;
$(".import-content").html(div);
}
},
error: function(xhr, status, error)
{
//console.log(error);
var div = `<div class='text-danger text-center' style='font-size:50px'>
<i class='fa fa-times-circle' ></i>
<p style='font-size:20px'>Please check the datasheet !</p>
</div>`;
$(".import-content").html(div);
}
});
});
// Delete Multiple
$("#delete-multiple").click(function() {
var URL = "<?php echo e(asset('company-delete-multiple')); ?>";
var user_ids = [];
$('.userids:checkbox:checked').each(function() {
user_ids.push($(this).val());
});
swal({
title: 'Are you sure?',
text: 'Once deleted, you will not be recover!',
icon: 'warning',
dangerMode: true,
buttons: ["Cancel", "Yes!"],
}).then(function(value) {
if (value) {
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
$.ajax({
type: "post",
data: {
"ids": user_ids
},
url: URL,
dataType: "html",
success: function(result) {
console.log(result);
}
});
swal("success!", "Successfully deleted!", "success");
window.location.reload();
}
});
});
//branch limit change code
$(".change-branch-limit").on("change",function(){
var limit = $(this).val();
var user_id = $(this).attr("user_id");
$.ajax({
type: "post",
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
data: {
"limit": limit,
"user_id": user_id
},
url: "<?php echo e(asset('change-branch-limit')); ?>",
dataType: "html",
success: function(result) {
if(result=="success")
{
swal("success!", "Successfully changed!", "success");
window.location.reload();
}
else
{
swal("Failed!", "something went wrong!", "failed");
window.location.reload();
}
},
error:function(xhr,error,status)
{
console.log(error);
}
});
});
});
$(".apply-button").click(function(){
$(".filter-form-box").addClass("d-none");
});
//filter company code
$(".filter-company-btn").click(function(){
if($(".filter-form-box").hasClass("d-none"))
{
$(".filter-form-box").removeClass("d-none");
}
else
{
$(".filter-form-box").addClass("d-none");
}
});
//city code
$("#cityInput").click(function() {
$("#cityDropdown").removeClass("d-none");
});
$("#searchInput").on("keyup", function()
{
var input, filter, ul, li, a, i, txtValue;
input = document.getElementById('searchInput');
filter = input.value.toUpperCase();
ul = document.getElementById("cityList");
li = ul.getElementsByTagName('div');
for (i = 0; i < li.length; i++) {
txtValue = li[i].textContent || li[i].innerText;
if (txtValue.toUpperCase().indexOf(filter) > -1) {
li[i].style.display = "";
} else {
li[i].style.display = "none";
}
}
});
var cities = [];
//fetchCity();
// fetch city
/* function fetchCity()
{
$.ajax({
type: "get",
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
url: "<?php echo e(asset('fetch-city')); ?>",
dataType: "html",
success: function(result)
{
var allData = JSON.parse(result);
if(allData.message=="success")
{
var data = allData.data
console.log(data);
var i;
for(i=0;i<data.length;i++)
{
cities.push(data[i].city_name);
}
var cityList = document.getElementById("cityList");
cities.forEach(function(city) {
var cityItem = document.createElement("div");
cityItem.className = "city-item text-capitalize";
cityItem.style.cursor = "pointer";
cityItem.style.padding = "5px";
cityItem.textContent = city;
cityItem.addEventListener("click", function() {
document.getElementById("cityInput").value = city;
document.getElementById("cityDropdown").style.display = "none";
});
cityList.appendChild(cityItem);
});
}
},
error:function(xhr,status,error)
{
console.log(error);
}
});
}*/
//console.log(cities);
// Populate city list
//city code end
</script>
<?php $__env->stopPush(); ?>
<?php echo $__env->make('layout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH F:\xampp\htdocs\visitor_management\resources\views/location/location-list.blade.php ENDPATH**/ ?>