Files
freeu-project/resources/views/Admin/Pages/manage_leads/edit-lead.blade.php
meghamalore efd5649f86 bugs fixes
2024-06-10 16:34:37 +05:30

4079 lines
161 KiB
PHP

@extends('Admin.layouts.master')
@section('title', 'Manage Leads')
@section('style')
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.css">
<link rel="stylesheet" href="https://cdn.rawgit.com/t4t5/sweetalert/v0.2.0/lib/sweet-alert.css">
<style>
.required:after {
content: "*";
position: relative;
font-size: inherit;
color: var(--kt-danger);
padding-left: 0.25rem;
font-weight: 600;
}
tr.\'title td {
color: #000000;
}
.lead-info tr {
display: grid;
width: auto;
}
.title {
display: flex;
justify-content: space-between;
}
.lead-info tbody {
display: flex;
}
.lead-info tr.title td {
font-weight: bold;
color: #000;
font-size: 15px;
}
tr.title {
width: 15rem;
}
.lead-info tr td {
margin-bottom: 20px;
width: 100%;
color: #8B9AB4;
}
.lead-info table {
width: 100%;
}
tr.\'title {
margin-right: 4rem;
text-align: left;
}
.lead-info svg.svg-inline--fa.fa-square-phone {
margin-right: 10px;
}
.add-note input#fname {
width: 74%;
padding: 15px;
/* margin-left: 15px; */
border-radius: 10px;
border: 1px solid #d7d9e1e0;
}
.notes {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 15px 0;
position: relative;
}
.notes a {
padding: 13px 40px;
border-radius: 10px;
}
.main-notes {
border: 1px solid #d7d9e1e0;
border-radius: 10px;
width: 90%;
margin: auto;
margin-bottom: 30px;
}
.add-note {
margin: 24px 0;
}
#my_notes {
width: 100%;
padding: 10px 0;
text-align: center;
margin-top: 20px;
display: none;
position: absolute;
background: #fff;
width: 25%;
top: 73%;
border-radius: 1rem;
right: 2%;
box-shadow: 0px 3px 6px 0px;
}
#my_notes p:hover {
background-color: #87ceeba6;
}
.notes button {
padding: 10px 30px;
border-radius: 10px;
border: 1px solid #338cf0;
}
.notes svg.svg-inline--fa.fa-caret-down {
margin-left: 10px;
}
.notes p {
padding: 15px;
}
.Activities {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 15px 0;
position: relative;
}
.Activities a {
padding: 13px 40px;
border-radius: 10px;
color: #000;
}
.Activities button {
padding: 10px 30px;
border-radius: 10px;
border: 1px solid #338cf0;
}
.call-main {
align-items: center;
justify-content: space-between;
position: relative;
}
.call-main a {
padding: 13px 40px;
border-radius: 10px;
color: #000;
}
.call-main button {
padding: 10px 30px;
border-radius: 10px;
border: 1px solid #338cf0;
}
#activ_drop {
width: 100%;
padding: 10px 0;
text-align: center;
margin-top: 12px;
display: none;
position: absolute;
background: #fff;
width: 21%;
top: 73%;
border-radius: 1rem;
right: 2%;
box-shadow: 0px 3px 6px 0px;
}
#activ_drop p:hover {
background-color: #87ceeba6;
}
#call_drop {
width: 100%;
padding: 10px 0;
text-align: center;
margin-top: 50px;
display: none;
position: absolute;
background: #fff;
width: 22%;
/*top: 223%;*/
border-radius: 1rem;
right: 23%;
box-shadow: 0px 3px 6px 0px;
}
#call_drop p:hover {
background-color: #87ceeba6;
}
.Activities svg.svg-inline--fa.fa-caret-down {
margin-left: 10px;
}
.Activities p {
padding: 10px 0;
}
.main-Activities {
border: 1px solid #d7d9e1e0;
border-radius: 10px;
width: 90%;
margin: auto;
margin-bottom: 30px;
}
.Details {
padding: 0 20px 40px 20px;
}
.Details h4 {
border-bottom: 1px solid #d7d9e1e0;
padding: 8px 0;
}
.Attachments {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 15px 0;
position: relative;
}
.Attachments a {
padding: 0px;
border-radius: 10px;
}
.main-attachments {
border: 1px solid #d7d9e1e0;
border-radius: 10px;
width: 90%;
margin: auto;
margin-bottom: 30px;
}
.attach {
text-align: center;
/* margin-bottom: 6rem; */
}
.main-attachments .attach h5 {
color: #8B9AB4;
}
.activ {
padding: 40px 20px;
}
#myDIV {
width: 100%;
padding: 10px 0;
text-align: center;
margin-top: 12px;
display: none;
position: absolute;
background: #fff;
width: 21%;
top: 73%;
border-radius: 1rem;
right: 2%;
box-shadow: 0px 3px 6px 0px;
}
.accordion-item .accordion-button::after {
transform: rotate(0deg);
}
#myDIV p:hover {
background-color: #87ceeba6;
}
.Attachments button {
padding: 10px 30px;
border-radius: 10px;
border: 1px solid #338cf0;
}
.Attachments svg.svg-inline--fa.fa-caret-down {
margin-left: 10px;
}
.Attachments p {
padding: 10px;
}
.main-Activities .activ h5 {
color: #8b9ab9;
}
.btn-check:active+.btn.btn-light-primary,
.btn-check:checked+.btn.btn-light-primary,
.btn.btn-light-primary.active,
.btn.btn-light-primary.show,
.btn.btn-light-primary:active:not(.btn-active),
.btn.btn-light-primary:focus:not(.btn-active),
.btn.btn-light-primary:hover:not(.btn-active),
.show>.btn.btn-light-primary {
color: var(--bs-link-color);
background-color: #ffffff !important;
}
.add_link input#fname {
width: 100%;
padding: 15px;
margin-left: 15px;
border-radius: 10px;
border: 1px solid #80808069;
height: 40px;
}
.enter-url {
display: flex;
align-items: center;
justify-content: start;
}
.add_link {
width: 75%;
}
.modal-content.task-modal {
width: 70%;
margin: auto;
}
.modal-content.attach-file {
width: 60%;
margin: auto;
}
.fv-row.row.bg-light.p-5.modal-rounded.inside-area {
height: 100px;
}
.tabdiv {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #80808069;
}
.tabdiv label {
box-sizing: border-box;
padding: 19px 6px 6px 0 !important;
color: var(--labelColor);
display: inline-block;
width: 50%;
line-height: 24px;
}
.tabdiv input {
color: var(--baseColor);
width: 50%;
vertical-align: bottom;
display: inline-block;
position: relative;
padding: 19px 0 5px !important;
top: 1px;
transition: .3s;
border: none;
}
.owner-tab {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #80808069;
}
.owner-tab label {
box-sizing: border-box;
padding: 19px 6px 6px 0 !important;
color: var(--labelColor);
display: inline-block;
width: 50%;
line-height: 24px;
}
.owner-tab input {
color: var(--baseColor);
width: 50%;
vertical-align: bottom;
display: inline-block;
position: relative;
padding: 19px 0 5px !important;
top: 1px;
transition: .3s;
border: none;
}
select#cars {
border: none;
}
.from-search form.example input[type=text] {
padding: 10px;
font-size: 17px;
border: 1px solid grey;
float: right;
width: 80%;
background: #fff;
box-sizing: border-box;
border-radius: 10px;
}
.from-search form.example button {
float: left;
width: 20%;
padding: 6px;
background: #2196F3;
color: white;
font-size: 16px;
border: 1px solid grey;
border-left: none;
cursor: pointer;
}
.from-search form.example::after {
content: "";
clear: both;
display: table;
}
</style>
@endsection
@section('content')
<div class="app-main flex-column flex-row-fluid" id="kt_app_main">
<div class="d-flex flex-column flex-column-fluid">
<div id="kt_app_content_container" class="app-container container-xxl">
<div class="row max-w-100 index_table mt-10">
<div class="top_header d-flex justify-content-between">
<p class='fs-2 fw-bold'>Edit Details</p>
<div class="table_right_options " style="text-align:right">
<!--if()-->
<a class="btn btn-primary me-3 backRouteAnchorTag" href="{{ route('manage_leads') }}">Back</a>
</div>
</div>
<div class="dataTable_area my-5 mb-0">
<div class="card">
<div class="card-header border-0 pt-0 h-0">
<div class="card-toolbar">
<div class="d-flex justify-content-end" data-kt-user-table-toolbar="base">
<div class="d-flex justify-content-end align-items-center d-none"
data-kt-user-table-toolbar="selected">
<button type="button" class="btn btn-danger"
data-kt-user-table-select="delete_selected">Delete Selected</button>
</div>
</div>
</div>
</div>
<div class="card-body">
<div class="d-flex flex-column scroll-y me-n7 pe-7" id="kt_modal_update_role_scroll"
data-kt-scroll="true">
<div class="lead-text">
<h4 class="fw-bold fs-2 mb-10">Lead Information</h4>
</div>
</div>
<div class="row main-lead">
<form id="update_lead_form">
@csrf
<input type="hidden" name="lead_id" value='{{ $lead->id }}' />
<div class="">
<div class="row add_category_area">
<div class="col-md-6">
<div class="form-box mb-5">
<label class=" required fs-6 fw-semibold form-label mt-3">
<span>Lead Owner</span>
</label>
<select name="lead_owner" id="" class="form-select">
<option value="">Select a Lead Owner</option>
@foreach ($users as $data)
<option value="{{ $data->id }}"
{{ $lead->lead_owner == $data->id ? 'selected' : '' }}>
{{ $data->name }}</option>
@endforeach
</select>
</div>
<div class="form-box mb-5">
<label class="fw-semibold form-label mt-3">
<span>Products</span>
</label>
<select name="products_id" id="" class="form-select">
<option value="">Select a Product</option>
@foreach (getAllProductNames() as $data)
<option value="{{ $data->id }}"
{{ $lead->products_id == $data->id ? 'selected' : '' }}>
{{ $data->product_name }}</option>
@endforeach
</select>
</div>
{{-- <div class="form-box mb-5">
<label class="fs-6 fw-semibold form-label mt-3">
<span>Lead Name</span>
</label>
<input type="text" class="form-control form-control-solid"
name="first_name" value='{{ $lead->first_name }}' />
</div> --}}
<div class="form-box mb-5">
<label class="fs-6 fw-semibold form-label mt-3">
<span>Email</span>
</label>
<input type="text" class="form-control form-control-solid"
name="email" value='{{ $lead->email }}' />
</div>
<div class="form-box mb-5">
<label class="fs-6 fw-semibold form-label mt-3">
<span>Website</span>
</label>
<input type="text" class="form-control form-control-solid"
name="website" value='{{ $lead->website }}' />
</div>
<div class="form-box mb-5">
<label class="fs-6 fw-semibold form-label mt-3">
<span>Lead Status</span>
</label>
<!-- <select class="form-select" name="lead_status"
data-placeholder="Select a Lead Status">
<option value="New"
{{ $lead->lead_status == 'New' ? 'selected' : '' }}>New
</option>
<option value="Ongoing"
{{ $lead->lead_status == 'Ongoing' ? 'selected' : '' }}>
Ongoing
</option>
<option value="Completed"
{{ $lead->lead_status == 'Completed' ? 'selected' : '' }}>
Completed</option>
<option value="Old"
{{ $lead->lead_status == 'Old' ? 'selected' : '' }}>Old
</option>
<option value="Lost"
{{ $lead->lead_status == 'Lost' ? 'selected' : '' }}>Lost
</option>
</select> -->
<select
class="form-select form-select-solid lead_status select2-hidden-accessible"
data-control="select2" data-hide-search="true"
data-placeholder="Select a Lead Status" tabindex="-1"
aria-hidden="true" data-kt-initialized="1" name="lead_status">
<option value="New"
{{ $lead->lead_status == 'New' ? 'selected' : '' }}>New
</option>
<option value="Ongoing"
{{ $lead->lead_status == 'Ongoing' ? 'selected' : '' }}>
Ongoing
</option>
<option value="Completed"
{{ $lead->lead_status == 'Completed' ? 'selected' : '' }}>
Completed</option>
<option value="Old"
{{ $lead->lead_status == 'Old' ? 'selected' : '' }}>Old
</option>
<option value="Lost"
{{ $lead->lead_status == 'Lost' ? 'selected' : '' }}>Lost
</option>
</select>
</div>
{{-- <div class="form-box mb-5">
<label class="fs-6 fw-semibold form-label mt-3">
<span>Last Name</span>
</label>
<input type="text" class="form-control form-control-solid" onkeydown="return /^[a-zA-Z\s]+$/i.test(event.key)" name="last_name" value='{{$lead->last_name}}' />
</div> --}}
<div class="form-box mb-5">
<label class="fs-6 fw-semibold form-label mt-3">
<span>Mobile</span>
</label>
<input type="text" class="form-control form-control-solid"
name="mobile" value='{{ $lead->mobile }}' />
</div>
<div class="form-box mb-5">
<label class="fs-6 fw-semibold form-label mt-3">
<span>Lead Source</span>
</label>
{{-- <input type="text" class="form-control form-control-solid"
name="lead_source" value='{{ $lead->lead_source }}' /> --}}
<select id="lead_source" name="lead_source" data-control="select2"
class="form-control form-control-solid">
<option value="" disabled selected>Select Lead Source
</option>
<option value="Direct">Direct</option>
<option value="Referral">Referral</option>
<option value="Website Visitor">Website Visitor</option>
<option value="Email Marketing">Email Marketing</option>
<option value="Cold calling">Cold calling</option>
<option value="Social Media">Social Media</option>
<option value="Third-Party Lead Providers">Third-Party Lead
Providers</option>
<option value="Webinar & Events">Webinar & Events</option>
<option value="Others">Others</option>
{{-- @foreach ($users as $data) --}}
{{-- <option
value="{{ $data->id }}"{{ $lead->lead_source == $data->id ? 'selected' : '' }}>
{{ $data->name }}
</option> --}}
{{-- @endforeach --}}
</select>
</div>
<div class="form-box mb-5">
<label class="fs-6 fw-semibold form-label mt-3">
<span>No. of Employees</span>
</label>
<input type="number" class="form-control form-control-solid"
name="total_employees"
value='{{ $lead->total_employees }}' />
</div>
{{-- <div class="form-box mb-5">
<label class="fs-6 fw-semibold form-label mt-3">
<span>Lead Name</span>
</label>
<input type="text" class="form-control form-control-solid"
name="first_name" value='{{ $lead->first_name }}' />
</div> --}}
</div>
<div class="col-md-6">
<div class="form-box mb-5">
<label class=" fw-semibold form-label mt-3">
<span>Investor</span>
</label>
<input type="text" class="form-control form-control-solid"
name="user_name" readonly value='{{ $lead->user->name }}' />
<input type="text"
class="form-control form-control-solid d-none" name="users_id"
readonly value='{{ $lead->user->id }}' />
{{-- <select name="users_id" id="" class="form-select">
<option value="">Select an Investor</option> --}}
{{-- @foreach ($investor as $data)
<option value="{{ $data->id }}"
{{ $lead->users_id == $data->id ? 'selected' : '' }}>
{{ $data->name }}</option>
@endforeach --}}
{{-- </select> --}}
</div>
<div class="form-box mb-5">
<label class="fs-6 fw-semibold form-label mt-3">
<span>Company</span>
</label>
<input type="text" class="form-control form-control-solid"
name="lead_company" value='{{ $lead->lead_company }}' />
</div>
<div class="form-box mb-5">
<label class="fs-6 fw-semibold form-label mt-3">
<span>Title</span>
</label>
<input type="text" class="form-control form-control-solid"
name="title" value='{{ $lead->title }}' />
</div>
<div class="form-box mb-5">
<label class="fs-6 fw-semibold form-label mt-3">
<span>Phone</span>
</label>
<input type="text" class="form-control form-control-solid"
name="phone" value='{{ $lead->phone }}' />
</div>
<div class="form-box mb-5">
<label class="fs-6 fw-semibold form-label mt-3">
<span>Full Name</span>
</label>
<input type="text" class="form-control form-control-solid"
onkeydown="return /^[a-zA-Z\s]+$/i.test(event.key)"
name="first_name" value='{{ $lead->first_name }}' />
</div>
<div class="form-box mb-5">
<label class="fs-6 fw-semibold form-label mt-3">
<span>Annual Revenue</span>
</label>
<input type="number" class="form-control form-control-solid"
name="annual_revenue" value='{{ $lead->annual_revenue }}' />
</div>
<div class="form-box mb-5">
<label class="fs-6 fw-semibold form-label mt-3">
<span>Industry</span>
</label>
<input type="text" class="form-control form-control-solid"
name="industry" value='{{ $lead->industry }}' />
</div>
{{-- <div class="form-box mb-5">
<label class="fs-6 fw-semibold form-label mt-3">
<span>No. of Employees</span>
</label>
<input type="number" class="form-control form-control-solid"
name="total_employees" value='{{ $lead->total_employees }}' />
</div>
<div class="form-box mb-5">
<label class="fs-6 fw-semibold form-label mt-3">
<span>Lead Name</span>
</label>
<input type="text" class="form-control form-control-solid"
name="first_name" value='{{ $lead->first_name }}' />
</div> --}}
{{-- <div class="form-box mb-5">
<label class="fs-6 fw-semibold form-label mt-3">
<span>No. of Employees</span>
</label>
<input type="number" class="form-control form-control-solid"
name="total_employees"
value='{{ $lead->total_employees }}' />
</div> --}}
</div>
</div>
<h4 class="fw-bold fs-2 mb-5 mt-10">Address Information</h4>
<div class="">
<div class="row add_category_area">
<div class="col-md-6">
<div class="form-box mb-5">
<label class="fs-6 fw-semibold form-label mt-3">
<span>Street</span>
</label>
<input type="text" class="form-control form-control-solid"
name="street" value='{{ $lead->street }}' />
</div>
<div class="form-box mb-5">
<label class="fs-6 fw-semibold form-label mt-3">
<span>State</span>
</label>
<input type="text" class="form-control form-control-solid"
name="state" value='{{ $lead->state }}' />
</div>
</div>
<div class="col-md-6">
<div class="form-box mb-5">
<label class="fs-6 fw-semibold form-label mt-3">
<span>City</span>
</label>
<input type="text" class="form-control form-control-solid"
name="city" value='{{ $lead->city }}' />
</div>
<div class="form-box mb-5">
<label class="fs-6 fw-semibold form-label mt-3">
<span>Zip Code</span>
</label>
<input type="text" class="form-control form-control-solid"
name="zip_code" value='{{ $lead->zip_code }}' />
</div>
</div>
<div class="col-md-6">
<div class="form-box mb-5">
<label class="fs-6 fw-semibold form-label mt-3">
<span>Country</span>
</label>
<input type="text" class="form-control form-control-solid"
name="country" value='{{ $lead->country }}' />
</div>
</div>
</div>
</div>
<h4 class="fw-bold fs-2 mb-5 mt-10">Product Information</h4>
<div class="col-md-12">
<div class="lead-info">
<div class="row mb-4">
<div class="col-md-12 mt-8">
<label class=" fs-6 mb-2">Description</label>
<textarea class="form-control form-control form-control-solid min-h-100px" data-kt-autosize="true"
name="description">{{ $lead->description }}</textarea>
</div>
<!--end::Col-->
</div>
</div>
</div>
<div class="mb-4 mt-3 text-center">
<button type="submit" class="btn btn-primary text-light ">Update</button>
</div>
</form>
<div class="col-md-6">
<div class="lead-info">
<table>
<tbody>
</tbody>
</table>
</div>
</div>
<div class="main-notes">
<div class="notes">
<div>
<h4 class="fw-bold fs-2 mb-0px">Notes</h4>
</div>
{{-- <select name="cars" id="cars">
<option value="volvo">Recent First</option>
<option value="saab">Recent Last</option>
</select> --}}
</div>
<form id="add-notes">
@csrf
<input type="hidden" name="leads_id" value="{{ $lead->id }}">
<div class="add-note p-4 mt-0">
<input class="w-100" type="text" id="fname" name="notes"
placeholder="Add a note..."
value="{{ $lead->notes[0]->notes ?? '' }}">
</div>
<div class="modal-footer d-flex justify-content-center add-btn m-5">
<button type="submit" class="btn btn-primary text-light "
id="save-notes">Save</button>
</div>
</form>
</div>
<div class="main-attachments">
<div class="Attachments">
<div>
<h4 class="fw-bold fs-2 mb-10">Attachments</h4>
</div>
<button type="button" onclick="myFunction()">Attach<i
class="fa fa-caret-down" aria-hidden="true"></i></button>
<div id="myDIV" style="z-index:1">
<p><a data-bs-toggle="modal" data-bs-target="#attach_upload">Upload
File</a></p>
<p><a data-bs-toggle="modal" data-bs-target="#attach_link">Link(URL)</a>
</p>
</div>
</div>
<div class="attach">
<div class="card">
<ul class="list-group list-group-flush">
@forelse($lead->attachment as $data)
@if ($data->type == 'Image')
<li class="list-group-item pb-5 mb-5">
@php($path = ['path' => $data->path])
{{-- @dd($path) --}}
{{-- <a type="button" class="btn btn-primary text-light " href="{{ route('lead-attachment-download', ['path' => $path]) }}">
Download
Filesss</a> --}}
<div>
@php($fileName = basename($path['path']))
<a type="button" class="btn btn-primary text-light "
href="{{ route('lead-attachment-download', ['path' => $path]) }}">{{ $fileName }}
-> File {{ $loop->iteration }}</a>
<!-- Add your delete icon here -->
<i class="fa fa-trash" style="margin-left:10px;"
data-id="{{ $data->id }}"
data-count="{{ $loop->iteration }}"
aria-hidden="true" id="delete_file"></i>
</div>
<br>By {{ $data->admin->name }} At
{{ $data->created_at->format('H:i:s d/m/y') }}
</li>
@else
<li class="list-group-item"><a
href="{{ $data->path }}">{{ $data->path }}</a>
<br>By {{ $data->admin->name }} At
{{ $data->created_at->format('H:i:s d/m/y') }}
</li>
@endif
@empty
<h5>No Attachment</h5>
@endforelse
</ul>
</div>
</div>
</div>
<div class="main-Activities">
<div class="Activities">
<div>
<h4 class="fw-bold fs-2 mb-10">Open Activities</h4>
</div>
<button type="button" onclick="activate()">Add New<i
class="fa fa-caret-down" aria-hidden="true"></i></button>
<div id="activ_drop" style="z-index:1">
<p><a data-bs-toggle="modal" data-bs-target="#active_task">Task</a></p>
<p><a data-bs-toggle="modal" data-bs-target="#active_Meeting">Meeting</a>
</p>
</div>
</div>
<div class="call-main" style="z-index:1">
<div id="call_drop">
<p><a data-bs-toggle="modal" data-bs-target="#schedule_call">Schedule a
Call</a></p>
<p><a data-bs-toggle="modal" data-bs-target="#log_call">Log a Call</a></p>
</div>
</div>
<div class="activ">
<div class="accordion" id="accordionExample">
@php($openActivity = false)
@forelse($lead->tasks_meetings as $data)
@php($openActivity = true)
@if ($data->status == 0)
<div class="row">
<div class="col-lg-10">
<div class="accordion-item mb-3">
<h2 class="accordion-header"
id="heading{{ $data->id }}">
<button class="accordion-button" type="button"
data-bs-toggle="collapse"
data-bs-target="#collapseTasksOpen{{ $data->id }}"
aria-expanded="true"
aria-controls="collapseTasksOpen{{ $data->id }}">
{{ $data->type }} Created By
{{ $data->admin->name }}
</button>
</h2>
<div id="collapseTasksOpen{{ $data->id }}"
class="accordion-collapse collapse "
aria-labelledby="heading{{ $data->id }}"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<ul class="list-group">
@if ($data->type == 'Task')
<li class="list-group-item">Subject -
{{ $data->subject }}</li>
<li class="list-group-item">Due Date -
{{ $data->due_date ? $data->due_date->format('d/m/Y') : '' }}
</li>
<li class="list-group-item">Priority -
{{ $data->priority }}</li>
<li class="list-group-item">Owner -
{{ $data->admin->name }}</li>
<li class="list-group-item">Reminder -
{{ $data->reminder }}</li>
@else
<li class="list-group-item">Location -
{{ $data->location }}</li>
<li class="list-group-item">From -
{{ $data->from->format('d/m/Y H:i:s') }}
</li>
<li class="list-group-item">To -
{{ $data->to->format('d/m/Y H:i:s') }}
</li>
<li class="list-group-item">Priority -
{{ $data->priority }}</li>
<li class="list-group-item">Host -
{{ $data->admin->name }}</li>
<li class="list-group-item">
Participants -
{{ $data->participants }}</li>
<li class="list-group-item">Related To
- {{ $data->related_to }}</li>
@endif
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-2">
<input type="checkbox" class="convertChkbox"
style="margin-top:15%"
data-task-id="{{ $data->id }}"
data-table="LeadTask">
</div>
</div>
@endif
@endforeach
@forelse($lead->calls as $data)
@php($openActivity = true)
@if ($data->status == 0)
<div class="row">
<div class="col-lg-10">
<div class="accordion-item">
<h2 class="accordion-header"
id="heading{{ $data->id }}">
<button class="accordion-button" type="button"
data-bs-toggle="collapse"
data-bs-target="#collapseTasksOpen{{ $data->id }}"
aria-expanded="true"
aria-controls="collapseTasksOpen{{ $data->id }}">
{{ $data->type }} Created By
{{ $data->admin->name }}
</button>
</h2>
<div id="collapseTasksOpen{{ $data->id }}"
class="accordion-collapse collapse "
aria-labelledby="heading{{ $data->id }}"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<ul class="list-group">
<li class="list-group-item">Related To -
{{ $data->related_to }}</li>
<li class="list-group-item">Call Type -
{{ $data->call_type }}</li>
<li class="list-group-item">Call Start Time
-
{{ $data->call_start_time->format('d/m/Y H:i:s') }}
</li>
<li class="list-group-item">Call Purpose -
{{ $data->call_purpose }}</li>
<li class="list-group-item">Call Agenda -
{{ $data->call_agenda }}</li>
@if ($data->type == 'Call Log')
<li class="list-group-item">Call From -
{{ $data->call_from }}</li>
<li class="list-group-item">Voice
Recording -
{{ $data->voice_recording }}</li>
<li class="list-group-item">Call Result
- {{ $data->call_result }}</li>
<li class="list-group-item">Description
- {{ $data->description }}</li>
@else
<li class="list-group-item">Call To -
{{ $data->call_to }}</li>
<li class="list-group-item">Outgoing
Call Status -
{{ $data->outgoing_call_status }}
</li>
@endif
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-2">
<input type="checkbox" class="convertChkbox"
style="margin-top:15%"
data-task-id="{{ $data->id }}"
data-table="LeadCall">
</div>
</div>
@endif
@endforeach
@if ($openActivity == false)
<h5 class="text-center">No records found</h5>
@endif
</div>
</div>
</div>
</div>
<div class="main-Activities">
<div class="Activities">
<h4 class="fw-bold fs-2">Closed Activities</h4>
</div>
<div class="activ">
<div class="accordion" id="accordionExample1">
@php($closedActivity = false)
@forelse($lead->tasks_meetings as $data)
@php($closedActivity = true)
@if ($data->status == 1)
<div class="accordion-item">
<h2 class="accordion-header" id="heading{{ $data->id }}">
<button class="accordion-button" type="button"
data-bs-toggle="collapse"
data-bs-target="#collapseTasks{{ $data->id }}"
aria-expanded="true"
aria-controls="collapseTasks{{ $data->id }}">
{{ $data->type }} Created By {{ $data->admin->name }}
</button>
</h2>
<div id="collapseTasks{{ $data->id }}"
class="accordion-collapse collapse"
aria-labelledby="heading{{ $data->id }}"
data-bs-parent="#accordionExample1">
<div class="accordion-body">
<ul class="list-group">
@if ($data->type == 'Task')
<li class="list-group-item">Subject -
{{ $data->subject }}</li>
<li class="list-group-item">Due Date -
{{ $data->due_date ? $data->due_date->format('d/m/Y') : '' }}
</li>
<li class="list-group-item">Priority -
{{ $data->priority }}</li>
<li class="list-group-item">Owner -
{{ $data->admin->name }}</li>
<li class="list-group-item">Reminder -
{{ $data->reminder }}</li>
@else
<li class="list-group-item">Location -
{{ $data->location }}</li>
<li class="list-group-item">From -
{{ $data->from->format('d/m/Y H:i:s') }}</li>
<li class="list-group-item">To -
{{ $data->to->format('d/m/Y H:i:s') }}</li>
<li class="list-group-item">Priority -
{{ $data->priority }}</li>
<li class="list-group-item">Host -
{{ $data->admin->name }}</li>
<li class="list-group-item">Participants -
{{ $data->participants }}</li>
<li class="list-group-item">Related To -
{{ $data->related_to }}</li>
@endif
</ul>
</div>
</div>
</div>
@endif
@endforeach
@forelse($lead->calls as $data)
@php($closedActivity = true)
@if ($data->status == 1)
<div class="accordion-item">
<h2 class="accordion-header" id="heading{{ $data->id }}">
<button class="accordion-button" type="button"
data-bs-toggle="collapse"
data-bs-target="#collapseTasksOpen{{ $data->id }}"
aria-expanded="true"
aria-controls="collapseTasksOpen{{ $data->id }}">
{{ $data->type }} Created By {{ $data->admin->name }}
<!-- <input type="checkbox" class="m-auto convertChkbox" data-task-id="{{ $data->id }}"> -->
</button>
</h2>
<div id="collapseTasksOpen{{ $data->id }}"
class="accordion-collapse collapse "
aria-labelledby="heading{{ $data->id }}"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<ul class="list-group">
<li class="list-group-item">Related To -
{{ $data->related_to }}</li>
<li class="list-group-item">Call Type -
{{ $data->call_type }}</li>
<li class="list-group-item">Call Start Time -
{{ $data->call_start_time->format('d/m/Y H:i:s') }}
</li>
<li class="list-group-item">Call Purpose -
{{ $data->call_purpose }}</li>
<li class="list-group-item">Call Agenda -
{{ $data->call_agenda }}</li>
@if ($data->type == 'Call Log')
<li class="list-group-item">Call From -
{{ $data->call_from }}</li>
<li class="list-group-item">Voice Recording -
{{ $data->voice_recording }}</li>
<li class="list-group-item">Call Result -
{{ $data->call_result }}</li>
<li class="list-group-item">Description -
{{ $data->description }}</li>
@else
<li class="list-group-item">Call To -
{{ $data->call_to }}</li>
<li class="list-group-item">Outgoing Call Status -
{{ $data->outgoing_call_status }}</li>
@endif
</ul>
</div>
</div>
</div>
@endif
@endforeach
@if ($closedActivity == false)
<h5 class="text-center">No records found</h5>
@endif
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" tabindex="-1" id="view_details">
<div class="modal-dialog modal-dialog-centered mw-900px">
<div class="modal-content">
<div class="modal-header">
<!--begin::Modal title-->
<h2 class="fw-bold fs-2 mb-0">View Details</h2>
<!--end::Modal title-->
<!--begin::Close-->
<div class="btn btn-icon btn-sm btn-active-icon-primary" data-bs-dismiss="modal" aria-label="Close">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
<span class="svg-icon svg-icon-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1"
transform="rotate(-45 6 17.3137)" fill="currentColor" />
<rect x="7.41422" y="6" width="16" height="2" rx="1"
transform="rotate(45 7.41422 6)" fill="currentColor" />
</svg>
</span>
<!--end::Svg Icon-->
</div>
<!--end::Close-->
</div>
<div class="modal-body">
<div class="d-flex flex-column scroll-y me-n7 pe-7" id="kt_modal_update_role_scroll"
data-kt-scroll="true">
<div class="lead-text">
<h4 class="fw-bold fs-2 mb-10">Lead Information</h4>
</div>
</div>
<div class="row main-lead">
<div class="col-md-6">
<div class="lead-info">
<table>
<tbody>
<tr class="'title">
<td>Lead Owner</td>
<td>Title</td>
<td>Phone</td>
<td>Mobile</td>
<td>Lead Source</td>
<td>Industry</td>
<td>Annual Revenue</td>
<td>Email Opt Out</td>
<td>Modified By</td>
</tr <tr>
<td>abc</td>
<td>VP Accounting</td>
<td><i class="fa fa-phone-square" aria-hidden="true"></i><a
href="">555-555-5555</a></td>
<td><i class="fa fa-phone-square" aria-hidden="true"></i><a
href="">555-555-5555</a></td>
<td>Cold Call</td>
<td>Service Provider</td>
<td>$ 850,000.00</td>
<td>-</td>
<td>abc</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="col-md-6">
<div class="lead-info">
<table>
<tbody>
<tr class="'title">
<td>Company</td>
<td>Lead Name</td>
<td>Email</td>
<td>Website</td>
<td>Lead Status</td>
</tr <tr>
<td>Tue, 9 May 2023 04:56 PM</td>
<td>Rangoni Of Florence</td>
<td>Mr. Christopher Maclead (Sample)</td>
<td>christopher-maclead@noemail.com</td>
<td>http://www.rangoniofflorence.com</td>
<td>Lost Lead</td>
</tr>
</tbody>
</table>
</div>
</div>
<h4 class="fw-bold fs-2 mb-10">Address Information</h4>
<div class="col-md-6">
<div class="lead-info">
<table>
<tbody>
<tr class="'title">
<td>Street</td>
<td>State</td>
<td>Country</td>
</tr <tr>
<td>37275 St Rt 17m M</td>
<td>NY</td>
<td>United States</td>
</tr>
</tbody>
</table>
</div>
</div>
<h4 class="fw-bold fs-2 mb-10">Description Information</h4>
<div class="col-md-6">
<div class="lead-info">
<table>
<tbody>
<tr class="'title">
<td>Description</td>
</tr <tr>
<td>-</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="col-md-6">
<div class="lead-info">
<table>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- view_details_modal-end -->
<!-- send_mail_modal-start -->
<div class="modal fade" tabindex="-1" id="send_mail_reply">
<div class="modal-dialog modal-dialog-centered mw-750px">
<div class="modal-content">
<div class="modal-header">
<!--begin::Modal title-->
<h2 class="fw-bold fs-2 mb-0">Email Reply</h2>
<!--end::Modal title-->
<!--begin::Close-->
<div class="btn btn-icon btn-sm btn-active-icon-primary" data-bs-dismiss="modal" aria-label="Close">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
<span class="svg-icon svg-icon-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1"
transform="rotate(-45 6 17.3137)" fill="currentColor" />
<rect x="7.41422" y="6" width="16" height="2" rx="1"
transform="rotate(45 7.41422 6)" fill="currentColor" />
</svg>
</span>
<!--end::Svg Icon-->
</div>
<!--end::Close-->
</div>
<div class="modal-body">
<div class="d-flex flex-column scroll-y me-n7 pe-7" id="kt_modal_update_role_scroll"
data-kt-scroll="true">
<div class="fv-row row p-5 modal-rounded">
<div class="col-md-12 mb-8">
<div class="row">
<div class="col-md-3 d-flex justify-content-start align-items-center">
<label class="fs-5 fw-bold form-label mb-0 d-block">To</label>
</div>
<div class="col-md-9">
<label class="fs-5 fw-bold form-label mb-0 d-block">Email Address of Lead</label>
</div>
</div>
</div>
<div class="col-md-12">
<div class="row">
<div class="col-md-3 d-flex justify-content-start align-items-start">
<label class="fs-5 fw-bold form-label mb-0 d-block">Reply</label>
</div>
<div class="col-md-9">
<!-- <input type="text" class="form-control form-control-solid" placeholder="Reply" name="target_title" /> -->
<textarea class="form-control form-control-solid resize-none" placeholder="Enter your reply...." cols="30"
rows="5"></textarea>
</div>
</div>
</div>
<!--end::Label-->
</div>
</div>
</div>
<div class="modal-footer">
<!-- <button type="button" class="btn btn-light" >Close</button> -->
<button type="button" class="btn btn-primary btn-hove-rise" data-bs-dismiss="modal"
aria-label="Close">Send</button>
</div>
</div>
</div>
</div>
</div>
<!--attach_upload-->
<div class="modal fade" id="attach_upload" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered mw-900px">
<div class="modal-content attach-file">
<form id="add-image">
@csrf
<input type="hidden" name="lead_id" value="{{ $lead->id }}">
<input type="hidden" name="type" value="1">
<div class="modal-header">
<!--begin::Modal title-->
<h2 class="fw-bold fs-2 mb-0">Attach File</h2>
<!--end::Modal title-->
<!--begin::Close-->
<div class="btn btn-icon btn-sm btn-active-icon-primary" data-bs-dismiss="modal"
aria-label="Close">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
<span class="svg-icon svg-icon-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1"
transform="rotate(-45 6 17.3137)" fill="currentColor"></rect>
<rect x="7.41422" y="6" width="16" height="2" rx="1"
transform="rotate(45 7.41422 6)" fill="currentColor"></rect>
</svg>
</span>
<!--end::Svg Icon-->
</div>
<!--end::Close-->
</div>
<div class="modal-body">
<div class="d-flex flex-column scroll-y me-n7 pe-7" id="kt_modal_update_role_scroll"
data-kt-scroll="true">
<div class="fv-row row bg-light p-5 modal-rounded inside-area">
<div class="col-md-12">
<input type="file" id="myFile" name="filename">
</div>
<!--end::Label-->
</div>
</div>
</div>
<div class="modal-footer justify-content-center">
<button type="button" class="btn btn-primary btn-hover-rise me-5" data-bs-dismiss="modal"
aria-label="Close">Cancel</button>
<button type="submit" class="btn btn-primary btn-hover-rise" id="myFile">Submit</button>
</div>
</form>
</div>
</div>
</div>
<div class="modal fade" id="active_task" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered mw-900px">
<div class="modal-content task-modal">
<form class="task-input" id="add-tasks">
@csrf
<div class="modal-header">
<!--begin::Modal title-->
<h2 class="fw-bold fs-2 mb-0">Create Task</h2>
<!--end::Modal title-->
<!--begin::Close-->
<div class="btn btn-icon btn-sm btn-active-icon-primary" data-bs-dismiss="modal"
aria-label="Close">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
<span class="svg-icon svg-icon-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1"
transform="rotate(-45 6 17.3137)" fill="currentColor"></rect>
<rect x="7.41422" y="6" width="16" height="2" rx="1"
transform="rotate(45 7.41422 6)" fill="currentColor"></rect>
</svg>
</span>
<!--end::Svg Icon-->
</div>
<!--end::Close-->
</div>
<div class="modal-body">
<input type="hidden" name="leads_id" value="{{ $lead->id }}">
<div class="tabdiv">
<label for="fname">Subject</label>
<!-- <a class="action_icon" data-bs-toggle="modal" data-bs-target="#subjectpop">
<i class="fa fa-file-text" aria-hidden="true"></i>
</a> -->
<input type="text" placeholder="Please enter subject" id="" name="subject">
</div>
<div class="tabdiv">
<label for="fname">Due Date</label>
<input type="text" placeholder="Please choose due date " id="dateTime" name="due_date"
autocomplete="off">
</div>
<div class="tabdiv">
<label for="">Priority</label>
<!-- <input type="text" id="fname" name="fname" value="High"> -->
<select name="priority" id="" class="form-control">
<option value="">Select a Priority</option>
<option value="Low">Low</option>
<option value="Lowest">Lowest</option>
<option value="Normal">Normal</option>
<option value="High">High</option>
<option value="Highest">Highest</option>
</select>
</div>
<div class="tabdiv">
<label for="fname">Owner</label>
<select name="owner" id="" class="form-control">
<option value="">Select a User</option>
@foreach ($users as $user)
<option value="{{ $user->id }}">{{ $user->name }}</option>
@endforeach
</select>
<!-- <input type="text" id="fname" name="fname" value="vijay"><a class="action_icon" data-bs-toggle="modal" data-bs-target="#ownerpop">
<i class="fa fa-user" aria-hidden="true"></i>
</a> -->
</div>
<div class="tabdiv">
<label for="fname">Reminder</label>
<input type="text" placeholder="Please write a reminder "id="reminder" name="reminder"
min="">
</div>
<div class="tabdiv">
<label for="fname">Closed</label>
<input type="checkbox" id="" name="status">
</div>
</div>
<div class="modal-footer justify-content-center">
<button type="button" class="btn btn-primary btn-hover-rise me-5" data-bs-dismiss="modal"
aria-label="Close">Cancel</button>
<!-- <button type="button" class="btn btn-primary btn-hover-rise" id="send_mail_replybtn" data-bs-target="#send_mail_reply">Save</button> -->
<button type="submit" id="save_btn" class="btn btn-primary btn-hover-rise">Save</button>
</div>
</form>
</div>
</div>
</div>
<div class="modal fade" id="active_Meeting" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered mw-900px">
<div class="modal-content task-modal">
<form class="task-input" id="add-meeting">
@csrf
<input type="hidden" name="leads_id" value="{{ $lead->id }}">
<div class="modal-header">
<!--begin::Modal title-->
<h2 class="fw-bold fs-2 mb-0">Meeting Information</h2>
<!--end::Modal title-->
<!--begin::Close-->
<div class="btn btn-icon btn-sm btn-active-icon-primary" data-bs-dismiss="modal"
aria-label="Close">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
<span class="svg-icon svg-icon-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1"
transform="rotate(-45 6 17.3137)" fill="currentColor"></rect>
<rect x="7.41422" y="6" width="16" height="2" rx="1"
transform="rotate(45 7.41422 6)" fill="currentColor"></rect>
</svg>
</span>
<!--end::Svg Icon-->
</div>
<!--end::Close-->
</div>
<div class="modal-body">
<div class="tabdiv">
<label for="fname">Location</label>
<input type="text" placeholder="Please enter location" id="fname" name="location">
</div>
<div class="tabdiv">
<label for="fname">From</label>
<input type="text" placeholder="Please choose from date"id="meeting-from"
name="from" />
</div>
<div class="tabdiv">
<label for="fname">To</label>
<input type="text" placeholder="Please select a to date" id="meeting-to"
name="to" />
</div>
<div class="tabdiv">
<label for="fname">Host</label>
<!-- <input type="text" id="fname" name="fname" value="vijay"> -->
<select name="host" id="" class="form-control">
<option value="">Please select a host </option>
@foreach ($users as $user)
<option value="{{ $user->id }}">{{ $user->name }}</option>
@endforeach
</select>
</div>
<div class="tabdiv">
<label for="fname">Priority</label>
<select name="priority" id="" class="form-control">
<option value="">Please select a priority</option>
<option value="Low">Low</option>
<option value="Lowest">Lowest</option>
<option value="Normal">Normal</option>
<option value="High">High</option>
<option value="Highest">Highest</option>
</select>
</div>
<div class="tabdiv">
<label for="fname">Participants</label>
<input type="text" id="" placeholder="Please enter participants"
name="participants" value="">
</div>
<div class="tabdiv">
<label for="fname">Related To</label>
<input type="text" placeholder="Please enter related to" id="" name="related_to"
value="">
</div>
<div class="tabdiv">
<label for="fname">Closed</label>
<input type="checkbox" id="" name="status">
</div>
</div>
<div class="modal-footer justify-content-center">
<button type="button" class="btn btn-primary btn-hover-rise me-5" data-bs-dismiss="modal"
aria-label="Close">Cancel</button>
<!-- <button type="button" class="btn btn-primary btn-hover-rise" id="send_mail_replybtn" data-bs-target="#send_mail_reply">Save</button> -->
<button type="submit" class="btn btn-primary btn-hover-rise">Save</button>
</div>
</form>
</div>
</div>
</div>
<!--attach_link-->
<div class="modal fade" id="attach_link" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered mw-900px">
<div class="modal-content attach-file">
<form id="add-url">
@csrf
<input type="hidden" name="lead_id" value="{{ $lead->id }}">
<input type="hidden" name="type" value="2">
<div class="modal-header">
<!--begin::Modal title-->
<h2 class="fw-bold fs-2 mb-0">Attach From Link</h2>
<!--end::Modal title-->
<!--begin::Close-->
<div class="btn btn-icon btn-sm btn-active-icon-primary" data-bs-dismiss="modal"
aria-label="Close">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
<span class="svg-icon svg-icon-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1"
transform="rotate(-45 6 17.3137)" fill="currentColor"></rect>
<rect x="7.41422" y="6" width="16" height="2" rx="1"
transform="rotate(45 7.41422 6)" fill="currentColor"></rect>
</svg>
</span>
<!--end::Svg Icon-->
</div>
<!--end::Close-->
</div>
<div class="modal-body">
<div class="d-flex flex-column scroll-y me-n7 pe-7" id="kt_modal_update_role_scroll"
data-kt-scroll="true">
<div class="fv-row row bg-light p-5 modal-rounded">
<div class="col-md-12 enter-url">
<div>
<h4>Enter URL</h4>
</div>
<div class="add_link"><input type="text" id="fname" name="url"
placeholder=""></div>
</div>
<!--end::Label-->
</div>
</div>
</div>
<div class="modal-footer justify-content-center">
<button type="button" class="btn btn-primary btn-hover-rise me-5" data-bs-dismiss="modal"
aria-label="Close">Cancel</button>
<button type="submit" class="btn btn-primary btn-hover-rise">Submit</button>
</div>
</form>
</div>
</div>
</div>
<div class="modal fade" id="subjectpop" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered mw-900px">
<div class="modal-content sub-modal">
<div class="modal-header">
<!--begin::Modal title-->
<div class="from-search">
<h2 class="fw-bold fs-2 mb-0">Choose Subject</h2>
<div class="main">
<div class="form-group has-search">
<span class="fa fa-search form-control-feedback"></span>
<input type="text" class="form-control" placeholder="Search by Subject">
</div>
</div>
</div>
<!--end::Modal title-->
<!--begin::Close-->
<div class="btn btn-icon btn-sm btn-active-icon-primary" data-bs-dismiss="modal" aria-label="Close">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
<span class="svg-icon svg-icon-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1"
transform="rotate(-45 6 17.3137)" fill="currentColor"></rect>
<rect x="7.41422" y="6" width="16" height="2" rx="1"
transform="rotate(45 7.41422 6)" fill="currentColor"></rect>
</svg>
</span>
<!--end::Svg Icon-->
</div>
<!--end::Close-->
</div>
<div class="modal-body">
<div class="sub">
<h2>Subject</h2>
<ul>
<li>Email</li>
<li>Call</li>
<li>Meeting</li>
<li>Send Letter</li>
<li>Product Demo</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="ownerpop" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered mw-900px">
<div class="modal-content owner-modal">
<div class="modal-header">
<!--begin::Modal title-->
<div class="from-search">
<div class="user-main">
<div class="form-group has-search">
<span class="fa fa-search form-control-feedback"></span>
<input type="text" class="form-control" placeholder="Search by Subject">
</div>
</div>
</div>
<!--end::Modal title-->
<!--begin::Close-->
<div class="btn btn-icon btn-sm btn-active-icon-primary" data-bs-dismiss="modal" aria-label="Close">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
<span class="svg-icon svg-icon-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1"
transform="rotate(-45 6 17.3137)" fill="currentColor"></rect>
<rect x="7.41422" y="6" width="16" height="2" rx="1"
transform="rotate(45 7.41422 6)" fill="currentColor"></rect>
</svg>
</span>
<!--end::Svg Icon-->
</div>
<!--end::Close-->
</div>
<div class="modal-body">
<div class="name-sec">
<table style="width:100%">
<tr>
<th>User Name</th>
<th>Role</th>
<th>Email</th>
<th>Profile</th>
</tr>
<tr>
<td>vijay</td>
<td>CEO</td>
<td>vijay@gmail.com</td>
<td>Administrator</td>
</tr>
</table>
</div>
</div>
<div class="modal-footer justify-content-center">
<button type="button" class="btn btn-primary btn-hover-rise me-5" data-bs-dismiss="modal"
aria-label="Close">Cancel</button>
<button type="button" class="btn btn-primary btn-hover-rise" id="send_mail_replybtn"
data-bs-target="#send_mail_reply">Done</button>
</div>
</div>
</div>
</div>
<div class="modal fade" tabindex="-1" id="schedule_call">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content schedule-in">
<div class="modal-header">
<!--begin::Modal title-->
<h2 class="fw-bold fs-2 mb-0">Schedule a call</h2>
<!--end::Modal title-->
<!--begin::Close-->
<div class="btn btn-icon btn-sm btn-active-icon-primary" data-bs-dismiss="modal" aria-label="Close">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
<span class="svg-icon svg-icon-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1"
transform="rotate(-45 6 17.3137)" fill="currentColor" />
<rect x="7.41422" y="6" width="16" height="2" rx="1"
transform="rotate(45 7.41422 6)" fill="currentColor" />
</svg>
</span>
<!--end::Svg Icon-->
</div>
<!--end::Close-->
</div>
<div class="modal-body">
<h5 class="fw-bold mb-0">Call Information</h5>
<form id="schedule_call_form">
@csrf
<input type="hidden" name="leads_id" value="{{ $lead->id }}">
<div class="d-flex flex-column scroll-y me-n7 pe-7" id="kt_modal_update_role_scroll"
data-kt-scroll="true">
<div class="fv-row row p-5 modal-rounded">
<div class="col-md-12 mb-8">
<div class="row call-row">
<div class="col-md-3 d-flex justify-content-start align-items-center">
<label class="fs-5 fw-bold form-label mb-0 d-block">Call To</label>
</div>
<div class="col-md-9 schedule-input">
<select name="call_to" class="form-select">
<option value="">Please select call to</option>
<option value="Lead">Lead</option>
<option value="Contact">Contact</option>
</select>
</div>
</div>
</div>
<div class="col-md-12 mb-8">
<div class="row call-row">
<div class="col-md-3 d-flex justify-content-start align-items-center">
<label class="fs-5 fw-bold form-label mb-0 d-block">Related To</label>
</div>
<div class="col-md-9 schedule-input">
<input type="text" id="" name="related_to"
class="form-control ">
</div>
</div>
</div>
<div class="col-md-12 mb-8">
<div class="row call-row">
<div class="col-md-3 d-flex justify-content-start align-items-center">
<label class="fs-5 fw-bold form-label mb-0 d-block">Call Type</label>
</div>
<div class="col-md-9 schedule-input">
<div class="col-md-9 schedule-input">
<select name="call_type" id="" class="form-select">
<option value="Outbound">Outbound</option>
<option value="Inbound">Inbound</option>
<option value="Missed">Missed</option>
</select>
</div>
</div>
</div>
</div>
<div class="col-md-12 mb-8">
<div class="row call-row">
<div class="col-md-3 d-flex justify-content-start align-items-center">
<label class="fs-5 fw-bold form-label mb-0 d-block">Outgoing Call
Status</label>
</div>
<div class="col-md-9 schedule-input">
<input type="text" id="" name="outgoing_call_status"
class="form-control">
</div>
</div>
</div>
<div class="col-md-12 mb-8">
<div class="row call-row">
<div class="col-md-3 d-flex justify-content-start align-items-center">
<label class="fs-5 fw-bold form-label mb-0 d-block">Call Start Time</label>
</div>
<div class="col-md-9 schedule-input">
<input type="text" id="call_start_time" name="call_start_time"
class="form-control">
</div>
</div>
</div>
<!--end::Label-->
</div>
</div>
<h5 class="fw-bold mb-0">Purpose Of Outgoing Call</h5>
<div class="d-flex flex-column scroll-y me-n7 pe-7" id="kt_modal_update_role_scroll"
data-kt-scroll="true">
<div class="fv-row row p-5 modal-rounded">
<div class="col-md-12 mb-8">
<div class="row call-row">
<div class="col-md-3 d-flex justify-content-start align-items-center">
<label class="fs-5 fw-bold form-label mb-0 d-block">Call Purpose</label>
</div>
<div class="col-md-9 schedule-input">
<select name="call_purpose" id="" class="form-select">
<option value="">Please Select Call Purpose</option>
<option value="None">None</option>
<option value="Prospecting">Prospecting</option>
<option value="Administrative">Administrative</option>
<option value="Negotiation">Negotiation</option>
<option value="Demo">Demo</option>
<option value="Project">Project</option>
<option value="Desk">Desk</option>
</select>
</div>
</div>
</div>
<div class="col-md-12 mb-8">
<div class="row call-row">
<div class="col-md-3 d-flex justify-content-start align-items-center">
<label class="fs-5 fw-bold form-label mb-0 d-block">Call Agenda</label>
</div>
<div class="col-md-9 schedule-input">
<input type="text" id="" name="call_agenda"
class="form-control">
</div>
</div>
</div>
<div class="col-md-12 mb-8">
<div class="row call-row">
<div class="col-md-3 d-flex justify-content-start align-items-center">
<label class="fs-5 fw-bold form-label mb-0 d-block">Closed</label>
</div>
<div class="col-md-9 schedule-input">
<input type="checkbox" id="" name="status">
</div>
</div>
</div>
<!--end::Label-->
</div>
</div>
</div>
<div class="modal-footer justify-content-end">
<button type="button" class="btn btn-primary btn-hover-rise me-5" data-bs-dismiss="modal"
aria-label="Close">Cancel</button>
<button type="submit" class="btn btn-primary btn-hover-rise" id="send_mail_replybtn"
data-bs-target="#send_mail_reply">Schedule</button>
</div>
</form>
</div>
</div>
</div>
<div class="modal fade" tabindex="-1" id="log_call">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content log-in">
<div class="modal-header">
<!--begin::Modal title-->
<h2 class="fw-bold fs-2 mb-0">Log a call</h2>
<!--end::Modal title-->
<!--begin::Close-->
<div class="btn btn-icon btn-sm btn-active-icon-primary" data-bs-dismiss="modal"
aria-label="Close">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
<span class="svg-icon svg-icon-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1"
transform="rotate(-45 6 17.3137)" fill="currentColor" />
<rect x="7.41422" y="6" width="16" height="2" rx="1"
transform="rotate(45 7.41422 6)" fill="currentColor" />
</svg>
</span>
<!--end::Svg Icon-->
</div>
<!--end::Close-->
</div>
<div class="modal-body">
<h5 class="fw-bold mb-0">Call Information</h5>
<form id="log_call_form">
@csrf
<input type="hidden" name="leads_id" value="{{ $lead->id }}">
<div class="d-flex flex-column scroll-y me-n7 pe-7" id="kt_modal_update_role_scroll"
data-kt-scroll="true">
<div class="fv-row row p-5 modal-rounded">
<div class="col-md-12 mb-8">
<div class="row call-row">
<div class="col-md-3 d-flex justify-content-start align-items-center">
<label class="fs-5 fw-bold form-label mb-0 d-block">Call From</label>
</div>
<div class="col-md-9 schedule-input">
<select name="call_from" id="" class="form-select">
<option value="">Please Select Call From</option>
<option value="Lead">Lead</option>
<option value="Contact">Contact</option>
</select>
</div>
</div>
</div>
<div class="col-md-12 mb-8">
<div class="row call-row">
<div class="col-md-3 d-flex justify-content-start align-items-center">
<label class="fs-5 fw-bold form-label mb-0 d-block">Related To</label>
</div>
<div class="col-md-9 schedule-input">
<input type="text" id="" name="related_to"
class="form-control">
</div>
</div>
</div>
<div class="col-md-12 mb-8">
<div class="row call-row">
<div class="col-md-3 d-flex justify-content-start align-items-center">
<label class="fs-5 fw-bold form-label mb-0 d-block">Call Type</label>
</div>
<div class="col-md-9 schedule-input">
<select name="call_type" id="" class="form-select">
<option value="Outbound">Outbound</option>
<option value="Inbound">Inbound</option>
<option value="Missed">Missed</option>
</select>
</div>
</div>
</div>
<div class="col-md-12 mb-8">
<div class="row call-row">
<div class="col-md-3 d-flex justify-content-start align-items-center">
<label class="fs-5 fw-bold form-label mb-0 d-block">Call Start Time</label>
</div>
<div class="col-md-9 schedule-input">
<input type="text" id="call_start_time_log" name="call_start_time"
class="form-control">
</div>
</div>
</div>
<div class="col-md-12 mb-8">
<div class="row call-row">
<div class="col-md-3 d-flex justify-content-start align-items-center">
<label class="fs-5 fw-bold form-label mb-0 d-block">Voice Recording</label>
</div>
<div class="col-md-9 schedule-input">
<input type="text" id="" name="voice_recording"
class="form-control">
</div>
</div>
</div>
<!--end::Label-->
</div>
</div>
<h5 class="fw-bold mb-0">Purpose Of Outgoing Call</h5>
<div class="d-flex flex-column scroll-y me-n7 pe-7" id="kt_modal_update_role_scroll"
data-kt-scroll="true">
<div class="fv-row row p-5 modal-rounded">
<div class="col-md-12 mb-8">
<div class="row call-row">
<div class="col-md-3 d-flex justify-content-start align-items-center">
<label class="fs-5 fw-bold form-label mb-0 d-block">Call Purpose</label>
</div>
<div class="col-md-9 schedule-input">
<select name="call_purpose" id="" class="form-select">
<option value="">Please Select Call Purpose</option>
<option value="None">None</option>
<option value="Prospecting">Prospecting</option>
<option value="Administrative">Administrative</option>
<option value="Negotiation">Negotiation</option>
<option value="Demo">Demo</option>
<option value="Project">Project</option>
<option value="Desk">Desk</option>
</select>
</div>
</div>
</div>
<div class="col-md-12 mb-8">
<div class="row call-row">
<div class="col-md-3 d-flex justify-content-start align-items-center">
<label class="fs-5 fw-bold form-label mb-0 d-block">Call Agenda</label>
</div>
<div class="col-md-9 schedule-input">
<input type="text" id="" name="call_agenda"
class="form-control">
</div>
</div>
</div>
<!--end::Label-->
</div>
</div>
<h5 class="fw-bold mb-0">Outcome Of Outgoing Call</h5>
<div class="d-flex flex-column scroll-y me-n7 pe-7" id="kt_modal_update_role_scroll"
data-kt-scroll="true">
<div class="fv-row row p-5 modal-rounded">
<div class="col-md-12 mb-8">
<div class="row call-row">
<div class="col-md-3 d-flex justify-content-start align-items-center">
<label class="fs-5 fw-bold form-label mb-0 d-block">Call Result</label>
</div>
<div class="col-md-9 schedule-input">
<select name="call_result" id="" class="form-select">
<option value="">Please Select Call Result</option>
<option value="None">None</option>
<option value="Interested">Interested</option>
<option value="Not interested">Not interested</option>
<option value="No Response/Busy">No Response/Busy</option>
<option value="Requested more info">Requested more info</option>
<option value="Requested call back">Requested call back</option>
<option value="Invalid number">Invalid number</option>
</select>
</div>
</div>
</div>
<div class="col-md-12 mb-8">
<div class="row call-row">
<div class="col-md-3 d-flex justify-content-start align-items-center">
<label class="fs-5 fw-bold form-label mb-0 d-block">Description</label>
</div>
<div class="col-md-9 schedule-input">
<textarea name="description" id="" cols="30" rows="5" class="form-control"></textarea>
</div>
</div>
</div>
<div class="col-md-12 mb-8">
<div class="row call-row">
<div class="col-md-3 d-flex justify-content-start align-items-center">
<label class="fs-5 fw-bold form-label mb-0 d-block">Closed</label>
</div>
<div class="col-md-9 schedule-input">
<input type="checkbox" id="" name="status">
</div>
</div>
</div>
<!--end::Label-->
</div>
</div>
</div>
<div class="modal-footer justify-content-end">
<button type="button" class="btn btn-primary btn-hover-rise me-5" data-bs-dismiss="modal"
aria-label="Close">Cancel</button>
<button type="submit" class="btn btn-primary btn-hover-rise" id="send_mail_replybtn"
data-bs-target="#send_mail_reply">Save</button>
</div>
<form>
</div>
</div>
</div>
@endsection
@section('scripts')
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.full.min.js">
< script src = "https://cdn.rawgit.com/t4t5/sweetalert/v0.2.0/lib/sweet-alert.min.js" >
</script>
</script>
<script>
$(document).ready(function() {
$("#add-notes").validate({
ignore: [],
debug: false,
rules: {
notes: 'required',
},
messages: {
notes: "Please enter notes",
},
submitHandler: function(form) {
var formData = new FormData(form);
// Fetch CSRF token value from the page
var csrfToken = $('meta[name="csrf-token"]').attr('content');
// Add CSRF token to the FormData object
formData.append('_token', csrfToken);
$.ajax({
url: "{{ route('create-notes') }}",
type: "POST",
data: formData,
processData: false,
contentType: false,
dataType: "json",
success: function(result) {
if (result && result.status == 200) {
toastr.success(result.message);
setTimeout(() => {
location.reload();
}, 1000);
} else {
console.error("Invalid response from server:", result);
}
},
error: function(jqXHR, textStatus, errorThrown) {
console.error("AJAX Error:", textStatus, errorThrown);
},
});
},
});
});
</script>
<script>
$(document).ready(function() {
$('#delete_file').click(function() {
var deleteId = $(this).data('id');
Swal.fire({
title: 'Are you sure you want to delete?',
showDenyButton: false,
showCancelButton: true,
confirmButtonText: 'Yes',
cancelButtonText: 'No',
}).then((result) => {
if (result.isConfirmed) {
$.ajax({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
url: "{{ route('delete-attachment', '') }}" + "/" + deleteId,
type: "DELETE",
success: function(response) {
if (response.message ===
'Attachment deleted successfully') {
toastr.success('Document deleted successfully');
setTimeout(() => {
location.reload();
}, 1000);
} else {
toastr.error(
'Something went wrong! Please Try Again');
}
},
error: function(xhr, textStatus, errorThrown) {
toastr.error('Error: ' + textStatus);
}
});
}
});
});
});
var today = new Date().toISOString().split('T')[0];
// Set the minimum date of the input field to today
document.getElementById("reminder").min = today;
$(document).ready(function() {
var backRoute = sessionStorage.getItem('backRoute');
if (backRoute) {
$('.backRouteAnchorTag').attr('href', "{{ route('personal-dashboard') }}");
} else {
$('.backRouteAnchorTag').attr('href', "{{ route('manage_leads') }}");
}
})
$(document).ready(function() {
})
$(document).ready(function() {
$('.lead_status').select2();
$('.lead_source').select2();
$('.lead_owner').select2();
});
$('.convertChkbox').click(function() {
Swal.fire({
title: 'Do you want to convert it to closed activity?',
showDenyButton: false,
showCancelButton: true,
confirmButtonText: 'Yes',
cancelButtonText: 'No',
}).then((result) => {
if (result.isConfirmed) {
$.ajax({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
url: "{{ route('convert-closed') }}",
type: "POST",
data: {
task_id: $(this).data('task-id'),
table: $(this).data('table')
},
success: function(result) {
toastr.success(result.message);
setTimeout(() => {
location.reload();
}, 1000);
},
error: function(jqXHR) {
// $("#request_callback_btn").removeClass("d-none");
// $("#loaderContactBtn").addClass("d-none");
warning(jqXHR.responseJSON);
},
});
} else {
$('.convertChkbox').prop("checked", false);
}
})
})
$('#dateTime').datetimepicker({
debug: true,
format: 'Y-m-d H:i:s',
locale: 'ru'
});
$('#reminder').datetimepicker({
debug: true,
format: 'Y-m-d H:i:s',
locale: 'ru'
});
$('#meeting-from').datetimepicker({
debug: true,
format: 'Y-m-d H:i:s',
locale: 'ru'
});
$('#meeting-to').datetimepicker({
debug: true,
format: 'Y-m-d H:i:s',
locale: 'ru'
});
$('#call_start_time').datetimepicker({
debug: true,
format: 'Y-m-d H:i:s',
locale: 'ru'
});
$('#call_start_time_log').datetimepicker({
debug: true,
format: 'Y-m-d H:i:s',
locale: 'ru'
});
function myFunction() {
var x = document.getElementById("myDIV");
if (x.style.display === "block") {
x.style.display = "none";
} else {
x.style.display = "block";
document.addEventListener("click", handleClickOutside);
}
}
function handleClickOutside(event) {
var x = document.getElementById("myDIV");
var button = document.querySelector('.Attachments button');
if (event.target !== button && !x.contains(event.target)) {
x.style.display = "none";
// Remove event listener after closing the modal
document.removeEventListener("click", handleClickOutside);
}
}
function activate() {
var x = document.getElementById("activ_drop");
if (x.style.display === "block") {
x.style.display = "none";
} else {
x.style.display = "block";
document.addEventListener("click", ClickOutside);
}
}
function ClickOutside(event) {
var x = document.getElementById("activ_drop");
var button = document.querySelector('.Activities button');
if (event.target !== button && !x.contains(event.target)) {
x.style.display = "none";
// Remove event listener after closing the dropdown
document.removeEventListener("click", ClickOutside);
}
}
function getRoute(path) {
console.log("onclick clicked", path)
}
function call() {
var x = document.getElementById("call_drop");
if (x.style.display === "block") {
x.style.display = "none";
} else {
x.style.display = "block";
}
}
function notes() {
var x = document.getElementById("my_notes");
if (x.style.display === "block") {
x.style.display = "none";
} else {
x.style.display = "block";
}
}
$(document).ready(function() {
$("#send_mail_replybtn").on("click", function() {
$('#view_details').modal('hide');
$('#send_mail_reply').modal('show');
});
});
// $('#myDIV').on('hidden', function() {
// // location.reload();
// var x = document.getElementById("myDIV");
// x.style.display = "none";
// // if (x.style.display === "block") {
// // x.style.display = "none";
// // } else {
// // x.style.display = "block";
// // }
// })
// $(document).click(function(event) {
// var container = $("#myDIV");
// if (!container.is(event.target) && !container.has(event.target).length) {
// // container.hide();
// // container.style.display = "none";
// $('#myDIV').addClass('d-none');
// }
// });
// "use strict";
// var KTUsersList = function() {
// var e, t, n, r, o = document.getElementById("contact_from_leads"),
// c = () => {
// o.querySelectorAll('[data-kt-users-table-filter="delete_row"]').forEach((t => {
// t.addEventListener("click", (function(t) {
// t.preventDefault();
// const n = t.target.closest("tr"),
// r = n.querySelectorAll("td")[1].querySelectorAll("a")[1].innerText;
// Swal.fire({
// text: "Are you sure you want to delete " + r + "?",
// icon: "warning",
// showCancelButton: !0,
// buttonsStyling: !1,
// confirmButtonText: "Yes, delete!",
// cancelButtonText: "No, cancel",
// customClass: {
// confirmButton: "btn fw-bold btn-danger",
// cancelButton: "btn fw-bold btn-active-light-primary"
// }
// }).then((function(t) {
// t.value ? Swal.fire({
// text: "You have deleted " + r + "!.",
// icon: "success",
// buttonsStyling: !1,
// confirmButtonText: "Ok, got it!",
// customClass: {
// confirmButton: "btn fw-bold btn-primary"
// }
// }).then((function() {
// e.row($(n)).remove().draw()
// })).then((function() {
// a()
// })) : "cancel" === t.dismiss && Swal.fire({
// text: customerName + " was not deleted.",
// icon: "error",
// buttonsStyling: !1,
// confirmButtonText: "Ok, got it!",
// customClass: {
// confirmButton: "btn fw-bold btn-primary"
// }
// })
// }))
// }))
// }))
// },
// l = () => {
// const c = o.querySelectorAll('[type="checkbox"]');
// t = document.querySelector('[data-kt-user-table-toolbar="base"]'), n = document.querySelector('[data-kt-user-table-toolbar="selected"]'), r = document.querySelector('[data-kt-user-table-select="selected_count"]');
// const s = document.querySelector('[data-kt-user-table-select="delete_selected"]');
// c.forEach((e => {
// e.addEventListener("click", (function() {
// setTimeout((function() {
// a()
// }), 50)
// }))
// })), s.addEventListener("click", (function() {
// Swal.fire({
// text: "Are you sure you want to delete selected customers?",
// icon: "warning",
// showCancelButton: !0,
// buttonsStyling: !1,
// confirmButtonText: "Yes, delete!",
// cancelButtonText: "No, cancel",
// customClass: {
// confirmButton: "btn fw-bold btn-danger",
// cancelButton: "btn fw-bold btn-active-light-primary"
// }
// }).then((function(t) {
// t.value ? Swal.fire({
// text: "You have deleted all selected customers!.",
// icon: "success",
// buttonsStyling: !1,
// confirmButtonText: "Ok, got it!",
// customClass: {
// confirmButton: "btn fw-bold btn-primary"
// }
// }).then((function() {
// c.forEach((t => {
// t.checked && e.row($(t.closest("tbody tr"))).remove().draw()
// }));
// o.querySelectorAll('[type="checkbox"]')[0].checked = !1
// })).then((function() {
// a(), l()
// })) : "cancel" === t.dismiss && Swal.fire({
// text: "Selected customers was not deleted.",
// icon: "error",
// buttonsStyling: !1,
// confirmButtonText: "Ok, got it!",
// customClass: {
// confirmButton: "btn fw-bold btn-primary"
// }
// })
// }))
// }))
// };
// const a = () => {
// const e = o.querySelectorAll('tbody [type="checkbox"]');
// let c = !1,
// l = 0;
// e.forEach((e => {
// e.checked && (c = !0, l++)
// })), c ? (r.innerHTML = l, t.classList.add("d-none"), n.classList.remove("d-none")) : (t.classList.remove("d-none"), n.classList.add("d-none"))
// };
// return {
// init: function() {
// o && (o.querySelectorAll("tbody tr").forEach((e => {
// const t = e.querySelectorAll("td"),
// n = t[3].innerText.toLowerCase();
// let r = 0,
// o = "minutes";
// n.includes("yesterday") ? (r = 1, o = "days") : n.includes("mins") ? (r = parseInt(n.replace(/\D/g, "")), o = "minutes") : n.includes("hours") ? (r = parseInt(n.replace(/\D/g, "")), o = "hours") : n.includes("days") ? (r = parseInt(n.replace(/\D/g, "")), o = "days") : n.includes("weeks") && (r = parseInt(n.replace(/\D/g, "")), o = "weeks");
// const c = moment().subtract(r, o).format();
// t[3].setAttribute("data-order", c);
// const l = moment(t[5].innerHTML, "DD MMM YYYY, LT").format();
// t[5].setAttribute("data-order", l)
// })), (e = $(o).DataTable({
// info: !1,
// order: [],
// pageLength: 10,
// lengthChange: !1,
// columnDefs: [{
// orderable: !1,
// targets: 0
// }, {
// orderable: !1,
// targets: 6
// }]
// })).on("draw", (function() {
// l(), c(), a()
// })), l(), document.querySelector('[data-kt-user-table-filter="search"]').addEventListener("keyup", (function(t) {
// e.search(t.target.value).draw()
// })), document.querySelector('[data-kt-user-table-filter="reset"]').addEventListener("click", (function() {
// document.querySelector('[data-kt-user-table-filter="form"]').querySelectorAll("select").forEach((e => {
// $(e).val("").trigger("change")
// })), e.search("").draw()
// })), c(), (() => {
// const t = document.querySelector('[data-kt-user-table-filter="form"]'),
// n = t.querySelector('[data-kt-user-table-filter="filter"]'),
// r = t.querySelectorAll("select");
// n.addEventListener("click", (function() {
// var t = "";
// r.forEach(((e, n) => {
// e.value && "" !== e.value && (0 !== n && (t += " "), t += e.value)
// })), e.search(t).draw()
// }))
// })())
// }
// }
// }();
// KTUtil.onDOMContentLoaded((function() {
// KTUsersList.init()
// }));
$(document).ready(function() {
$('.lead_status').select2();
$('.lead_source').select2();
$('.lead_owner').select2();
});
$("#add-url").validate({
ignore: [],
debug: false,
rules: {
url: 'required',
},
messages: {
url: "Please enter url",
},
submitHandler: function(form) {
var formData = new FormData(form);
$.ajax({
url: "{{ route('create-attachments') }}",
type: "POST",
data: formData,
beforeSend: function() {
// $('#loaderBtn').removeClass('d-none');
// $('#save-btn').addClass('d-none');
},
processData: false,
contentType: false,
dataType: "json",
success: function(result) {
// $('#save-btn').removeClass('d-none');
// $('#loaderBtn').addClass('d-none');
if (result.status == 200) {
toastr.success(result.message);
setTimeout(() => {
location.reload();
}, 1000);
}
if (result.status == 400) {
toastr.warning(result.message);
}
},
error: function(jqXHR) {
// $("#request_callback_btn").removeClass("d-none");
// $("#loaderContactBtn").addClass("d-none");
warning(jqXHR.responseJSON);
},
});
},
});
$("#myFile").on("change", function() {
$(this).valid(); // Trigger validation
});
$("#add-image").validate({
ignore: [],
debug: false,
rules: {
filename: 'required',
},
messages: {
filename: "Please upload image",
},
submitHandler: function(form) {
var formData = new FormData(form);
$.ajax({
url: "{{ route('create-attachments') }}",
type: "POST",
data: formData,
beforeSend: function() {
// $('#loaderBtn').removeClass('d-none');
// $('#save-btn').addClass('d-none');
},
processData: false,
contentType: false,
dataType: "json",
success: function(result) {
// $('#save-btn').removeClass('d-none');
// $('#loaderBtn').addClass('d-none');
if (result.status == 200) {
toastr.success(result.message);
setTimeout(() => {
location.reload();
}, 1000);
}
},
error: function(jqXHR) {
// $("#request_callback_btn").removeClass("d-none");
// $("#loaderContactBtn").addClass("d-none");
warning(jqXHR.responseJSON);
},
});
},
});
$("#add-tasks").validate({
ignore: [],
debug: false,
rules: {
subject: 'required',
due_date: 'required',
priority: 'required',
owner: 'required',
reminder: 'required'
},
messages: {
subject: "Please enter subject",
due_date: "Please choose due date",
priority: 'Please select a priority',
owner: 'Please select a owner',
reminder: "Please write a reminder",
},
submitHandler: function(form) {
var formData = new FormData(form);
// $('#add-tasks').html('Please wait')
// $('#add-tasks').prop('disable',true);
$.ajax({
url: "{{ route('create-tasks') }}",
type: "POST",
data: formData,
beforeSend: function() {
// $('#loaderBtn').removeClass('d-none');
// $('#save-btn').addClass('d-none');
},
processData: false,
contentType: false,
dataType: "json",
success: function(result) {
// $('#save-btn').removeClass('d-none');
// $('#loaderBtn').addClass('d-none');
if (result.status == 200) {
toastr.success(result.message);
setTimeout(() => {
location.reload();
}, 1000);
}
},
error: function(jqXHR) {
// $("#request_callback_btn").removeClass("d-none");
// $("#loaderContactBtn").addClass("d-none");
warning(jqXHR.responseJSON);
},
});
},
});
$("#add-meeting").validate({
ignore: [],
debug: false,
rules: {
location: 'required',
from: 'required',
to: 'required',
host: 'required',
priority: 'required',
participants: 'required',
related_to: 'required'
},
messages: {
location: "Please enter location",
from: "Please choose from date",
to: 'Please select a to date',
host: 'Please select a host',
priority: "Please enter priority",
participants: "Please enter participants",
related_to: "Please enter related to"
},
submitHandler: function(form) {
var formData = new FormData(form);
$.ajax({
url: "{{ route('create-meetings') }}",
type: "POST",
data: formData,
beforeSend: function() {
// $('#loaderBtn').removeClass('d-none');
// $('#save-btn').addClass('d-none');
},
processData: false,
contentType: false,
dataType: "json",
success: function(result) {
// $('#save-btn').removeClass('d-none');
// $('#loaderBtn').addClass('d-none');
if (result.status == 200) {
toastr.success(result.message);
setTimeout(() => {
location.reload();
}, 1000);
}
if (result.status == 400) {
toastr.warning(result.message);
}
},
error: function(jqXHR) {
// $("#request_callback_btn").removeClass("d-none");
// $("#loaderContactBtn").addClass("d-none");
warning(jqXHR.responseJSON);
},
});
},
});
$.validator.addMethod("charactersOnly", function(value, element) {
return /^[a-zA-Z]+$/.test(value);
}, "Please enter only alphabetical characters");
$.validator.addMethod("customEmail", function(value, element) {
// Regular expression for email validation
return /^[^\s@]+@[^\s@]+\.[a-zA-Z]{2,}$/.test(value);
}, "Please enter a valid email address");
$.validator.addMethod("numbersOnly", function(value, element) {
return /^[0-9]+$/.test(value);
}, "Please enter only numbers");
$.validator.addMethod("validNumberFormat", function(value, element) {
// Regular expression to match the number format with optional decimal part
return /^\d+(\.\d{1,2})?$/.test(value);
}, "Please enter a valid number format");
$('#update_lead_form').validate({
ignore: [],
debug: false,
rules: {
lead_owner: 'required',
// lead_company: {
// charactersOnly: true // Using the custom validation rule for individual characters
// },
// first_name: {
// charactersOnly: true // Using the custom validation rule for individual characters
// },
// email: {
// customEmail: true,
// },
// title: {
// charactersOnly: true // Using the custom validation rule for individual characters
// },
// mobile: {
// numbersOnly: true // Using the custom validation rule for individual characters
// },
// phone: {
// numbersOnly: true // Using the custom validation rule for individual characters
// },
// lead_source: {
// charactersOnly: true
// },
// industry: {
// charactersOnly: true
// },
// total_employees: {
// numbersOnly: true // Using the custom validation rule for individual characters
// },
// street: {
// charactersOnly: true // Using the custom validation rule for individual characters
// },
country: {
charactersOnly: true // Using the custom validation rule for individual characters
},
city: {
charactersOnly: true // Using the custom validation rule for individual characters
},
zip_code: {
numbersOnly: true // Using the custom validation rule for individual characters
},
// description: {
// charactersOnly: true // Using the custom validation rule for individual characters
// },
// website: {
// url: true // Using the custom validation rule for individual characters
// },
// annual_revenue:{
// validNumberFormat:true
// }
},
messages: {
lead_owner: {
required: "Please select lead owner",
},
// lead_company: "Please enter only alphabetical characters",
// first_name: "Please enter only alphabetical characters",
// email: {
// email: 'Please enter a valid email address',
// },
// title: "Please enter only alphabetical characters",
// mobile: "Please enter only numbers",
// phone: "Please enter only numbers",
// lead_source: "Please enter only alphabetical characters",
// industry: "Please enter only alphabetical characters",
// total_employees: "Please enter only numbers",
// street: "Please enter only alphabetical characters",
country: "Please enter only alphabetical characters",
city: "Please enter only alphabetical characters",
zip_code: "Please enter only numbers",
// description: "Please enter only alphabetical characters",
// website: "Please enter valid url",
// annual_revenue: "Please enter a valid number format",
},
submitHandler: function(form) {
var formData = new FormData(form);
$.ajax({
url: "{{ route('update-lead') }}",
type: "POST", // Changed to POST
data: formData,
processData: false,
contentType: false,
dataType: 'json',
success: function(result) {
if (result.status == 200) {
toastr.success(result.message);
setTimeout(function() {
var backRoute = sessionStorage.getItem('backRoute');
if (backRoute) {
window.location.href =
"{{ route('personal-dashboard') }}";
sessionStorage.removeItem('backRoute');
} else {
window.location.href = "{{ route('manage_leads') }}";
}
}, 3000);
} else {
toastr.warning(result.message);
}
},
error: function(jqXHR) {
warning(jqXHR.responseJSON);
},
});
},
});
</script>
@endsection