|
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/ |
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">
<section class='main-section1'>
<!-- begin::page header -->
<div class="page-header d-flex justify-content-between align-items-center">
<div>
<h3> @php echo \App\Helpers\Frontend::lead_name(); @endphp</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">
<a href="{{ asset('leads/list') }}"> @php echo \App\Helpers\Frontend::lead_name(); @endphp</a>
</li>
<li class="breadcrumb-item">Details</li>
</ol>
</nav>
</div>
{{-- Convert To Deal or Edit --}}
{{-- <ul class='nav-item dropdown d-flex'>
<li>
<a href="javascript:;" data-toggle="modal" data-target="#convertToDealModal"
data-toggle="tooltip" data-original-title="Convert To Deal">
<span class="icon-block bg-blue text-white icon-block-floating icon-block-sm m-r-10">
<i class="fa fa-exchange" aria-hidden="true"></i>
</span>
</a>
</li>
<li data-bs-toggle="modal" data-bs-target="#edit_lead_modal" class='cursor-pointer'>
<span
class="icon-block bg-blue text-white icon-block-floating icon-block-sm m-r-10 cursor-pointer"
style='cursor:pointer;'>
<i class="fa fa-edit" aria-hidden="true"></i>
</span>
</li>
</ul> --}}
</div>
<!-- end::page header -->
<x-flashMessage />
@if ($errors->any())
<div class="alert alert-danger">
<ul>
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif
<div class="row">
<div class="col-md-4">
<div style="background-color: #ebf2f5" class="card">
<div class="card-body">
<div class="row row-sm">
{{-- Assigned --}}
<div class="col-md-12">
<p class="font-size-12 text-uppercase mb-2">Assigned Users</p>
@if (!$users->isEmpty())
@foreach ($users as $user)
<figure data-toggle="tooltip" data-original-title="{{ $user->name }}" class="avatar avatar-sm">
<span class="avatar-title bg-success rounded-circle">
{{ substr($user->name, 0, 1) }}
</span>
</figure>
@endforeach
@endif
{{-- Assign New User --}}
<?php if(Auth::user()->hasRole('admin') || Auth::user()->can('assign-user')){ ?>
<button data-toggle="modal" data-target="#myModal"
class="btn btn-outline-secondary btn-floating">
<i class="icon ti-plus fa-lg p-10"></i>
</button>
<?php } ?>
</div>
{{-- --}}
<div class="col-md-12">
{{-- Details --}}
<p class="font-size-12 text-uppercase mb-2 mt-3">Details
<button data-toggle="modal" data-target="#edit_lead_modal" style="border: none; outline: none;" class="link-1 bg-transparent pull-right text-uppercase font-size-12 border-0">
<i class="ti-pencil m-r-5"></i> Edit
</button>
</p>
<div class="clearfix"></div>
<ul class="list-group">
<li class="list-group-item">
<i class="icon ti-user mr-1"></i>
<span class="font-size-13 text-capitalize">{{ $leads->name ?? '' }}</span>
</li>
<li class="list-group-item">
<i class="icon ti-email font-size-13 mr-1"></i>Email:
<span class="font-size-13">{{ $leads->email ?? '' }}</span>
</li>
<li class="list-group-item">
<i class="icon fa fa-phone mr-1"></i>Phone:
<span style="font-weight: 500"
class="font-weight-bold">{{ $leads->phone ?? '' }}</span>
</li>
<li class="list-group-item">
<i class="icon ti-calendar mr-1"></i>Created:
<span style="font-weight: 500"
class="font-weight-bold">{{ isset($leads->created_at) ? date('d-M-Y', strtotime($leads->created_at )) : '' }}</span>
</li>
<li class="list-group-item">
<i class="icon ti-flag-alt mr-1"></i>Stage:
<span style="font-weight: 500">{{ $leads->stage_name ?? '' }}</span>
</li>
<li class="list-group-item">
<i class="icon ti-control-shuffle mr-1"></i>
Pipeline:
<span style="font-weight: 500;border-bottom: 1px dotted #000;"
class="text-capitalize">{{ $leads->pipeline_name ?? ''}}</span>
</li>
<li class="list-group-item">
<i class="icon ti-info-alt mr-1"></i>
Source:
@if (!empty($source_list))
@foreach ($source_list as $source)
<span
style="font-weight: 500;border-bottom: 1px dotted #000;"
class="text-capitalize border-dotted">{{ $source->name }}</span>
@endforeach
@else
<span
style="font-weight: 500;border-bottom: 1px dotted #000;"
class="text-capitalize border-dotted">NONE</span>
@endif
</li>
<li class="list-group-item">
<i class="icon ti-info-alt mr-1"></i>
Product:
@if (!empty($products))
@foreach ($products as $product)
<span
style="font-weight: 500;border-bottom: 1px dotted #000;"
class="text-capitalize border-dotted">{{ $product->name }}</span>
@endforeach
@endif
</li>
</ul>
</div>
<div class="row row-sm">
<div class="col-md-12">
<button data-toggle="modal" data-target="#convertToDealModal" style="width:100%" class="btn text-uppercase font-size-12 btn-outline-success mt-2">
<i class="icon ti-share-alt mr-2"></i>
Convert To Deal
</button>
</div>
<div class="col-md-12">
<button style="width:100%" lead-id="{{$lead_details_id }}" class="btn text-uppercase font-size-12 btn-outline-danger mt-2 lead-delete-btn">
<i class="icon ti-trash mr-2"></i>
Delete
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-8">
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="activity-tab" data-toggle="tab" href="#activity"
role="tab" aria-controls="activity" aria-selected="true">Activity</a>
</li>
<li class="nav-item">
<a class="nav-link" id="task-tab" data-toggle="tab" href="#task" role="tab"
aria-controls="task" aria-selected="false">Task</a>
</li>
<li class="nav-item">
<a class="nav-link" id="notes-tab" data-toggle="tab" href="#notes" role="tab"
aria-controls="notes" aria-selected="false">Notes</a>
</li>
<li class="nav-item">
<a class="nav-link" id="calls-tab" data-toggle="tab" href="#calls" role="tab"
aria-controls="calls" aria-selected="false">Calls</a>
</li>
<li class="nav-item">
<a class="nav-link" id="discussion-tab" data-toggle="tab" href="#discussion"
role="tab" aria-controls="discussion" aria-selected="false">Discussion</a>
</li>
</ul>
<div class="tab-content" id="myTabContent">
{{-- Activity --}}
<div class="tab-pane fade show active" id="activity" role="tabpanel"
aria-labelledby="activity-tab">
<div style="border-top: none" class="card">
<div class="card-header">
<span class="font-size-14">Activity Log</span>
<button data-toggle="modal" data-target="#taskModal" style="padding: 8px;"
class="btn btn-sm btn-outline-secondary btn-floating pull-right">
<i class="icon ti-plus"></i>
</button>
</div>
<div class="card-body">
<div class="table-responsive-sm">
@if (!$lead_activity_log->isEmpty())
@foreach ($lead_activity_log as $lead_activity)
<div class="timeline-item">
<div>
<figure class="avatar avatar-sm m-r-15 bring-forward">
<span
class="avatar-title bg-light text-success rounded-circle">
<i class="fa fa-pagelines font-size-20"></i>
</span>
</figure>
</div>
<div>
<h6>{{ $lead_activity->log_type }}</h6>
<p class="m-b-5">
@php
$remark = json_decode($lead_activity->remark);
@endphp
{{ $remark->title }}
</p>
<small class="text-muted">
<i class="fa fa-clock-o m-r-5"></i>
@php
$time = App\Helpers\Frontend::to_time_ago(
$lead_activity->created_at,
);
@endphp
{{ $time }}
</small>
</div>
</div>
@endforeach
@endif
</div>
</div>
</div>
</div>
{{-- End Activity --}}
{{-- Task --}}
<div class="tab-pane fade" id="task" role="tabpanel" aria-labelledby="task-tab">
<div style="border-top: none" class="card">
<div class="card-header">
<span class="font-size-14">Task Details</span>
<button data-toggle="modal" data-target="#taskModal" style="padding: 8px;"
class="btn btn-sm btn-outline-secondary btn-floating pull-right">
<i class="icon ti-plus"></i>
</button>
</div>
<div class="card-body">
<div class="table-responsive-sm">
<table class="table table-bordered table-condensed table-hover table-light">
<thead>
<tr>
<th scope="col">Name</th>
<th scope="col">date & Time</th>
<th scope="col">Priority</th>
<th scope="col">Status</th>
<th scope="col">Action</th>
</tr>
</thead>
@if (!empty($task_lists))
@foreach ($task_lists as $task_list)
<tr>
<td>{{ $task_list->name }}</td>
<td>{{ date('d-m-Y', strtotime($task_list->date)) }} : {{ $task_list->time }}
</td>
<td>{{ $task_list->priority }}</td>
<td>{{ $task_list->status }}</td>
{{-- <td>{{$product->price}}</td> --}}
<td><a
href="{{ asset('leads/task-delete/' . Request::segment(3) . '/' . $task_list->id) }}"><i
class="fa fa-trash text-danger"></i></a></td>
</tr>
@endforeach
@endif
</table>
</div>
</div>
</div>
</div>
{{-- Task END --}}
{{-- Notes --}}
<div class="tab-pane fade" id="notes" role="tabpanel" aria-labelledby="notes-tab">
<div style="border-top: none" class="card">
<div class="card-body">
<div class="form-group">
<textarea class="form-control" id="lead-notes" data-leadid="{{ $leads->id ?? '' }}" rows="3">{{ $leads->notes ?? '' }}</textarea>
</div>
<a href="{{asset('leads/details/'.$leads->id)}}" class="btn btn-dribbble btn-sm pull-right text-white">Update</a>
</div>
</div>
</div>
{{-- End Notes --}}
{{-- Calls --}}
<div class="tab-pane fade" id="calls" role="tabpanel" aria-labelledby="calls-tab">
<div style="border-top: none" class="card">
<div class="card-header">
<span class="font-size-14">Call Details</span>
<button data-toggle="modal" data-target="#callModal" style="padding: 8px;"
class="btn btn-sm btn-outline-secondary btn-floating pull-right">
<i class="icon fa fa-phone"></i>
</button>
</div>
<div class="card-body">
<table class="table table-bordered table-condensed table-hover table-light">
<thead>
<tr role="row">
<th class="sorting_asc" tabindex="0" aria-controls="example1"
rowspan="1" colspan="1" style="width: 175px;"
aria-sort="ascending"
aria-label="Name: activate to sort column descending">Subject</th>
<th class="sorting" tabindex="0" aria-controls="example1"
rowspan="1" colspan="1" style="width: 256px;"
aria-label="Position: activate to sort column ascending">Call Type
</th>
<th class="sorting" tabindex="0" aria-controls="example1"
rowspan="1" colspan="1" style="width: 133px;"
aria-label="Office: activate to sort column ascending">Duration
</th>
<th class="sorting" tabindex="0" aria-controls="example1"
rowspan="1" colspan="1" style="width: 133px;"
aria-label="Office: activate to sort column ascending">user</th>
<th class="sorting" tabindex="0" aria-controls="example1"
rowspan="1" colspan="1" style="width: 133px;"
aria-label="Office: activate to sort column ascending">Actions</th>
</tr>
</thead>
@if (!$lead_calls->isEmpty())
@foreach ($lead_calls as $lead_call)
<tr>
<td>{{ $lead_call->subject }}</td>
<td>{{ $lead_call->call_type }}</td>
<td>{{ \Carbon\Carbon::parse($lead_call->duration)->format('h:i A') }}</td>
<td>{{ $lead_call->name }}</td>
<td><a
href="{{ asset('leads/call_delete/' . Request::segment(3) . '/' . $lead_call->id) }}"><i
class="fa fa-trash text-danger"></i></a></td>
</tr>
@endforeach
@endif
<tbody>
</table>
</div>
</div>
</div>
{{-- End Calls --}}
{{-- Discussion --}}
<div class="tab-pane fade" id="discussion" role="tabpanel" aria-labelledby="discussion-tab">
<div style="border-top: none" class="card">
<div class="card-header">
<span class="font-size-14">Discussion</span>
<button data-toggle="modal" data-target="#discussionModal" style="padding: 8px;"
class="btn btn-sm btn-outline-secondary btn-floating pull-right">
<i class="icon ti-plus"></i>
</button>
</div>
<div class="card-body">
<div class="table-responsive-sm">
<table class="table table-bordered table-condensed table-hover table-light">
<thead>
<tr>
<th scope="col">Name</th>
<th scope="col">Action</th>
</tr>
</thead>
@if (!empty($lead_discussions))
@foreach ($lead_discussions as $lead_discussion)
<tr>
<td scope="col">{{ $lead_discussion->comment }}</td>
<td><a
href="{{ asset('leads/discussion_delete/' . Request::segment(3) . '/' . $lead_discussion->id) }}"><i
class="fa fa-trash text-danger"></i></a></td>
</tr>
@endforeach
@endif
</table>
</div>
</div>
</div>
</div>
{{-- End Discussion --}}
</div>
</div>
</div>
</main>
<div class="modal fade" id="exampleModal2" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="">Import Lead CSV file</h5>
<button type="button" class="btn-close bg-blue text-white" data-bs-dismiss="modal"
aria-label="Close"style='border:none;margin-right:10px;'>
<i class="fa fa-times" aria-hidden="true"></i>
</button>
</div>
<div class="modal-body">
<div class="d-flex">
<p>Download sample Lead CSV file</p>
<button class="btn btn-primary waves-effect waves-button waves-light" type="submit"
style='margin-left:20px;'>Submit form</button>
</div>
<div class="form-group">
<label for="exampleFormControlFile1">Example file input</label>
<input type="file" class="form-control-file" id="exampleFormControlFile1">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-primary">Create</button>
</div>
</div>
</div>
</div>
@include('leads.modal.lead_user_modal')
@include('leads.modal.lead_sources_modal')
@include('leads.modal.lead_product_modal')
{{-- @include('leads.modal.lead_mailtemplate') --}}
@include('leads.modal.lead_discussion_modal')
@include('leads.modal.lead_call_modal')
@include('leads.modal.lead_task_modal')
@include('leads.modal.convert_to_deal')
@include('leads.modal.edit_lead_modal')
<!-- end::main content -->
@endsection
@push('footer-script')
<!-- begin::dataTable -->
<!-- end::dataTable -->
<script>
$(document).ready(function() {
$('#lead-notes').keyup(function() {
var leadid = $(this).attr('data-leadid');
var notes = $('textarea#lead-notes').val();
// console.log(message);
// return false;
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
$.ajax({
type: "post",
data: {
"leadid": leadid,
"notes": notes,
},
url: "{{ asset('leads/update-notes') }}",
dataType: "html",
success: function(result) {
console.log(result);
},
});
});
$('select').select2({});
$("#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
$(".lead-delete-btn").click(function() {
var lead_id = $(this).attr("lead-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": lead_id,
"details":"yes"
},
url: "{{ asset('leads/delete') }}",
dataType: "html",
success: function(result) {
//console.log(result);
swal("success!", "Successfully deleted!", "success");
var hostname = window.location.hostname;
var newPath = "/leads/list";
// Construct the new URL
var newUrl = window.location.protocol + "//" + hostname + newPath;
// Redirect to the new URL
window.location.href = newUrl;
},
error: function(error) {
swal("Failed !", "Failed !", "error");
// window.location.reload();
}
});
}
});
});
$(".input_file_upload").on("change", function() {
$(".import-company-form").submit();
});
// Delete Multiple
$(".multiple-delete-btn").click(function() {
var URL = "{{ asset('distributor-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_pipeline").on("change", function() {
var change_pipeline = $('.change_pipeline').val();
alert(change_pipeline);;
});
//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);
}
});
});
$(".main-section").hide();
$(".ghm-hotel").click(function() {
$(".main-section").show();
$(".main-section1").hide();
});
</script>
@endpush