|
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/resources/views/leads_old/leads/ |
Upload File : |
@extends('layout')
@section('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">
<div class="toast d-none float-right" >
<div class="toast-body bg-success text-white">
<i class="fa fa-check fa-lg"></i>  Status Update Successfully
</div>
</div>
<!-- begin::page header -->
<div class="page-header">
<h3>Lead List</h3>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="{{ asset('dashboard') }}">{{ __('message.dashboard') }}</a></li>
<li class="breadcrumb-item active" aria-current="page">{{ __('message.list') }}</li>
</ol>
</nav>
</div>
<!-- end::page header -->
<div class="card">
<div class="card-header">
@if ($errors->any())
@foreach ($errors->all() as $error)
<div>{{$error}}</div>
@endforeach
@endif
<div class="row">
<div class="col-md-6 py-3">
<form action="{{asset('leads/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="{{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="{{asset('leads/list')}}">
<div class="form-group">
<label>{{__('message.name')}} </label>
<input value="{{isset($_GET['name']) ? $_GET['name'] : null}}" type="text" name="name" class="form-control" id="name">
</div>
<div class="form-group">
<label> {{__('message.email')}}</label>
<input type="text" name="email" value="{{isset($_GET['email']) ? $_GET['email'] : null}}" class="form-control" id="email">
</div>
<div class="row">
<div class="form-group col-6">
<label>{{__('message.phone')}}</label>
<input type="text" value="{{isset($_GET['mobile']) ? $_GET['mobile'] : null}}" name="mobile" class="form-control" id="mobile">
</div>
</div>
<div class="row">
<div class="form-group col-6">
<label>{{__('message.start')}} {{__('message.date')}}</label>
<input type="date" name="start_date" value="{{isset($_GET['start_date']) ? $_GET['start_date'] : null}}" class="form-control" id="start_date">
</div>
<div class="form-group col-6">
<label>{{__('message.end')}} {{__('message.date')}}</label>
<input type="date" name="end_date" value="{{isset($_GET['end_date']) ? $_GET['end_date'] : null}}" class="form-control" id="end_date">
</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">{{__('message.apply')}}</button>
<a href="{{asset('users')}}" class="btn btn-primary-lux px-5 clear-button text-white">{{__('message.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 Users" 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-bs-toggle="modal" data-bs-target="#leadModal"
class="btn btn-primary-lux text-uppercase text-white mr-2">
<i class="fa fa-plus pr-2"></i>{{__('message.new')}}
</a>
<a data-toggle="tooltip" data-original-title="Export Users"
href="{{ asset('export-users') }}"
class="btn btn-white-lux text-uppercase mr-2"><i
class="fa fa-download pr-2"></i>
{{__('message.export')}}
</a>
<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">
@if (isset($leads))
<div class="table-responsive">
<table class="table table-bordered" >
<thead style="background-color:#E9EEF1">
<tr>
<th>
<input type="checkbox" id="checkAll" />
</th>
<th>Si</th>
<th>name</th>
<th>Course</th>
<th>Stage</th>
<th>User</th>
<th>Created On</th>
<th>{{ __('message.action') }}</th>
</tr>
</thead>
<tbody>
@if (!empty($leads))
@foreach ($leads as $key=>$lead)
<tr>
<th>
<input type="checkbox" name="checkbox[]" class="userids" value="{{$lead->id}}" />
</th>
<td>{{++$key}}</td>
<td>{{$lead->name}}</td>
<td>{{$lead->product_name}}</td>
<td>{{$lead->stage}}</td>
<td>{{$lead->user_name}}</td>
<td>
<span class="btn btn-success btn-sm">
{{ date('d-m-Y', strtotime($lead->created_at)) }}
</span>
</td>
<td>
<div class="btn-group">
{{-- @if (Auth::user()->can('edit-user') || Auth::user()->type=="superadmin" || Auth::user()->type=="admin") --}}
<a class="btn btn-sm btn-primary text-white"
data-toggle="tooltip" data-original-title="Lead Detail"
href="{{ asset('leads/details/'.$lead->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 Lead"
href="{{ asset('leads/edit-lead/'.$lead->id) }}"><i
class="fa fa-edit fa-lg"></i>
</a>
<buttton class="btn btn-sm btn-danger text-white emp-delete-btn"
data-toggle="tooltip" data-original-title="Delete Lead"
emp_id="{{$lead->id}}">
<i class="fa fa-trash fa-lg"></i>
</button>
{{-- @endif --}}
</div>
</td>
</tr>
@endforeach
@else
<h1>No Record Found!!</h1>
@endif
</tbody>
</table>
</div>
@endif
</div>
</div>
</div>
</main>
@include('leads.modal.create_modal')
<!-- end::main content -->
@endsection
@push('footer-script')
<!-- begin::dataTable -->
<!-- end::dataTable -->
<script>
$(document).ready(function() {
$("#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");
}
});
//employee delte button code
$(".emp-delete-btn").click(function(){
var emp_id = $(this).attr("emp_id");
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: {
"emp_id": emp_id
},
url: "{{asset('leads/delete')}}",
dataType: "html",
success: function(result) {
//console.log(result);
swal("success!", "Successfully deleted!", "success");
window.location.reload();
},
error:function(error)
{
swal("Failed !", "Failed !", "error");
window.location.reload();
}
});
}
});
});
$(".input_file_upload").on("change",function(){
$(".import-company-form").submit();
});
$(".import-company-form").on("submit", function(event) {
// Prevent the default form submission
event.preventDefault();
$.ajax({
type: "POST",
url: "{{asset('import-users')}}",
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'>Employee 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
$(".multiple-delete-btn").click(function() {
var URL = "{{ asset('users-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();
},
error:function(xhr,status,error)
{
swal("failed!", "Failed !", "error");
window.location.reload();
}
});
}
});
});
});
$(".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");
}
});
//change status code
$(".status-change").on("change",function(){
var check_val = 0;
if( $(this).is(":checked"))
{
check_val = 1;
}
var id = $(this).val();
$.ajax({
type: "post",
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
url: "{{asset('change-user-status')}}",
data:{
user_id:id,
status:check_val
},
dataType: "html",
success: function(result)
{ console.log(result);
var allData = JSON.parse(result);
if(allData.message=="success")
{
$('.toast').removeClass('d-none');
$('.toast').toast('show');
}
else
{
var div = `
<div class="toast-body bg-danger text-white">
<i class="fa fa-times-circle-o fa-lg"></i>  Status Update Failed
</div>
`;
$('.toast').removeClass('d-none');
$('.toast').toast('show');
$('.toast').html(div);
}
},
error:function(xhr,status,error)
{
console.log(error);
var div = `
<div class="toast-body bg-danger text-white">
<i class="fa fa-times-circle-o fa-lg"></i>  Status Update Failed
</div>
`;
$('.toast').removeClass('d-none');
$('.toast').toast('show');
$('.toast').html(div);
}
});
});
</script>
@endpush