Back | Home
الـ Path الحالي: /home/picotech/domains/instantly.picotech.app/public_html/resources/views/customer/lead_finder
الملفات الموجودة في هذا الـ Path:
.
..
index.blade.php
مشاهدة ملف: index.blade.php
@extends('layouts.customer')
@section('title')
Contacts
@endsection
@section('extra-css')
<link rel="stylesheet" href="{{asset('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('plugins/datatables-responsive/css/responsive.bootstrap4.min.css')}}">
{{--
<link rel="stylesheet" href="{{asset('plugins/select2/css/select2.min.css')}}"> --}}
<style>
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
display: none;
}
.filter-sech-box-content-sec {
padding: 5px 0px;
}
.filter-search-box-icon {
margin-bottom: 10px;
}
.all-filters-input-content {
overflow-y: scroll;
height: 100vh;
margin-bottom: 60px;
overflow-x: hidden;
padding-right: 10px;
}
</style>
@endsection
@section('content')
<!-- Main content -->
<section class="content">
<div class="row">
<div class="col-lg-3 p-0">
<div class="lead-finder-search-sec">
<div class="lead-finder-title-sec">
Lead Finder
</div>
<div class="lead-finder-filter-sec">
<div class="lead-finder-filter-text-sec">
<div class="lead-finder-filter-text">
Filters
</div>
<div class="lead-finder-filter-icon">
<i class="fa fa-upload" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="all-filters-input-content">
<div class="filter-sech-box-content-sec">
<div class="filter-search-box-sec">
<div class="filter-search-box-icon">
<i class="fa fa-users job-title-icon" aria-hidden="true"></i> <span
class="select2-label-text">Job Title</span>
</div>
<div class="form-group mb-2" id="job_title-sec">
<select name="job_title" id="job_title"
class="select2 job-title-selection filter_data"
data-placeholder="{{trans('admin.job_title')}}:" multiple="multiple">
@if (isset($job_titles))
@foreach ($job_titles as $job_title )
<option value="{{$job_title}}">{{$job_title}}</option>
@endforeach
@endif
</select>
</div>
</div>
</div>
<div class="filter-sech-box-content-sec">
<div class="filter-search-box-sec">
<div class="filter-search-box-icon">
<i class="fa fa-location-arrow location-icon" aria-hidden="true"></i> <span
class="select2-label-text"> Location</span>
</div>
<div class="form-group mb-2" id="location-sec">
<select name="location" id="location_find" data-placeholder="{{trans('Location')}}:" multiple="multiple"
class="select2 compose-select filter_data">
@if (isset($locations))
@foreach ($locations as $location )
<option value="{{$location}}">{{$location}}</option>
@endforeach
@endif
</select>
</div>
</div>
</div>
<div class="filter-sech-box-content-sec ">
<div class="filter-search-box-sec">
<div class="filter-search-box-icon">
<i class="fa fa-industry industry-icon" aria-hidden="true"></i> <span
class="select2-label-text">Industry</span>
</div>
<div class="form-group mb-2" id="industry-select-sec">
<select name="industry" data-placeholder="{{trans('Industry')}}:" multiple="multiple" id="industry-select" class="select2 compose-select">
@if (isset($industries))
@foreach ($industries as $industry )
<option value="{{$industry}}">{{$industry}}</option>
@endforeach
@endif
</select>
</div>
</div>
</div>
<div class="filter-sech-box-content-sec">
<div class="filter-search-box-sec">
<div class="filter-search-box-icon">
<i class="fa fa-user employee-icon" aria-hidden="true"></i> <span
class="select2-label-text">Employee</span>
</div>
<div class="form-group mb-2" id="employee-select-sec">
<select name="location" data-placeholder="{{trans('Employee')}}:" multiple="multiple" id="employee-select" class="select2 compose-select">
@if (isset($employies))
@foreach ($employies as $employe)
<option value="{{$employe}}">{{$employe}}</option>
@endforeach
@endif
</select>
</div>
</div>
</div>
<div class="filter-sech-box-content-sec">
<div class="filter-search-box-sec">
<div class="filter-search-box-icon">
<i class="fas fa-dollar-sign" aria-hidden="true"></i> <span
class="select2-label-text">Revenue</span>
</div>
<div class="form-group mb-2" id="revenue-select-sec">
<select name="revenue" data-placeholder="{{trans('Revenue')}}:" multiple="multiple" id="revenue-select" class="select2 compose-select">
@if (isset($revenues))
@foreach ($revenues as $revenue )
<option value="{{$revenue}}">{{$revenue}}</option>
@endforeach
@endif
</select>
</div>
</div>
</div>
<div class="filter-sech-box-content-sec ">
<div class="filter-search-box-sec">
<div class="filter-search-box-icon">
<i class="fa fa-terminal" aria-hidden="true"></i> <span
class="select2-label-text">Keyword</span>
</div>
<div class="form-group mb-2" id="keyword-select-sec">
<select name="keyword" data-placeholder="{{trans('Keyword')}}:" multiple="multiple" id="keyword-select" class="select2 compose-select">
@if (isset($keywords))
@foreach ($keywords as $keyword )
<option value="{{$keyword}}">{{$keyword}}</option>
@endforeach
@endif
</select>
</div>
</div>
</div>
<div class="filter-sech-box-content-sec">
<div class="filter-search-box-sec">
<div class="filter-search-box-icon">
<i class="fa fa-globe" aria-hidden="true"></i><span class="select2-label-text">Lookalike
Domain</span>
</div>
<div class="form-group mb-2" id="lookalike-domain-select-sec">
<select name="lookalike_domain" data-placeholder="{{trans('Lookalike Domain')}}:" multiple="multiple" id="lookalike_domain_select"
class="select2 compose-select">
@if (isset($lookalike_domains))
@foreach ($lookalike_domains as $lookalike_domain )
<option
value="{{$lookalike_domain}}">{{$lookalike_domain}}</option>
@endforeach
@endif
</select>
</div>
</div>
</div>
<div class="filter-sech-box-content-sec">
<div class="filter-search-box-sec">
<div class="filter-search-box-icon">
<i class="fa fa-adjust" aria-hidden="true"></i> <span
class="select2-label-text">Domain</span>
</div>
<div class="form-group mb-2" id="domain-select-sec">
<select name="domain" data-placeholder="{{trans('Domain')}}:" multiple="multiple" id="domain_select" class="select2 compose-select">
@if (isset($domains))
@foreach ($domains as $domain )
<option value="{{$domain}}">{{$domain}}</option>
@endforeach
@endif
</select>
</div>
</div>
</div>
<div class="filter-sech-box-content-sec">
<div class="filter-search-box-sec">
<div class="filter-search-box-icon">
<i class="fa fa-server" aria-hidden="true"></i> <span
class="select2-label-text">Technology</span>
</div>
<div class="form-group mb-2" id="technology-select-sec">
<select name="technology" data-placeholder="{{trans('Technology')}}:" multiple="multiple" id="technology_select" class="select2 compose-select">
@if (isset($technologies))
@foreach ($technologies as $technology )
<option
value="{{$technology}}">{{$technology}}</option>
@endforeach
@endif
</select>
</div>
</div>
</div>
<div class="filter-sech-box-content-sec">
<div class="filter-search-box-sec">
<div class="filter-search-box-icon">
<i class="fa fa-server" aria-hidden="true"></i> <span
class="select2-label-text">Department</span>
</div>
<div class="form-group mb-2" id="department-select-sec">
<select name="department" data-placeholder="{{trans('Department')}}:" multiple="multiple" id="department_select" class="select2 compose-select">
@if (isset($departments))
@foreach ($departments as $department )
<option value="{{$department}}">{{$department}}</option>
@endforeach
@endif
</select>
</div>
</div>
</div>
<div class="filter-sech-box-content-sec">
<div class="filter-search-box-sec">
<div class="filter-search-box-icon">
<i class="fa fa-server" aria-hidden="true"></i> <span
class="select2-label-text">Management Levels</span>
</div>
<div class="form-group mb-2" id="management-lavel-select-sec">
<select name="management_lavel" data-placeholder="{{trans('Management Lavels')}}:" multiple="multiple" id="management_lavel_select"
class="select2 compose-select">
@if (isset($management_lavels))
@foreach ($management_lavels as $management_lavel )
<option
value="{{$management_lavel}}">{{$management_lavel}}</option>
@endforeach
@endif
</select>
</div>
</div>
</div>
<div class="filter-sech-box-content-sec">
<div class="filter-search-box-sec">
<div class="filter-search-box-icon">
<i class="fa fa-server" aria-hidden="true"></i> <span
class="select2-label-text">Name</span>
</div>
<div class="form-group mb-2" id="name-select-sec">
<select name="name" data-placeholder="{{trans('Name')}}:" multiple="multiple" id="name_select" class="select2 compose-select">
@if (isset($names))
@foreach ($names as $name )
<option value="{{$name}}">{{$name}}</option>
@endforeach
@endif
</select>
</div>
</div>
</div>
<div class="filter-sech-box-content-sec">
<div class="filter-search-box-sec">
<div class="filter-search-box-icon">
<i class="fa fa-server" aria-hidden="true"></i> <span class="select2-label-text">Company
Name</span>
</div>
<div class="form-group mb-2" id="company-name-select-sec">
<select name="company_name" data-placeholder="{{trans('Company Name')}}:" multiple="multiple" id="company_name_select" class="select2 compose-select">
@if (isset($company_names))
@foreach ($company_names as $company_name )
<option
value="{{$company_name}}">{{$company_name}}</option>
@endforeach
@endif
</select>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-9">
<div class="card">
<div class="card-header">
<h2 class="card-title">@lang('customer.leads')</h2>
</div>
<!-- /.card-header -->
<div class="card-body">
<table id="leads" class="table table-striped table-bordered dt-responsive nowrap">
<thead>
<tr>
<th>@lang('admin.job_title')</th>
<th>@lang('admin.location')</th>
<th>@lang('admin.industry')</th>
<th>@lang('admin.revenue')</th>
<th>@lang('admin.employee')</th>
<th>@lang('admin.keyword')</th>
<th>@lang('admin.lookalike_domain')</th>
<th>@lang('admin.domain')</th>
<th>@lang('admin.technology')</th>
<th>@lang('admin.department')</th>
<th>@lang('admin.management_lavel')</th>
<th>@lang('admin.name')</th>
<th>@lang('admin.company_name')</th>
<th>@lang('admin.created_at')</th>
<th>@lang('admin.page.status')</th>
</tr>
</thead>
</table>
</div>
<!-- /.card-body -->
</div>
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</section>
<!-- /.content -->
@endsection
@section('extra-scripts')
<script src="{{asset('plugins/select2/js/select2.min.js')}}"></script>
<script>
"use strict";
$(document).on('change', '.filter_data', function () {
$('#leads').DataTable().draw();
});
$('#leads').DataTable({
processing: true,
serverSide: true,
responsive: true,
ajax: {
"url": '{{route('customer.get.all.lead')}}',
data: function (d) {
d.job_title = $('#job_title').val();
d.location_find = $('#location_find').val();
d.industry = $('#industry-select').val();
d.employee = $('#employee-select').val();
d.revenue = $('#revenue-select').val();
d.keyword = $('#keyword-select').val();
d.lookalike_domain = $('#lookalike_domain_select').val();
d.domain = $('#domain_select').val();
d.technology = $('#technology_select').val();
d.department = $('#department_select').val();
d.management_lavel = $('#management_lavel_select').val();
d.company_name = $('#company_name_select').val();
d.name = $('#name_select').val();
}
},
columns: [
{"data": "job_title"},
{"data": "location"},
{"data": "industry"},
{"data": "revenue"},
{"data": "employee"},
{"data": "keyword"},
{"data": "lookalike_domain"},
{"data": "domain"},
{"data": "technology"},
{"data": "department"},
{"data": "management_lavel"},
{"data": "name"},
{"data": "company_name"},
{"data": "created_at"},
{"data": "status"}
]
});
</script>
<script>
$(document).ready(function () {
var select2 = $('.job-title-selection').select2({
tags: true,
});
// $('.job-title-selection').val(null).trigger('change');
$("#location_find").select2({
tags: true,
});
// $('#location_find').val(null).trigger('change');
$("#industry-select").select2({
tags: true,
});
// $('#industry-select').val(null).trigger('change');
$("#employee-select").select2({
tags: true,
});
// $('#employee-select').val(null).trigger('change');
$("#revenue-select").select2({
tags: true,
});
// $('#revenue-select').val(null).trigger('change');
$("#keyword-select").select2({
tags: true,
});
// $('#keyword-select').val(null).trigger('change');
$("#lookalike_domain_select").select2({
tags: true,
});
// $('#lookalike_domain_select').val(null).trigger('change');
$("#domain_select").select2({
tags: true,
});
// $('#domain_select').val(null).trigger('change');
$("#technology_select").select2({
tags: true,
});
// $('#technology_select').val(null).trigger('change');
$("#department_select").select2({
tags: true,
});
// $('#department_select').val(null).trigger('change');
$("#management_lavel_select").select2({
tags: true,
});
// $('#management_lavel_select').val(null).trigger('change');
$("#name_select").select2({
tags: true,
});
// $('#name_select').val(null).trigger('change');
$("#company_name_select").select2({
tags: true,
});
// $('#company_name_select').val(null).trigger('change');
});
</script>
@endsection