2243 lines
125 KiB
PHP
2243 lines
125 KiB
PHP
@extends('Admin.layouts.master')
|
|
@section('title', 'Manage Leads')
|
|
@section('style')
|
|
<style>
|
|
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: 13px 40px;
|
|
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;
|
|
}
|
|
|
|
#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;
|
|
}
|
|
|
|
.lead-info tr.title.text-dark {
|
|
width: 160px;
|
|
min-width: 160px;
|
|
}
|
|
|
|
.from-search form.example::after {
|
|
content: "";
|
|
clear: both;
|
|
display: table;
|
|
}
|
|
</style>
|
|
@endsection
|
|
<!--end::Head-->
|
|
<!--begin::Body-->
|
|
|
|
<!-- <body data-kt-name="metronic" id="kt_app_body" data-kt-app-layout="dark-sidebar" data-kt-app-header-fixed="true" data-kt-app-sidebar-enabled="true" data-kt-app-sidebar-fixed="true" data-kt-app-sidebar-hoverable="false" data-kt-app-sidebar-push-header="true" data-kt-app-sidebar-push-toolbar="true" data-kt-app-sidebar-push-footer="true" data-kt-app-toolbar-enabled="true" class="app-default"> -->
|
|
<!--begin::Theme mode setup on page load-->
|
|
<!--end::Theme mode setup on page load-->
|
|
<!--begin::App-->
|
|
<!-- <div class="d-flex flex-column flex-root app-root" id="kt_app_root"> -->
|
|
<!--begin::Page-->
|
|
<!-- <div class="app-page flex-column flex-column-fluid" id="kt_app_page"> -->
|
|
<!--begin::Header-->
|
|
|
|
<!--end::Header-->
|
|
<!--begin::Wrapper-->
|
|
@section('content')
|
|
<!-- <div class="d-flex flex-column flex-root app-root" id="kt_app_root"> -->
|
|
<!-- <div class="app-page flex-column flex-column-fluid" id="kt_app_page"> -->
|
|
<!-- <div class="app-wrapper flex-column flex-row-fluid" id="kt_app_wrapper"> -->
|
|
<!--begin::sidebar-->
|
|
|
|
<!--end::sidebar-->
|
|
<!--begin::Main-->
|
|
<div class="app-main flex-column flex-row-fluid" id="kt_app_main">
|
|
<!--begin::Content wrapper-->
|
|
<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'>View Lead Details</p>
|
|
<div class="table_right_options " style="text-align:right">
|
|
<a class="btn btn-primary me-3" href="{{ route('manage_leads') }}">Back</a>
|
|
</div>
|
|
|
|
</div>
|
|
<input type="hidden" id="lead_id" value="{{ $lead->id }}">
|
|
<div class="dataTable_area my-5 mb-0">
|
|
<!--begin::Card-->
|
|
<div class="card">
|
|
<div class="card-header border-0 pt-0 h-0">
|
|
<!--begin::Card toolbar-->
|
|
<div class="card-toolbar">
|
|
<!--begin::Toolbar-->
|
|
<div class="d-flex justify-content-end" data-kt-user-table-toolbar="base">
|
|
<!--begin::Group actions-->
|
|
<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>
|
|
<!--end::Group actions-->
|
|
</div>
|
|
<!--end::Card toolbar-->
|
|
</div>
|
|
<!--end::Card header-->
|
|
<!--begin::Card body-->
|
|
<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">
|
|
<div class="col-md-6">
|
|
<div class="lead-info">
|
|
<table>
|
|
<tbody>
|
|
<tr class="title text-dark">
|
|
<td>Lead Owner</td>
|
|
<td>Category</td>
|
|
<td>Title</td>
|
|
<td>Full Name</td>
|
|
<td>Phone</td>
|
|
<td>Mobile</td>
|
|
<td>Lead Source</td>
|
|
<td>Annual Revenue</td>
|
|
<td>No of Employee</td>
|
|
|
|
</tr>
|
|
<tr>
|
|
{{-- @dd($lead) --}}
|
|
<td>{{ optional($lead->owner)->name ? $lead->owner->name : '--' }}
|
|
</td>
|
|
{{-- <td>{{$lead->product->category->category_name ? $lead->product->category->category_name:'--'}}</td> --}}
|
|
<td>{{ $lead->product->category->category_name ?? 'NA' }}</td>
|
|
<td class="{{$lead->title ? '': 'd-none' }}">{{ $lead->title }}</td>
|
|
<td>{{ $lead->first_name ? $lead->first_name : '--' }}</td>
|
|
<td><i class="fa fa-phone-square" aria-hidden="true"></i><a
|
|
href="">{{ $lead->phone ? $lead->phone : '--' }}</a>
|
|
</td>
|
|
<td><i class="fa fa-phone-square" aria-hidden="true"></i><a
|
|
href="">{{ $lead->mobile ? $lead->mobile : '--' }}</a>
|
|
</td>
|
|
<td>{{ $lead->leadSource ? $lead->leadSource->name : '--' }}</td>
|
|
<td>{{ $lead->modified_by ?? '--' }}</td>
|
|
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="lead-info">
|
|
<table>
|
|
<tbody>
|
|
<tr class="title text-dark">
|
|
<td>Investor Name</td>
|
|
<td>Product</td>
|
|
<td class="{{ $lead->lead_company ? '' : 'd-none' }}">Company</td>
|
|
{{-- <td>Adviser</td> --}}
|
|
<td class="{{ $lead->email ? '' : 'd-none' }}">Email</td>
|
|
<td class="{{ $lead->website ? '' : 'd-none' }}">Website</td>
|
|
<td class="{{ $lead->lead_status ? '' : 'd-none' }}">Lead Status</td>
|
|
<td class="{{ $lead->created_at ? '' : 'd-none' }}">Lead Date</td>
|
|
<td class="{{ $lead->industry ? '' : 'd-none' }}">Industry</td>
|
|
|
|
</tr>
|
|
<tr>
|
|
<td>{{ $lead->user->name ? $lead->user->name : '--' }}</td>
|
|
@if ($lead->product && $lead->product->category)
|
|
@php($productNames = getAllProductNames($lead->product->category->id))
|
|
@foreach ($productNames as $productName)
|
|
@if ($productName->id == $lead->product->id)
|
|
<td>{{ $productName['product_name'] ? $productName['product_name'] : '--' }}
|
|
</td>
|
|
@endif
|
|
@endforeach
|
|
@else
|
|
<td>--</td>
|
|
@endif
|
|
{{-- <td>{{ $lead->lead_company ? $lead->lead_company : '--' }}</td> --}}
|
|
{{-- <td>{{ $lead->advisor ? $lead->advisor : '--' }}</td> --}}
|
|
<td style="{{ $lead->lead_company ? '' : 'display: none;' }}">{{ $lead->lead_company ? $lead->lead_company : '--' }}</td>
|
|
<td style="{{ $lead->email ? '' : 'display: none;' }}">{{ $lead->email ? $lead->email : '--' }}</td>
|
|
<td style="{{ $lead->website ? '' : 'display: none;' }}">{{ $lead->website ? $lead->website : '--' }}</td>
|
|
<td style="{{ $lead->lead_status ? '' : 'display: none;' }}">{{ $lead->lead_status ? $lead->lead_status . ' Lead' : '--' }}
|
|
</td>
|
|
<td style="{{ $lead->created_at ? '' : 'display: none;' }}">{{ date('Y-m-d', strtotime($lead->created_at ?? '--')) }}</td>
|
|
<td style="{{ $lead->industry ? '' : 'display: none;' }}">{{ $lead->industry ? $lead->industry : '--' }}</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 text-dark">
|
|
<td>Street</td>
|
|
<td>State</td>
|
|
<td>Country</td>
|
|
</tr>
|
|
<tr>
|
|
<td>{{ $lead->street ? $lead->street : '--' }}</td>
|
|
<td>{{ $lead->state ? $lead->state : '--' }}</td>
|
|
<td>{{ $lead->country ? $lead->country : '--' }}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="lead-info">
|
|
<table>
|
|
<tbody>
|
|
<tr class="title text-dark">
|
|
<td>City</td>
|
|
<td>Zip Code</td>
|
|
</tr>
|
|
<tr>
|
|
<td>{{ $lead->city ? $lead->city : '--' }}</td>
|
|
<td>{{ $lead->zip_code ? $lead->zip_code : '--' }}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<h4 class="fw-bold fs-2 mb-10">Product Information</h4>
|
|
{{-- <div class="col-md-12 mb-5">
|
|
<div class="lead-info">
|
|
<table>
|
|
<tbody>
|
|
<tr class="title text-dark">
|
|
<td>Description</td>
|
|
</tr>
|
|
<tr>
|
|
<td>{{ $lead->description ? $lead->description : '--' }}</td>
|
|
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div> --}}
|
|
<div class="main-Activities">
|
|
<div class="Activities">
|
|
<div>
|
|
<h4 class="fw-bold fs-2 mb-5">Open Activities</h4>
|
|
</div>
|
|
</div>
|
|
<div class="activ p-5 pt-0">
|
|
{{ $lead->description ? $lead->description : '--' }}
|
|
{{-- <div class="accordion" id="accordionExample">
|
|
@php($openActivity = false)
|
|
@forelse($lead->tasks_meetings as $data)
|
|
@php($openActivity = true)
|
|
@if ($data->status == 0)
|
|
<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">
|
|
@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($openActivity = true)
|
|
@if ($data->status == 0)
|
|
<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 ($openActivity == false)
|
|
<h5 class="text-center">No records found</h5>
|
|
@endif
|
|
</div> --}}
|
|
</div>
|
|
</div>
|
|
<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-10">Notes</h4>
|
|
</div>
|
|
<select name="cars" id="cars" class="sortNotes">
|
|
<option value="oldest">Recent Last</option>
|
|
<option value="recent">Recent First</option>
|
|
</select>
|
|
</div>
|
|
<div class="attach">
|
|
<div class="card">
|
|
<ul class="list-group list-group-flush display-notes">
|
|
@foreach ($lead->notes as $data)
|
|
<li class="list-group-item">{{ $data->notes }} <br>By
|
|
{{ $data->admin->name }} At
|
|
{{ $data->created_at->format('H:i:s d/m/y') }}
|
|
</li>
|
|
@endforeach
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!-- <div class="add-note">
|
|
<input type="text" id="fname" name="fname" placeholder="Add a note...">
|
|
</div>
|
|
<div class="modal-footer justify-content-end add-btn">
|
|
<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="fname" data-bs-target="#save">Save</button>
|
|
</div> -->
|
|
|
|
</div>
|
|
|
|
|
|
<div class="main-attachments">
|
|
<div class="Attachments">
|
|
<div>
|
|
<h4 class="fw-bold fs-2 mb-10">Attachments</h4>
|
|
</div>
|
|
|
|
{{-- <button onclick="myFunction()">Attach<i class="fa fa-caret-down" aria-hidden="true"></i></button>
|
|
<div id="myDIV">
|
|
<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">
|
|
<h5>No Attachment</h5>
|
|
</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"><a type-"button"
|
|
class="btn btn-primary text-light w-25"
|
|
href="{{ route('lead-attachment-download', $data->path) }}">Download
|
|
File</a>
|
|
<br>By {{ $data->admin->name }} At
|
|
{{ $data->created_at->format('H:i:s d/m/y') }}
|
|
@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 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>
|
|
</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="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">
|
|
@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($openActivity = true)
|
|
@if ($data->status == 0)
|
|
<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 ($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 mb-10">Closed Activities</h4>
|
|
</div>
|
|
<div class="activ">
|
|
<div class="accordion" id="accordionExample1">
|
|
@php($closedActivity = false)
|
|
@foreach ($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
|
|
|
|
@foreach ($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>
|
|
<!--end::Card body-->
|
|
</div>
|
|
|
|
<!--end::Card-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!--end::Content wrapper-->
|
|
<!-- view_details_modal-start -->
|
|
<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="Details">
|
|
<h4 class="fw-bold fs-2 mb-10">Details</h4>
|
|
|
|
</div>
|
|
<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>
|
|
<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>
|
|
</>
|
|
</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>
|
|
<div class="col-md-6">
|
|
<div class="lead-info">
|
|
<table>
|
|
<tbody>
|
|
<tr class="'title">
|
|
<td>City</td>
|
|
<td>Zip Code</td>
|
|
</tr> <tr>
|
|
<td>Middle Island</td>
|
|
<td>11953</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 data-kt-inbox-message="message_wrapper">-->
|
|
<!--begin::Message header-->
|
|
<!-- <div class="d-flex flex-wrap gap-2 flex-stack cursor-pointer" data-kt-inbox-message="header">-->
|
|
<!--begin::Author-->
|
|
<!-- <div class="d-flex align-items-center">-->
|
|
<!--end::Avatar-->
|
|
<!-- <div class="pe-5">-->
|
|
<!--begin::Author details-->
|
|
<!-- <div class="d-flex align-items-center flex-wrap gap-1">-->
|
|
<!-- <a href="#" class="fw-bold text-dark text-hover-primary">Emma Smith</a>-->
|
|
<!--begin::Svg Icon | path: icons/duotune/abstract/abs050.svg-->
|
|
<!-- <span class="svg-icon svg-icon-7 svg-icon-success mx-3">-->
|
|
<!-- <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">-->
|
|
<!-- <circle fill="currentColor" cx="12" cy="12" r="8" />-->
|
|
<!-- </svg>-->
|
|
<!-- </span>-->
|
|
<!--end::Svg Icon-->
|
|
<!-- <span class="text-muted fw-bold">1 day ago</span>-->
|
|
<!-- </div>-->
|
|
<!--end::Author details-->
|
|
<!--begin::Preview message-->
|
|
<!-- <div class="text-muted fw-semibold mw-450px d-none" data-kt-inbox-message="preview">With resrpect, i must disagree with Mr.Zinsser. We all know the most part of important part....</div>-->
|
|
<!--end::Preview message-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!--end::Author-->
|
|
<!-- </div>-->
|
|
<!--end::Message header-->
|
|
<!--begin::Message content-->
|
|
<!-- <div class="collapse fade show" data-kt-inbox-message="message">-->
|
|
<!-- <div class="py-5">-->
|
|
<!-- <p>Hi Bob,</p>-->
|
|
<!-- <p>With resrpect, i must disagree with Mr.Zinsser. We all know the most part of important part of any article is the title.Without a compelleing title, your reader won't even get to the first sentence.After the title, however, the first few sentences of your article are certainly the most important part.</p>-->
|
|
<!-- <p>Jornalists call this critical, introductory section the "Lede," and when bridge properly executed, it's the that carries your reader from an headine try at attention-grabbing to the body of your blog post, if you want to get it right on of these 10 clever ways to omen your next blog posr with a bang</p>-->
|
|
<!-- <p>Best regards,</p>-->
|
|
<!-- <p class="mb-0">Jason Muller</p>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!--end::Message content-->
|
|
<!-- </div>-->
|
|
<!--end::Message accordion-->
|
|
<!-- </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"-->
|
|
<!-- >Close</button>-->
|
|
<!-- <button type="button" class="btn btn-primary btn-hover-rise" id="send_mail_replybtn" data-bs-target="#send_mail_reply">Reply an Email</button>-->
|
|
<!--</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">
|
|
<!--begin::Label-->
|
|
<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">
|
|
<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">
|
|
<!--begin::Label-->
|
|
<div class="col-md-12">
|
|
<input type="file" id="myFile" name="filename">
|
|
</div>
|
|
<!--end::Label-->
|
|
</div>
|
|
<!--<div class="row mt-10">-->
|
|
<!-- <div class="col-md-4 text-center">-->
|
|
<!-- <p class="fs-4 fw-bold mb-0 text-muted">Company</p>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="col-md-4 text-center">-->
|
|
<!-- <p class="fs-4 fw-bold mb-0 text-muted">Product</p>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="col-md-4 text-center">-->
|
|
<!-- <p class="fs-4 fw-bold mb-0 text-muted">Category</p>-->
|
|
<!-- </div>-->
|
|
<!--</div>-->
|
|
<!--<div class="row mt-5">-->
|
|
<!-- <div class="col-md-4 text-center">-->
|
|
<!-- <img src="../../assets/media/logo.jpg" alt="Emma Smith" class="w-100px">-->
|
|
<!-- </div>-->
|
|
<!-- <div class="col-md-4 text-center">-->
|
|
<!-- <p class="fs-5 mb-0 text-center">Embassy Business Hub</p>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="col-md-4 text-center">-->
|
|
<!-- <p class="fs-5 mb-0 text-center">Peer-to-Peer lending</p>-->
|
|
<!-- </div>-->
|
|
<!--</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="button" class="btn btn-primary btn-hover-rise" id="myFile"
|
|
data-bs-target="#myFile">Attach</button>
|
|
</div>
|
|
</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">
|
|
<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">
|
|
<form class="task-input">
|
|
<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>
|
|
</div>
|
|
|
|
<div class="tabdiv">
|
|
<label for="fname">Due Date</label>
|
|
<input type="date" id="fname" name="fname">
|
|
</div>
|
|
<div class="tabdiv">
|
|
<label for="fname">Priority</label>
|
|
<input type="text" id="fname" name="fname" value="High">
|
|
<select name="cars" id="cars">
|
|
<option value="volvo"></option>
|
|
<option value="saab">High</option>
|
|
<option value="opel">Highest</option>
|
|
<option value="audi">Low</option>
|
|
<option value="audi">Lowest</option>
|
|
<option value="audi">Normal</option>
|
|
</select>
|
|
</div>
|
|
<div class="tabdiv">
|
|
<label for="fname">Owner</label>
|
|
<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" id="fname" name="fname">
|
|
</div>
|
|
</form>
|
|
</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>
|
|
</div>
|
|
</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">
|
|
<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">
|
|
<form class="task-input">
|
|
<div class="owner-tab">
|
|
<label for="fname">New Meeting</label>
|
|
<a class="action_icon" data-bs-toggle="modal" data-bs-target="#subjectpop">
|
|
</a>
|
|
</div>
|
|
|
|
<div class="tabdiv">
|
|
<label for="fname">location</label>
|
|
<input type="text" id="fname" name="fname">
|
|
</div>
|
|
<div class="tabdiv">
|
|
<label for="fname">All day</label>
|
|
<input type="checkbox" id="fname" name="fname">
|
|
</div>
|
|
<div class="tabdiv">
|
|
<label for="fname">From</label>
|
|
<input type="text" id="fname" name="fname"><a class="action_icon"
|
|
data-bs-toggle="modal" data-bs-target="#ownerpop">
|
|
|
|
</a>
|
|
</div>
|
|
<div class="tabdiv">
|
|
<label for="fname">To</label>
|
|
<input type="text" id="fname" name="fname">
|
|
</div>
|
|
<div class="tabdiv">
|
|
<label for="fname">Host</label>
|
|
<input type="text" id="fname" name="fname" value="vijay">
|
|
<select name="cars" id="cars">
|
|
<option value=""></option>
|
|
<option value="High">High</option>
|
|
<option value="opel">Highest</option>
|
|
<option value="audi">Low</option>
|
|
<option value="audi">Lowest</option>
|
|
<option value="audi">Normal</option>
|
|
</select>
|
|
</div>
|
|
<div class="tabdiv">
|
|
<label for="fname">Participants</label>
|
|
<input type="text" id="fname" name="fname" value="None">
|
|
</div>
|
|
<div class="tabdiv">
|
|
<label for="fname">Related To</label>
|
|
<input type="text" id="fname" name="fname" value="Lead">
|
|
<select name="cars" id="cars">
|
|
<option value=""></option>
|
|
<option value="High">High</option>
|
|
<option value="opel">Highest</option>
|
|
<option value="audi">Low</option>
|
|
<option value="audi">Lowest</option>
|
|
<option value="audi">Normal</option>
|
|
</select>
|
|
</div>
|
|
</form>
|
|
</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>
|
|
</div>
|
|
</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">
|
|
<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">
|
|
<!--begin::Label-->
|
|
<div class="col-md-12 enter-url">
|
|
<div>
|
|
<h4>Enter URL</h4>
|
|
</div>
|
|
<div class="add_link"><input type="text" id="fname" name="fname"
|
|
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="button" class="btn btn-primary btn-hover-rise" id="send_mail_replybtn"
|
|
data-bs-target="#send_mail_reply">Attach</button>
|
|
</div>
|
|
</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 mw-750px">
|
|
<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>
|
|
<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">
|
|
<!--begin::Label-->
|
|
<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="cars" id="cars">
|
|
<option value="volvo">Lead</option>
|
|
<option value="saab">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="fname" name="fname">
|
|
</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">
|
|
<input type="text" id="fname" name="fname">
|
|
</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="fname" name="fname">
|
|
</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="fname" name="fname">
|
|
</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">
|
|
<!--begin::Label-->
|
|
<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="cars" id="cars">
|
|
<option value="volvo">-None-</option>
|
|
<option value="saab">Prospecting</option>
|
|
<option value="opel">Administrative</option>
|
|
<option value="audi">Negotiation</option>
|
|
<option value="saab">Demo</option>
|
|
<option value="opel">Project</option>
|
|
<option value="audi">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="fname" name="fname">
|
|
</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="button" class="btn btn-primary btn-hover-rise" id="send_mail_replybtn"
|
|
data-bs-target="#send_mail_reply">Schedule</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal fade" tabindex="-1" id="log_call">
|
|
<div class="modal-dialog modal-dialog-centered mw-750px">
|
|
<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>
|
|
<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">
|
|
<!--begin::Label-->
|
|
<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="cars" id="cars">
|
|
<option value="volvo">Lead</option>
|
|
<option value="saab">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="fname" name="fname">
|
|
</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="cars" id="cars">
|
|
<option value="volvo">Outbound</option>
|
|
<option value="saab">Inbound</option>
|
|
<option value="saab">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="fname" name="fname">
|
|
</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="fname" name="fname">
|
|
</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">
|
|
<!--begin::Label-->
|
|
<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="cars" id="cars">
|
|
<option value="volvo">-None-</option>
|
|
<option value="saab">Prospecting</option>
|
|
<option value="opel">Administrative</option>
|
|
<option value="audi">Negotiation</option>
|
|
<option value="saab">Demo</option>
|
|
<option value="opel">Project</option>
|
|
<option value="audi">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="fname" name="fname">
|
|
</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">
|
|
<!--begin::Label-->
|
|
<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="cars" id="cars">
|
|
<option value="volvo">-None-</option>
|
|
<option value="saab">Interested</option>
|
|
<option value="opel">Not interested</option>
|
|
<option value="audi">No response/Busy</option>
|
|
<option value="saab">Requested more info</option>
|
|
<option value="opel">Requested call back</option>
|
|
<option value="audi">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">
|
|
<input type="text" id="fname" name="fname">
|
|
</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="button" class="btn btn-primary btn-hover-rise" id="send_mail_replybtn"
|
|
data-bs-target="#send_mail_reply">Save</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- </div>
|
|
</div>
|
|
</div> -->
|
|
@endsection
|
|
<!--end::Wrapper-->
|
|
<!-- </div> -->
|
|
<!--end::Page-->
|
|
<!-- </div> -->
|
|
<!--end::App-->
|
|
|
|
<!-- <script src="../../assets/js/custom/apps/user-management/users/list/table.js"></script> -->
|
|
|
|
<script>
|
|
function myFunction() {
|
|
var x = document.getElementById("myDIV");
|
|
if (x.style.display === "block") {
|
|
x.style.display = "none";
|
|
} else {
|
|
x.style.display = "block";
|
|
}
|
|
}
|
|
|
|
function activate() {
|
|
var x = document.getElementById("activ_drop");
|
|
if (x.style.display === "block") {
|
|
x.style.display = "none";
|
|
} else {
|
|
x.style.display = "block";
|
|
}
|
|
}
|
|
|
|
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');
|
|
});
|
|
});
|
|
</script>
|
|
|
|
<!-- </body> -->
|
|
<!--end::Body-->
|
|
<!-- </html> -->
|
|
@section('scripts')
|
|
<script>
|
|
$('.sortNotes').on('change', function() {
|
|
let value = $(this).val();
|
|
let lead_id = $('#lead_id').val();
|
|
$.ajax({
|
|
url: "{{ route('sort-notes') }}",
|
|
type: "GET",
|
|
data: {
|
|
value: value,
|
|
lead_id: lead_id
|
|
},
|
|
success: function(result) {
|
|
$('.display-notes').html('').html(result);
|
|
},
|
|
});
|
|
})
|
|
|
|
// $(function() {
|
|
// Swal.fire({
|
|
// title: 'Do you want to convert it to closed activity?',
|
|
// showDenyButton: false,
|
|
// showCancelButton: true,
|
|
// confirmButtonText: 'Submit',
|
|
// }).then((result) => {
|
|
// if (result.isConfirmed) {
|
|
// Swal.fire('Saved!', '', 'success')
|
|
// }
|
|
// })
|
|
// })
|
|
|
|
$('.convertChkbox').click(function() {
|
|
Swal.fire({
|
|
title: 'Do you want to convert it to closed activity?',
|
|
showDenyButton: false,
|
|
showCancelButton: true,
|
|
confirmButtonText: 'Submit',
|
|
}).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')
|
|
},
|
|
success: function(result) {
|
|
toastr.success(result.message);
|
|
setTimeout(() => {
|
|
location.reload();
|
|
}, 1000);
|
|
},
|
|
});
|
|
|
|
}
|
|
})
|
|
})
|
|
</script>
|
|
@endsection
|