@extends('layouts.admin.master')

@section('title')Lead
 {{ $title }}
@endsection


@push('css')
<meta name="csrf-token" content="{{ csrf_token() }}" />
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/daterange-picker.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/date-picker.css') }}">
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/datatables.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/datatable-extension.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/bootstrap-multiselect.css')}}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/select2.css') }}">
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/scrollable.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/sweetalert2.css')}}">



<style>
    .select2-drop-active{
    margin-top: -25px;
}
  .btn {
	padding: 0.375rem 0.75rem !important;
}
.form-check-input {
	margin-top: .5em !important;
}
.adv-filter .btn {
 margin-right:5px;
}
.search-input-container .search-magnifier-icon, .search-input-container .search-delete-icon {
	color: var(--muted);
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 100%;
	text-align: center;
	cursor: pointer;
}
table.dataTable.table thead th.sorting::after{
    top:7px;
}
table.dataTable.table thead th.sorting::before{
    bottom:4px !important
}
.form-check-input:checked {
	background-color: #2e7064 !important;
	border-color: #0d6efd;
}

.new-drop{
    background-color:#ffffff !important;
	transform: translate3d(0px, 35px, 0px);
    width:100%

}

.scroll-demo {
	height: auto !important;
}
</style>
@endpush

@section('content')
@php
    $visiblity = Session::get('visibility');
    $currentUser = Session::get('userId');

    $add = hasAccess('enquireList-add');
    $update = hasAccess('enquireList-update');
    $view = '';

    $isAdmin = Session::get('isAdmin');

    $total = $Pagecount;
    $limit = request()->get('limit',20);
    $skip = request()->get('skip',0);
    $showCount = $limit + $skip;
    if($showCount > $total)
    {
        $showCount = $total;
    }


@endphp
<div class="container-fluid">
    <div class="page-header">
      <div class="row">
        <div class="col-lg-6">
          <h3>Enquires</h3>
          <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="javascript:void(0)">Lead</a></li>
            <li class="breadcrumb-item"><a href="javascript:void(0)">List</a></li>

          </ol>
        </div>
        <div class="col-lg-6">
          <div class="bookmark">
            <ul>
            @if($add)
            <li><a class="btn btn-primary-light" href="{{route('enquire',['action'=>base64_encode('add')])}}">Add Enquire</a></li>
            @endif
            </ul>
          </div>
        </div>
      </div>
    </div>
</div>
<div class="card" style="border:none" id ="accordionclose">
    <div class="collapse" id="collapse1" aria-labelledby="heading1" data-bs-parent="#accordionclose">
        <div class="card-body">
            <form action="" method="get" id="formSearchFilter">
            <div class="row">
                <div class="col-lg-3 col-xs-12">
                    <div class="mb-3">
                        <label>Enqiuire Date</label>
                        <input class="form-control datetimepicker-input digits" type="text" data-language="en" name="searchEnquireDate" id="searchEnquireDate" />
                    </div>
                </div>
                <div class="col-lg-3 col-xs-12">
                    <div class="mb-3">
                            <label>Name</label>
                            <input class="form-control" type="text" placeholder="Name " id="searchName" name="searchName"/>
                    </div>
                </div>
                <div class="col-lg-3 col-xs-12 d-none">
                    <div class="mb-3">
                        <input class="form-control" type="hidden" placeholder="Name " id="filterType" name="filterType"/>
                    </div>
                </div>
                <div class="col-lg-3 col-xs-12">
                    <div class="mb-3">
                            <label>Contact No</label>
                            <input class="form-control" type="text" placeholder="Contact No " id="searchContact" name="searchContact"/>
                    </div>
                </div>
                <div class="col-lg-3 col-xs-12">
                    <div class="mb-3">
                            <label>Course</label>
                            @php
                                $courseList = getCourse('All');
                            @endphp
                            <select class="form-select filter-multiple" name="searchCourse[]" multiple id="searchCourse">
                                <option value="">--select Course--</option>
                                @foreach($courseList as $course)
                                <option value="{{encrypt_decrypt('encrypt',$course->courseId)}}">{{$course->courseName}}</option>
                                @endforeach
                            </select>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-3 col-xs-12">
                    <div class="mb-3">
                        <label>Assign To</label>
                        @php
                            $usrList = getUserByVisibility($visiblity,$currentUser);
                        @endphp
                        <select class="form-select filter-multiple" name="searchAssign[]" multiple id="searchAssign">
                            @foreach($usrList as $id=>$name)
                            <option value="{{encrypt_decrypt('encrypt',$id)}}">{{$name}}</option>
                            @endforeach
                            @if($visiblity=="all")
                            <option value="{{encrypt_decrypt('encrypt','0')}}">Not Assigned</option>
                            @endif
                        </select>
                    </div>
                </div>
                <div class="col-lg-3 col-xs-12">
                    <div class="mb-3">
                        <label>Stage</label>
                        @php
                            $stage = getLeadStage('LeadStage');
                        @endphp
                        <select class="form-select filter-multiple" name="searchStage[]"  multiple id="searchStage">
                            @foreach($stage as $stage_id=>$name)
                            <option value="{{$name}}">{{$name}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-lg-3 col-xs-12">
                    <div class="mb-3">
                            <label>Source</label>
                            @php
                                $source = getLeadStage('Source');
                            @endphp
                            <select name="searchSource[]" multiple id="searchSource">
                                @foreach($source as $source=>$name)
                                <option value="{{$name}}" >{{$name}}</option>
                                @endforeach
                            </select>
                    </div>
                </div>
                <div class="col-lg-3 col-xs-12">
                    <div class="mb-3">
                         <label>Campaign</label>
                            @php
                                $campaign = getLeadStage('Campaign');
                            @endphp
                            <select class="form-select filter-multiple" name="searchCampaign[]"  multiple id="searchCampaign">
                                @foreach($campaign as $campaign_id=>$name)
                                <option value="{{$campaign_id}}">{{$name}}</option>
                                @endforeach
                            </select>
                    </div>
                </div>
                <div class="col-lg-3 col-xs-12">
                    <div class="mb-3">
                        <label>Stream</label>
                         <select class="form-select" name="searchStream" id="searchStream" >
                            <option value="">--Select Steam--</option>
                            <option value="Enginnering">Enginnering</option>
                            <option value="Medical">Medical</option>
                            <option value="Foundation">Foundation</option>
                        </select>
                    </div>
                </div>
                <div class="col-lg-3 col-xs-12">
                    <div class="mb-3">
                            <label>Created By</label>
                        @php
                            $usrList = getUserList();
                        @endphp
                        <select class="form-select filter-multiple" name="searchCreated[]" multiple id="searchCreated">
                            @foreach($usrList as $id=>$name)
                            <option value="{{encrypt_decrypt('encrypt',$id)}}">{{$name}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-lg-3 col-xs-12">
                    <div class="mb-3">
                        <label>Enquire Purpose</label>
                        @php
                            $stage = getLeadStage('EnquirePurpose');
                        @endphp
                        <select class="form-select" name="searchPurpose"  id="searchPurpose">
                            <option value="">--Select Enquire Purpose--</option>
                            @foreach($stage as $stage_id=>$name)
                                <option value="{{$stage_id}}">{{$name}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-lg-3 col-xs-12">
                    <div class="mb-3">
                        <label>Utm Campaign</label>
                        <input class="form-control" type="text" placeholder="Campaign Name " id="searchUtmCampaign" name="searchUtmCampaign"/>
                    </div>
                </div>

                <div class="col-lg-3 col-xs-12">
                    <div class="mb-3">
                        <label>Untouched Lead</label>
                        <input class="form-control" type="text" placeholder="Date" id="searchNotFollowup" name="searchNotFollowup"/>
                    </div>
                </div>
                <div class="col-lg-3 col-xs-12">
                    <div class="mb-3">
                        <label>Lead Owner</label>
                        @php
                            $stage = getLeadOwnerUserList();
                        @endphp
                        <select class="form-select" name="searchLeadOwner"  id="searchLeadOwner">
                            <option value="">--Select Lead Owner--</option>
                            @foreach($stage as $stage_id=>$name)
                                <option value="{{$stage_id}}">{{$name}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-lg-3 col-xs-12">
                    <div class="mb-3">
                            <input class="form-control" type="hidden" name="searchType" placeholder="type " id="searchType" value="{{request()->has('callDisposition') || request()->has('followupDate') ? base64_encode('advfilter') :base64_encode('filter')}}"/>
                    </div>
                </div>
            </div>
            <div class="text-sm-end">
                <button class="btn btn-primary" id="submitSearch">Search</button>
                @if(hasAccess('sendEnquireSms-add')=="true")
                <button class="btn btn-primary" type="button" id="submitSms" data-bs-toggle="modal" data-bs-target="#templateModal" >Send Sms</button>
                @endif
                <button class="btn btn-primary clearSearch" type="button" id="clearSearch">Clear</button>
            </div>
            </form>
        </div>
    </div>
</div>
<div class="container-fluid">
    <div class="row">
        <!-- Search Start -->
        <div class="col-sm-12 col-md-5 col-lg-3 col-xxl-2 mb-1">
            <div
                class="d-inline-block float-md-start me-1 mb-1 search-input-container w-100 shadow bg-foreground">
                <input class="form-control datatable-search" placeholder="Search"
                        data-datatable="#enquire-dt" id="enquireSearch" value="{!! request()->get('search','')  !!}"/>
            </div>
        </div>
        <!-- Search End -->
    <div class="col-sm-12 col-md-7 col-lg-9 col-xxl-10 text-end mb-1">
        <div class="d-inline-block me-0 me-sm-3 float-start float-md-none">
            <!-- Add Button Start -->
            <button class="btn btn-icon btn-icon-only btn-foreground-alternate shadow type"
                    type="button" id="assign-today" data-type="assign-today">
                Assigned Today
            </button>
            <button class="btn btn-icon-only btn-foreground-alternate shadow type"
                    id="followup-today" type="button" data-type="followup-today">
                Followup Today
            </button>
            @if(hasAccess('changeAssign-add')=="true")
            <button class="btn btn-icon-only btn-foreground-alternate shadow type"
                    id="unassigned-today" type="button" data-type="unassigned-today">
                Today's Unassigned Leads
            </button>
            @endif
            @if(hasAccess('changeAssign-add')=="true")
            <button class="btn btn-icon-only btn-foreground-alternate shadow type"
                    id="not-followup-today" type="button" data-type="not-followup-today">
                Not Followup today
            </button>
            @endif
            <button class="btn btn-icon btn-icon-only btn-foreground-alternate shadow "
            data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="false" aria-controls="heading1" type="button">
                   Filter
            </button>

            <button class="btn btn-icon btn-icon-only btn-foreground-alternate shadow "
            id="advFilter" type ="button" data-bs-toggle="modal" data-bs-target="#advFilterModal">
                 Adv Filter
            </button>

            <!-- <button
                class="btn btn-icon btn-icon-only btn-foreground-alternate shadow edit-datatable disabled"
                data-bs-toggle="tooltip" data-bs-placement="top" title="Edit" type="button"
                data-bs-delay="0">
                <i class="fa fa-hdd-o"></i>
            </button>

            <button
                class="btn btn-icon btn-icon-only btn-foreground-alternate shadow disabled delete-datatable"
                data-bs-toggle="tooltip" data-bs-placement="top" title="Delete" type="button"
                data-bs-delay="0">
                <i class="fa fa-hdd-o"></i>
            </button> -->
        </div>
        <div class="d-inline-block">
            <!-- Print Button Start -->
            @if(hasAccess('enquireList-add')=="true")
            <button
                class="btn btn-icon btn-icon-only btn-foreground-alternate shadow datatable-print"
                data-datatable="#datatableRows" data-bs-toggle="modal" data-bs-target="#quickAddModal" data-bs-toggle="tooltip" data-bs-placement="top"
                data-bs-delay="0" title="Qucik Add" type="button">
                <i class="icon-plus" style="width:18px; height:18px;"></i>
            </button>
            @endif
            @if(hasAccess('uploadEnquire-add')=="true")
            <a class="btn btn-icon btn-icon-only btn-foreground-alternate shadow datatable-print" href="{{route('uploadFile')}}" target="_blank" type="button"><i data-feather="upload" style="width:18px; height:18px;"></i></a>

            <!-- <button
                class="btn btn-icon btn-icon-only btn-foreground-alternate shadow datatable-print"
                data-datatable="#datatableRows"  data-bs-toggle="modal" data-bs-target="#exampleModalCenter" data-bs-placement="top"
                data-bs-delay="0" title="Upload" type="button">
                <i data-feather="upload" style="width:18px; height:18px;"></i>
            </button> -->
            @endif
            <!-- Print Button End -->
            @if(hasAccess('downloadEnquire-add')=="true")
            <!-- Export Dropdown Start -->
            <div class="d-inline-block datatable-export">
                <button class="btn p-0 shadow" data-bs-toggle="dropdown" type="button"
                        data-bs-offset="0,3">
                <span class="btn btn-icon btn-icon-only btn-foreground-alternate dropdown"
                        data-bs-delay="0" data-bs-placement="top" data-bs-toggle="tooltip"
                        title="Download">
                        <i data-feather="download" style="width:18px; height:18px;"></i>
                </span>
                </button>
                <div class="dropdown-menu shadow dropdown-menu-end">
                    <!-- <button class="dropdown-item export-copy" type="button">Copy</button> -->
                    <a class="dropdown-item export-excel" href="{{route('downloadEnquire',['type'=>'XLSX','q'=>app('request')->request->all()])}}" type="button">Excel</a>
                    <a class="dropdown-item export-excel" href="{{route('downloadEnquire',['type'=>'CSV','q'=>app('request')->request->all()])}}" type="button">Csv</a>
                </div>
            </div>
            @endif
            <!-- Export Dropdown End -->

            <!-- Length Start -->
            <div class="dropdown-as-select d-inline-block datatable-length"
                    data-childSelector="span">
                <button class="btn p-0 shadow" type="button" data-bs-toggle="dropdown"
                        aria-haspopup="true" aria-expanded="false" data-bs-offset="0,3">
                <span class="btn btn-foreground-alternate dropdown-toggle"  data-bs-toggle="tooltip"
                        data-bs-placement="top" data-bs-delay="0" title="Item Count" >
                    {!! request()->get('limit',20) !!} Items
                </span>
                </button>
                <div class="dropdown-menu shadow dropdown-menu-end">
                    <a class="dropdown-item" href="?skip={{ request('skip', 0) }}&limit=20&{{ http_build_query(request()->except(['skip', 'limit'])) }}">20 Items</a>
                    <a class="dropdown-item" href="?skip={{ request('skip', 0) }}&limit=50&{{ http_build_query(request()->except(['skip', 'limit'])) }}">50 Items</a>
                    <a class="dropdown-item" href="?skip={{ request('skip', 0) }}&limit=100&{{ http_build_query(request()->except(['skip', 'limit'])) }}">100 Items</a>
                </div>
            </div>

            <div class="btn-group ms-1 check-all-container shadow">
                <div class="btn btn-outline-primary btn-custom-control p-0 ps-3 pe-2"
                    id="datatableCheckAllButton" style="padding-left:0.5rem !important">
                <span class="form-check float-end">
                    <input type="checkbox" class="form-check-input" id="datatableCheckAll" style="width:18px !important;height:18px !important;"/>
                </span>
                </div>
                <button type="button"
                        class="btn btn-outline-primary dropdown-toggle dropdown-toggle-split"
                        data-bs-offset="0,3" data-bs-toggle="dropdown" aria-haspopup="true"
                        aria-expanded="false" data-submenu></button>
                <div class="dropdown-menu shadow dropdown-menu-end">
                    @if(hasAccess('changeAssign-add')=="true")
                    <a class="dropdown-item" href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#assignModal">Assign</a>
                    @endif

                    @if(hasAccess('changeStage-add') == "true")
                    <a class="dropdown-item" href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#stageModal">Stage</a>
                    @endif

                    @if(hasAccess('uploadBulkAssign-add') == "true")
                    <a class="dropdown-item" href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#bulkAssign">Bulk Assign</a>
                    @endif

                    @if(hasAccess('removeAssign-add') == "true")
                    <a class="dropdown-item" href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#removeAssign">Remove Assign</a>
                    @endif
                    @if(hasAccess('removeJunk-add') == "true")
                    <a class="dropdown-item" href="javascript:void(0)" id="removeJunk">Remove Junk</a>
                    @endif
                </div>
            </div>
            <!-- Length End -->
        </div>
    </div>
</div>
    <div class="row justify-content-center">
        <div class="col-sm-12">
            <div class="card">
                <div class="card-header" style="padding:20px">
                    <h5>Enquire <span class="float-end f-w-400 f-18">Showing {{$skip + 1}}-{{$showCount}} of {{$total}}</span></h5>
                </div>
                <div class="card-block row">
                    <div class="table-responsive">
                        <table class="table f-12" id="enquire-dt">
                            <thead class="table-primary">
                            <tr>
                                <th class="d-none">*</th>
                                <th>#</th>
                                <th>Visit_at</th>
                                <th>Name</th>
                                <th>Contact</th>
                                <th>Course</th>
                                <th>Assign To</th>
                                <th>Source</th>
                                <th>Social Media</th>
                                <th>Stage</th>
                                <th>Duplicate</th>
                                <th>L-FUP</th>
                                <!-- <th>FUP</th> -->
                                <th>&nbsp;</th>
                                <th>#</th>
                            </tr>
                            </thead>
                            <tbody>
                                @php
                                $count = $skip + 1;
                                $userList = getUserList();
                                $courseArr = $courseList->toArray();
                                $courseArr = array_column($courseArr,'courseName','courseId');
                                if(is_array($data))
                                {
                                    $temp = array_column($data,"PrimaryContact");
                                    $numbers = getEnquireNumber($temp);
                                    $duplicate = array_count_values(array_values($numbers));

                                    $enq_id = array_column($data,"enquire_id");
                                    $followup_list =  getLastFollowup($enq_id)->toArray();
                                    $lastFup = array_column($followup_list,'addDate','leadId');
                                    $remark = array_column($followup_list,'remark','leadId');
                                    $prev_next = array_column($data,"enquire_id");
                                    Session::put('page', $prev_next);
                                }
                                else
                                {
                                    $temp = array_column($data->toArray(),"PrimaryContact");
                                    $numbers = getEnquireNumber($temp);
                                    $duplicate = array_count_values(array_values($numbers));

                                    $enq_id = array_column($data->toArray(),"enquire_id");
                                    $followup_list =  getLastFollowup($enq_id)->toArray();

                                    $lastFup = array_column($followup_list,'addDate','leadId');
                                    $remark = array_column($followup_list,'remark','leadId');

                                    $prev_next = array_column($data->toArray(),"enquire_id");
                                    Session::put('page', $prev_next);

                                }
                                @endphp
                                @foreach($data as $list)
                                @php
                                    $tempLastFUP = isset($lastFup[$list->enquire_id]) ? $lastFup[$list->enquire_id] :'N/A';
                                    $last_remark = isset($remark[$list->enquire_id]) ? $remark[$list->enquire_id] :'';
                                    $dup = isset($duplicate[$list->PrimaryContact])  ? $duplicate[$list->PrimaryContact] > 1 ? "Yes": "No" : "No";
                                    $contact = $list->PrimaryContact;
                                    if(strlen($contact) < 3 )
                                        {
                                            $len = 0;
                                        }
                                        else
                                        {
                                            $len = 3;
                                        }
                                    $contact = substr_replace($contact,str_repeat("*",strlen($contact)-$len),0,strlen($contact)-3);
                                    if(Session::get('isPhone')=="List" || Session::get('isPhone')=="ALL")
                                    {
                                        $contact = $list->PrimaryContact;
                                    }
                                @endphp
                                <tr>
                                    <td class="d-none"><input type="hidden" value="{{encrypt_decrypt('encrypt',$list->enquire_id)}}"></td>
                                    <th scope="row" style="text-align:center">{{$count++}}</th>
                                    <td>{{$list->last_visited_date}}
                                    <br>
                                        <span>{{date('h:i:sa',$list->last_visited_time)}}</span>
                                    </td>
                                    <td><a href="{{route('detailEnquire',['Id'=>encrypt_decrypt('encrypt',$list->enquire_id),'hash'=>md5(time())])}}"><span class="f-w-600">{{$list->Name}}</span></a></td>
                                    <td>{{$contact}}</td>
                                    <td>{{$list->ForClass ? $courseArr[$list->ForClass] :""}}</td>
                                    <td>{{$list->AssignTo ? $userList[$list->AssignTo] : 'Not Assigned'}}</td>
                                    <td>{{$list->Source ? $list->Source : 'N/A'}} {{isset($campaign[$list->campaign_name]) ? "|".$campaign[$list->campaign_name]   : ''}}</td>
                                    <td>{{$list->utm_campaign ? $list->utm_campaign : 'N/A'}} | {{$list->utm_medium ? $list->utm_medium : 'N/A'}} | {{$list->utm_content ? $list->utm_content : 'N/A'}} </td>
                                    <td><div class="span badge rounded-pill pill-badge-primary">{{$list->Stage}}</div></td>
                                    <td><div class="span badge rounded-pill pill-badge-{{$dup =='Yes' ? 'danger': 'primary'}}">{{$dup}}</div></td>
                                    <td>{{$tempLastFUP}} <br><p style="margin-bottom:0 !important">{{$last_remark}}</p></td>
                                    <td></td>
                                    <td>
                                        <div class="item-action dropdown ml-2">
                                                <a href="javascript:void(0)" data-toggle="dropdown"><i class="fa fa-ellipsis-v"></i></a>
                                                @if($update=='true')
                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <a href="{{route('enquire',['action'=>base64_encode('edit'),'Id'=>encrypt_decrypt('encrypt',$list->enquire_id)])}}" class="dropdown-item"> Edit </a>
                                                    <!-- <a href="{{route('enquire',['action'=>base64_encode('edit'),'Id'=>encrypt_decrypt('encrypt',$list->enquire_id)])}}" class="dropdown-item"> Edit </a>
                                                    <a href="{{route('enquire',['action'=>base64_encode('edit'),'Id'=>encrypt_decrypt('encrypt',$list->enquire_id)])}}" class="dropdown-item"> Edit </a>                                                                                                     -->
                                                </div>
                                                @endif
                                        </div>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div>
                <ul id="pagination-demo" class="pagination justify-content-center pagination-primary"></ul>
           </div>
        </div>
    </div>
</div>

<!-- --------------------------UploadFormatModal--------------- -->
    <div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenter" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Upload Enquire</h5>
                    <!-- <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button> -->
                </div>
                <div class="modal-body">
                <form method="post" name="saveDept" id="saveUploadEnquire" enctype="multipart/form-data">
                        @csrf
	                    <div class="form theme-form">
	                        <div class="row">
                                <div class="col">
	                                <div class="mb-3">
	                                    <label>Select Campaign</label>
                                        @php
                                            $camp = getLeadStage('Campaign');
                                        @endphp
                                        <select class="form-select" name="campaign" id="campaign">
	                                        <option value="">--select Lead Campaign--</option>
                                            @foreach($camp as $camp_id=>$name)
	                                        <option value="{{$name}}">{{$name}}</option>
                                            @endforeach
	                                    </select>
	                                </div>
	                            </div>
                            </div>
	                        <div class="row">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>File</label>
	                                    <input class="form-control" type="file"  name="uploadFile" id ="name" placeholder="Name *" value="" required/>
                                        <span id="nameError" class="addError"></span>
	                                </div>
	                            </div>
	                        </div>
	                        <div class="row">
	                            <div class="col justify-content-center">
	                                <div class="text-center">
                                    <!-- <button class="btn btn-secondary" type="button" data-bs-dismiss="modal">Close</button> -->
                                    <button class="btn btn-primary" type="submit" id="uploadSubmit">Upload</button>
                                </div>
	                            </div>
	                        </div>
	                    </div>
                        </form>
                    <a href="{{route('downloadFormat')}}">Download Format Xlsx</a>
                </div>
            </div>
        </div>
    </div>

    <!-- ------------------------Bulk Assing------------------------------------------------ -->
    <div class="modal fade" id="bulkAssign" tabindex="-1" role="dialog" aria-labelledby="bulkAssign" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Bulk Assign</h5>
                    <!-- <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button> -->
                </div>
                <div class="modal-body">
                <form method="post" name="updateAssignBulk" id="updateAssignBulk" enctype="multipart/form-data">
                        @csrf
	                    <div class="form theme-form">
	                        <div class="row">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>File</label>
	                                    <input class="form-control" type="file"  name="bulkFile" id ="name" placeholder="Name *" value="" required/>
                                        <span id="nameError" class="addError"></span>
	                                </div>
	                            </div>
	                        </div>
	                        <div class="row">
	                            <div class="col justify-content-center">
	                                <div class="text-center">
                                    <!-- <button class="btn btn-secondary" type="button" data-bs-dismiss="modal">Close</button> -->
                                    <button class="btn btn-primary" type="submit" id="bulkSubmit">Upload</button>
                                </div>
	                            </div>
	                        </div>
	                    </div>
                        </form>
                    <a href="{{route('bulkAssignFormat')}}">Download Format Xlsx</a>
                </div>
            </div>
        </div>
    </div>

    <!-- --------------------------Quick Add Enquire------------------ -->

    <div class="modal fade" id="quickAddModal" tabindex="-1" role="dialog" aria-labelledby="quickAddModal" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Add Quick Enquire</h5>
                    <!-- <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button> -->
                </div>
                <div class="modal-body">
                <form method="post" name="saveQuickEnquire" id="saveQuickEnquire" enctype="multipart/form-data">
                        @csrf
	                    <div class="form theme-form">
                            <div class="row d-none">
                                <div class="col-sm-6">
                                    <div class="mb-3">
	                                    <input class="form-control" type="hidden"  placeholder="quick_id" id="quick_id" name="quick_id"/>
                                    </div>
                                </div>
                            </div>
                             <div class="row">
	                            <div class="col-sm-6">
	                                <div class="mb-3">
	                                    <label>Name  <a href="javascript:void(0)" id="quick_link" class="d-none" target="_blank"> <i class="icofont icofont-external-link f-16 pl-5"></i></a></label>
	                                    <input class="form-control" type="text"  placeholder="Student name " id="studentName" name="name" required/>
	                                </div>
	                            </div>
                                <div class="col-sm-6">
	                                <div class="mb-3">
                                    <label>Contact No / WhatsApp no</label>
	                                    <input class="form-control" type="text"  placeholder="Contact No / WhatsApp no" id="primaryContact" name="primaryContact" required minlength="10" oninput="this.value = this.value.replace(/[^0-9]/g, ''); "/>
	                                </div>
	                            </div>
	                        </div>
                            <div class="row">
                                <div class="col-sm-6">
	                                <div class="mb-3">
                                        <label>Gaurdian / Optional number</label>
	                                    <input class="form-control" type="text" placeholder="Contact No / WhatsApp no" id="secondaryContact" name="secondaryContact"  minlength="10" oninput="this.value = this.value.replace(/[^0-9]/g, ''); "/>
	                                </div>
	                            </div>

                                <div class="col-sm-6">
	                                <div class="mb-3">
                                    <label>For Course</label>
                                        @php
                                            $courseList = getCourse('All');
                                        @endphp
	                                    <select class="course-select2" name="course" id="course" >
	                                        <option value="">--Select--</option>
                                            @foreach($courseList as $course)
                                            <option value="{{encrypt_decrypt('encrypt',$course->courseId)}}">{{$course->courseName}}</option>
                                            @endforeach
	                                    </select>
	                                </div>
	                            </div>
	                        </div>
                            <div class="row">
	                            <div class="col-sm-6">
	                                <div class="mb-3">
	                                    <label>Stream</label>
                                        <select class="form-select" name="stream" id="stream" >
	                                        <option value="">--Select Steam--</option>
	                                        <option value="Enginnering">Enginnering</option>
	                                        <option value="Medical">Medical</option>
	                                        <option value="Foundation">Foundation</option>
	                                    </select>
	                                </div>
	                            </div>

                                <div class="col-sm-6">
	                                <div class="mb-3">
                                    <label>Studying</label>
                                        <select class="form-select" name="studying" id="studying" >
	                                        <option value="">--Select--</option>
	                                        <option value="8">8</option>
	                                        <option value="9">9</option>
	                                        <option value="10">10</option>
	                                        <option value="11">11</option>
	                                        <option value="12">12</option>
	                                        <option value="passout">passout</option>
	                                    </select>
	                                </div>
	                            </div>
                            </div>

                            <div class="row">
                                <div class="col-sm-6">
	                                <div class="mb-3">
	                                    <label>Source</label>
                                        @php
                                            $enqPurpose = getLeadStage('Source');
                                        @endphp
	                                    <select class="form-select" name="sourceQuick" id="sourceQuick">
	                                        <option value="">--select Source--</option>
                                            @foreach($enqPurpose as $enq_key=>$name)
	                                        <option value="{{$name}}">{{$name}}</option>
                                            @endforeach
	                                    </select>
	                                </div>
	                            </div>
                                <div class="col-sm-6">
	                                <div class="mb-3">
	                                    <label>Campaign</label>
                                        @php
                                            $stage = getLeadStage('Campaign');
                                        @endphp
                                        <select class="form-select" name="campaign" id="campaign">
	                                        <option value="">--select Campaign Stage--</option>
                                            @foreach($stage as $stage_id=>$name)
	                                        <option value="{{$name}}">{{$name}}</option>
                                            @endforeach
	                                    </select>
	                                </div>
	                            </div>
	                        </div>
                            <div class="row">
                                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                    <div class="mb-3">
                                        <label>Counselor</label>
                                        @php
                                            $usrList = getUserList();
                                        @endphp
                                        <select class="form-select" name="counselor" id="counselor">
	                                        <option value="">--select counsellor--</option>
                                            @foreach($usrList as $id=>$name)
	                                        <option value="{{encrypt_decrypt('encrypt',$id)}}">{{$name}}</option>
                                            @endforeach
	                                    </select>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                    <div class="mb-3">
                                        <label>Counselor Feedback type</label>
                                        @php
                                            $counselorList = getLeadFeedbackType("Counselor");
                                        @endphp
                                        <select class="form-select" name="feedback" id="feedback">
	                                        <option value="">--select counselor feedback--</option>
                                            @foreach($counselorList as $id=>$name)
	                                        <option value="{{$name}}">{{$name}}</option>
                                            @endforeach
	                                    </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Counseling feedback</label>
                                        <textarea id="messageCounselor" class="form-control" name="message" cols="10" rows="4"></textarea>
	                                </div>
	                            </div>
	                        </div>
	                        <div class="row">
	                            <div class="col justify-content-center">
	                                <div class="text-center">
                                    <!-- <button class="btn btn-secondary" type="button" data-bs-dismiss="modal">Close</button> -->
                                    <button class="btn btn-primary" type="submit" id="quickSubmit">save</button>
                                </div>
	                            </div>
	                        </div>
	                    </div>
                        </form>
                </div>
            </div>
        </div>
    </div>

    <!-- ------------------------------Add Follow up------------------------------ -->

    <div class="modal fade" id="followupModal" tabindex="-1" role="dialog" aria-labelledby="followupModal" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Add Follow up</h5>
                    <!-- <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button> -->
                </div>
                <div class="modal-body">
                <form method="post" name="saveFollowup" id="saveFollowup" enctype="multipart/form-data">
                        @csrf
	                    <div class="form theme-form">
                            <div class="row">
                                <div class="col">
                                    <div class="mb-3">
	                                    <input class="form-control" type="hidden" placeholder="Student name " id="followup_enq_id" name="followup_enq_id" />
                                    </div>
                                </div>
                            </div>
                             <div class="row">
	                            <div class="col-sm-6">
	                                <div class="mb-3">
	                                    <label>NCD</label>
	                                    <input class="form-control" type="text" placeholder="Next Calling Date " id="nextFollowupDate" data-language="en" name="nextFollowupDate" />
	                                </div>
	                            </div>

                                <div class="col-sm-6">
	                                <div class="mb-3">
                                    <label>Follow-up Type</label>
                                        <select name="followupType" id="followupType" class="form-control">
                                            <option value="">--Select follow up type---</option>
                                            <option value="Whatsapp">Whatsapp</option>
                                            <option value="Call">Call</option>
                                            <option value="Email">Email</option>
                                            <option value="SMS">SMS</option>
                                        </select>
	                                </div>
	                            </div>
	                        </div>
                            <div class="row">
                                <div class="col-sm-6">
	                                <div class="mb-3">
                                    <label>Call disposition</label>
                                        <select name="remarkType" id="remarkType" class="form-control">
                                            <option value="">--Select Call disposition Type---</option>
                                            <option value="Not Pick">Not Pick</option>
                                            <option value="Disconnected">Disconnected</option>
                                            <option value="Busy">Busy</option>
                                            <option value="Not Reachable">Not Reachable</option>
                                            <option value="Switch Off">Switch Off</option>
                                            <option value="Wrong Number">Wrong Number</option>
                                            <option value="Call Tomorrow">Call Tomorrow</option>
                                            <option value="Interseted">Interseted</option>
                                            <option value="Comming">Comming</option>
                                        </select>
	                                </div>
	                            </div>
                                <div class="col-sm-6">
	                                <div class="mb-3">
                                    <label>Follow up Purpose</label>
                                        @php
                                            $purpose = getLeadStage('FollowUpPurpose');
                                        @endphp
                                        <select name="followupPurpose" id="followupPurpose" class="form-control">
                                            <option value="">--Select Purpose---</option>
                                            @foreach($purpose as $purpose_id=>$name)
	                                        <option value="{{$name}}">{{$name}}</option>
                                            @endforeach
                                        </select>
	                                </div>
	                            </div>
	                        </div>
                            <div class="row">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Remark</label>
                                        <textarea id="remark" class="form-control" name="remark" cols="10" rows="2"></textarea>
	                                </div>
	                            </div>
	                        </div>
	                        <div class="row">
	                            <div class="col justify-content-center">
	                                <div class="text-center">
                                    <!-- <button class="btn btn-secondary" type="button" data-bs-dismiss="modal">Close</button> -->
                                    <button class="btn btn-primary" type="submit" id="followupSubmit">save</button>
                                </div>
	                            </div>
	                        </div>
	                    </div>
                        </form>
                </div>
            </div>
        </div>
    </div>
    <!-- -----------------------------------Assing Modal---------------------------------------------- -->

    <div class="modal fade" id="assignModal" tabindex="-1" role="dialog" aria-labelledby="assignModal" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Assign Enquire</h5>
                    <!-- <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button> -->
                </div>
                <div class="modal-body">
                    <div class="form theme-form">
                        <div class="row">
                            <div class="col">
                                <div class="mb-3">
                                    <label>User Name</label>
                                        <select name="assignUser" id="assignUser" class="form-control">
                                            <option value="">--Assign User---</option>
                                            @foreach($userList as $usrId=>$usrName)
                                            <option value="{{encrypt_decrypt('encrypt',$usrId)}}">{{$usrName}}</option>
                                            @endforeach
	                                        <option value="{{encrypt_decrypt('encrypt','0')}}">Not Assigned</option>
                                        </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col justify-content-center">
                                <div class="text-center">
                                <!-- <button class="btn btn-secondary" type="button" data-bs-dismiss="modal">Close</button> -->
                                <button class="btn btn-primary" type="submit" id="assignSubmit">Assign</button>
                            </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- -----------------------------------Remove Assign----------------------------------------------------- -->
    <div class="modal fade" id="removeAssign" tabindex="-1" role="dialog" aria-labelledby="removeAssign" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Remove Enquire Assign</h5>
                    <!-- <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button> -->
                </div>
                <div class="modal-body">
                    <div class="form theme-form">
                        <div class="row">
                            <div class="col">
                                <div class="mb-3">
                                    <label>User Name</label>
                                        <select name="removeAssignUser" id="removeAssignUser" class="form-control">
                                            <option value="">--Assign User---</option>
                                            @foreach($userList as $usrId=>$usrName)
                                            <option value="{{encrypt_decrypt('encrypt',$usrId)}}">{{$usrName}}</option>
                                            @endforeach
                                        </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col justify-content-center">
                                <div class="text-center">
                                <!-- <button class="btn btn-secondary" type="button" data-bs-dismiss="modal">Close</button> -->
                                <button class="btn btn-primary" type="submit" id="removeAssignSubmit">Remove</button>
                            </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- -------------------------stage modal-------------------- -->
    <div class="modal fade" id="stageModal" tabindex="-1" role="dialog" aria-labelledby="stageModal" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Enquire Stage</h5>
                    <!-- <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button> -->
                </div>
                <div class="modal-body">
                    <div class="form theme-form">
                        <div class="row">
                            <div class="col">
                                <div class="mb-3">
                                    <label>Stages</label>
                                         @php
                                            $stage = getLeadStage('LeadStage');
                                        @endphp
                                        <select class="form-select" name="changeStage" id="changeStage">
	                                        <option value="">--select Lead Stage--</option>
                                            @foreach($stage as $stage_id=>$name)
	                                        <option value="{{$name}}">{{$name}}</option>
                                            @endforeach
	                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col justify-content-center">
                                <div class="text-center">
                                <!-- <button class="btn btn-secondary" type="button" data-bs-dismiss="modal">Close</button> -->
                                <button class="btn btn-primary" type="submit" id="stageSubmit">Update</button>
                            </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ------------------------------Template Modal------------------------ -->
    <div class="modal fade" id="templateModal" tabindex="-1" role="dialog" aria-labelledby="templateModal" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Sms Template</h5>
                    <!-- <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button> -->
                </div>
                <div class="modal-body">
                    <div class="form theme-form">
                        <div class="row">
                            <div class="col">
                                <div class="mb-3">
                                    <label>Template</label>
                                         @php
                                            $stage = getTemplate();
                                        @endphp
                                        <select class="form-select" name="smsTemplate" id="smsTemplate">
	                                        <option value="">--select Template--</option>
                                            @foreach($stage as $stage_id=>$name)
	                                        <option value="{{encrypt_decrypt('encrypt',$stage_id)}}">{{$name}}</option>
                                            @endforeach
	                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col">
                                <div class="mb-3">
                                    <label>Default Number</label>
                                         @php
                                            $stage = getDefaultNumber();
                                        @endphp
                                        <select class="form-select" name="defaultNumber" id="defaultNumber">
	                                        <option value="">--select group--</option>
                                            @foreach($stage as $stage_id=>$name)
	                                        <option value="{{encrypt_decrypt('encrypt',$stage_id)}}">{{$name}}</option>
                                            @endforeach
	                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col justify-content-center">
                                <div class="text-center">
                                <!-- <button class="btn btn-secondary" type="button" data-bs-dismiss="modal">Close</button> -->
                                <button class="btn btn-primary" type="submit" id="templateSubmit">Send</button>
                            </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ------------------------------Adv Filter-------------------------- -->
    <div class="modal fade modal-right scroll-out-negative" id="advFilterModal" role="dialog" aria-labelledby="advFilterModal" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Adv Filter</h5>
                </div>
                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0 p-0">
                            <button class="btn btn-link" data-bs-toggle="collapse" data-bs-target="#collapseicon" aria-expanded="true" aria-controls="collapseicon">Followup</button>
                        </h5>
                    </div>
                    <div class="collapse show" id="collapseicon" aria-labelledby="collapseicon" data-bs-parent="#accordion">
                        <div class="card-body filter-cards-view animate-chk  vertical-scroll scroll-demo">
                            <form id="adv-filter-form">
                                <div class="checkbox-animated mt-0">
                                    <input class="form-control" type="hidden" name="searchType" placeholder="type " id="searchType" value="{{base64_encode('advfilter')}}"/>
                                    <div class="learning-header"><span class="f-w-600">Disposition</span></div>
                                    @php
                                        $callFeedList = getLeadFeedbackType("Call");
                                    @endphp
                                    <select class="form-select filter-disposition" name="searchDisposition[]"  multiple id="searchDisposition" >
                                        <option value="">--select call disposition--</option>
                                        @foreach($callFeedList as $id=>$name)
                                        <option value="{{$id}}">{{$name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="mb-3">
                                    <label>Lastest Followup of Day</label>
                                    <input class="form-control" type="text" data-language="en" name="searchFollowupDate" id="searchFollowupDate" />
                                </div>
                                <div class="mb-3">
                                    <label>Followup up Date</label>
                                    <input class="form-control rangeindex" type="text" data-language="en" name="searchDispositionDate" id="searchDispositionDate" />
                                </div>
                                <div class="d-flex adv-filter">
                                    <button class="btn btn-primary text-center" type="submit" id="adv-filter">Apply</button>
                                    <button class="btn btn-primary text-center clearSearch" type="button" id="clearAdv">Clear filter</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- ------------------------------------Remove Junk------------------------------------ -->

@push('scripts')
    <script src="{{asset('assets/js/app.min.js')}}"></script>
    <script src="{{ asset('assets/js/datatable/datatables/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('assets/js/datatable/datatables/datatable.custom.js') }}"></script>
    <script src="{{asset('assets/js/pagination.js')}}"></script>
    <script src="{{asset('assets/js/datepicker/daterange-picker/moment.min.js')}}"></script>
    <script src="{{asset('assets/js/datepicker/daterange-picker/daterangepicker.js')}}"></script>
    <script src="{{asset('assets/js/datepicker/date-picker/datepicker.js')}}"></script>
    <script src="{{asset('assets/js/datepicker/date-picker/datepicker.en.js')}}"></script>
    <script src="{{asset('assets/functions/common.js')}}"></script>
    <script src="{{asset('assets/js/notify/bootstrap-notify.min.js')}}"></script>
    <script src="{{asset('assets/js/setting/notify.js')}}"></script>
    <script src="{{asset('assets/js/bootstrap-multiselect.js')}}"></script>
    <script src="{{ asset('assets/js/select2/select2.full.min.js') }}"></script>
    <script src="{{asset('assets/js/scrollable/perfect-scrollbar.min.js')}}"></script>
    <script src="{{asset('assets/js/scrollable/scrollable-custom.js')}}"></script>
    <script src="{{asset('assets/js/sweet-alert/sweetalert.min.js')}}"></script>

       <script>
    $(function() {
        $('#searchSource').multiselect({
            includeSelectAllOption: true,
            enableFiltering:true,
            buttonClass: 'form-select',
            buttonWidth:'auto',
            maxHeight: 200
        })
    });
    console.log('{{$update}}','jkdkdl')

    var queryArr = {}
    $(".filter-multiple").multiselect({
            includeSelectAllOption: true,
            enableFiltering:true,
            buttonClass: 'form-select',
            buttonWidth:'auto',
            maxHeight: 200
        })
    $(function(){
        $(".filter-disposition").select2({
            dropdownParent: $("#advFilterModal")
        })
    })

    $(function(){
        var key = []
        var count = 0;
        const urlParams = new URLSearchParams(window.location.search);
        var mm = {}
            for (const param of urlParams) {
                count++;
                    if(param[0].indexOf("[]")!=-1)
                    {
                        var tmpKey = param[0].slice(0,-2)
                    }
                    else
                    {
                        var tmpKey = param[0]
                    }
                    if(key.includes(tmpKey))
                    {

                        let len = queryArr[tmpKey].length
                        var tmpValue = param[1]

                        queryArr[tmpKey][len] = tmpValue
                    }
                    else
                    {
                        key.push(tmpKey)
                        queryArr[tmpKey] = []
                        var tmpValue = param[1]
                        queryArr[tmpKey][0] = tmpValue

                    }
            }
        })
    $(function(){
        $('#searchEnquireDate').daterangepicker({
            autoclose: true,
            locale: {
                format: 'YYYY-MM-DD'
            },
            autoUpdateInput: false,
        })
        $('#advFilterModal').on('shown.bs.modal', function () {
            $('#searchDispositionDate').daterangepicker({
                locale: {
                    format: 'YYYY-MM-DD'
                },
                autoUpdateInput: false,
                parentEl: '#advFilterModal'
            });
            $('#searchFollowupDate').daterangepicker({
                locale: {
                    format: 'YYYY-MM-DD'
                },
                autoUpdateInput: false,
                parentEl: '#advFilterModal'
            });
        });

        $('#searchEnquireDate').on('apply.daterangepicker', function(ev, picker) {
            $("#searchEnquireDate").val(picker.startDate.format('YYYY-MM-DD') + "|" +picker.endDate.format('YYYY-MM-DD'))

        });
        $('#searchDispositionDate').on('apply.daterangepicker', function(ev, picker) {
            $("#searchDispositionDate").val(picker.startDate.format('YYYY-MM-DD') + " | " +picker.endDate.format('YYYY-MM-DD'))

        });
        $('#searchFollowupDate').on('apply.daterangepicker', function(ev, picker) {
            $("#searchFollowupDate").val(picker.startDate.format('YYYY-MM-DD') + " | " +picker.endDate.format('YYYY-MM-DD'))

        });

        if(queryArr['searchEnquireDate'])
        {
            var date = queryArr['searchEnquireDate']
            $("#searchEnquireDate").val(date)
        }
        if(queryArr['searchNotFollowup'])
        {
            var date = queryArr['searchNotFollowup']
            $("#searchNotFollowup").val(date)
        }
        if(queryArr['filterType'])
        {
            var type = queryArr['filterType']
            $("#"+type).addClass('btn-primary')
        }
        if(queryArr['searchName'])
        {
            var name = queryArr['searchName']
            $("#searchName").val(name)
        }
        if(queryArr['searchContact'])
        {
            var contact = queryArr['searchContact']
            $("#searchContact").val(contact)
        }
        if(queryArr['searchStream'])
        {
            var stream = queryArr['searchStream']
            $("#searchStream").val(stream)
        }

        if(queryArr['searchAssign'])
        {
            $("#searchAssign").multiselect('select',queryArr['searchAssign']);
            // $("#searchAssign").val(queryArr['searchAssign'])
            // $('#searchAssign').trigger('change');
        }
        if(queryArr['searchCourse'])
        {
            $("#searchCourse").multiselect('select',queryArr['searchCourse']);

            // $("#searchCourse").val(queryArr['searchCourse'])
            // $('#searchCourse').trigger('change');
        }
        if(queryArr['searchStage'])
        {
            $("#searchStage").multiselect('select',queryArr['searchStage']);

        }
        if(queryArr['searchSource'])
        {
            $("#searchSource").multiselect('select',queryArr['searchSource']);

        }
        if(queryArr['searchCampaign'])
        {
            $("#searchCampaign").multiselect('select',queryArr['searchCampaign']);
        }
        if(queryArr['searchCreated'])
        {
            $("#searchCreated").multiselect('select',queryArr['searchCreated']);

            // $("#searchCreated").val(queryArr['searchCreated'])
            // $('#searchCreated').trigger('change');
        }
        if(queryArr['searchFollowupDate'])
        {
            $("#searchFollowupDate").val(queryArr['searchFollowupDate'])
        }
        if(queryArr['searchDisposition'] && queryArr['searchDisposition'].length)
        {
            $("#searchDisposition").val(queryArr['searchDisposition']).trigger('change')
        }
        if(queryArr['searchDispositionDate'] && queryArr['searchDispositionDate'].length)
        {
            $("#searchDispositionDate").val(queryArr['searchDispositionDate']).trigger('change')
        }

        if(queryArr['searchLeadOwner'] && queryArr['searchLeadOwner'].length)
        {
            $("#searchLeadOwner").val(queryArr['searchLeadOwner']).trigger('change')
        }

    })
    $(function(){
        var urls = '{!! json_encode(request()->all()) !!}'
        console.log(urls,'durk')
        $("#templateSubmit").click(function(){
            var template = $("#smsTemplate").val()
            var number = $("#defaultNumber").val()
            $("#templateSubmit").text('Sending')
            $("#templateSubmit").attr('disabled',true)
            if(template == "")
            {
                notifyF("Error","select Template",'danger',2000)
                $("#templateSubmit").text('Send')
                $("#templateSubmit").attr('disabled',false)
                return false
            }
            var data = {template:template,Number:number}
            ajaxWait("{!! route('sendEnquireSms',request()->all()) !!}",data).then(function(result,error){
                // console.log(response,"dkdkdk")
                if(result.Response=='Success')
                {
                    $("#templateSubmit").text('Send')
                    $("#templateSubmit").attr('disabled',false)
                    notifyF('Success',result.Msg,'primary',2000)
                    setTimeout(() => {
                        location.reload()
                    }, 2000);
                }
            })

        })
    })
    $(function(){
        $(".clearSearch").click(function(){
            $("#formSearchFilter")[0].reset();
            // history.pushState('', document.title, window.location.pathname);
            window.location.href = window.location.href.split('?')[0];
        })
    })
    $(function(){
        $("#submitSearch").click(function(e){
            e.preventDefault();
            console.log($("#searchEnquireDate").val(),"DDDDDDDDDDDDDDDDDDDDDDDD")
            var searchFilter = $("#formSearchFilter").serialize()
            var advFilter = $("#adv-filter-form").serialize()
            // Reset skip to 0 and limit to 20
            var newUrl = window.location.href.split('?')[0] + "?skip=0&limit=20";

            // Append search and advanced filters to the new URL
            if (searchFilter) {
                newUrl += '&' + searchFilter;
            }
            if (advFilter) {
                newUrl += '&' + advFilter;
            }

            // Update the location with the new URL
            window.location.href = newUrl;

        })
    })

</script>
<script>
        $(function(){
            $("#saveUploadEnquire").submit(function(e){
                e.preventDefault()
               $.ajax({
                   url:"{{route('uploadEnquire')}}",
                   type: "post",
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                   data: new FormData(this),
                   contentType: false,
                    cache: false,
                    processData:false,
                    beforeSend:function(){
                        $("#uploadSubmit").text('uploading')
                        $("#uploadSubmit").attr('disabled','disabled')
                    },
                    success:function(response)
                    {
                        // console.log(response)
                        if(response.Response=='Success')
                        {
                            notifyF(response.Response,response.Msg,'primary',2000)
                        }
                        else
                        {
                            notifyF(response.Response,response.Msg.Msg[0],'danger',2000)
                        }
                        $("#uploadSubmit").text('Upload')
                        $("#uploadSubmit").attr('disabled',false)
                        $('#saveUploadEnquire')[0].reset()
                        setTimeout(() => {
                            location.reload()
                        }, 3000);
                    }
               })
            })
        })

        $(function(){
            $("#updateAssignBulk").submit(function(e){
                e.preventDefault()
               $.ajax({
                   url:"{{route('uploadBulkAssign')}}",
                   type: "post",
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                   data: new FormData(this),
                   contentType: false,
                    cache: false,
                    processData:false,
                    beforeSend:function(){
                        $("#bulkSubmit").text('uploading')
                        $("#bulkSubmit").attr('disabled','disabled')
                    },
                    success:function(response)
                    {
                        // console.log(response)
                        if(response.Response=='Success')
                        {
                            notifyF(response.Response,response.Msg,'primary',2000)
                        }
                        else
                        {
                            notifyF(response.Response,response.Msg.Msg[0],'danger',2000)
                        }
                        $("#bulkSubmit").text('Upload')
                        $("#bulkSubmit").attr('disabled',false)
                        $('#updateAssignBulk')[0].reset()
                        setTimeout(() => {
                            location.reload()
                        }, 3000);
                    }
               })
            })
        })


        $(function(){
            $(".course-select2").select2({
                dropdownParent: $('#quickAddModal')
            })
        })

        $(function(){
            $("#primaryContact").keyup(function(e){
                $("#quick_link").addClass('d-none');
                var number = $(this).val();
                if(number.length >= 10)
                {
                    var name = $("#studentName").val()
                    console.log(number,"studentName");
                    var data = {}
                    data.name = name
                    data.number = number
                    ajaxWait("{!! route('checkQuickEnquire') !!}",data).then(function(result,error){
                        console.log(result,'result')
                        if(result && result.Response=="Success")
                        {
                            notifyF("warning","Lead already exist",'warning',2000)
                            $("#quick_link").removeClass('d-none');
                            var data = result.Data
                            $("#quick_link").attr('href',"http://erp.educationbook.in/Lead/DetailEnquire/"+data.enquire_id)
                            $("#studentName").val(data.Name)
                            $("#quick_id").val(data.enquire_id)
                            $("#primaryContact").val(data.PrimaryContact)
                            $("#secondaryContact").val(data.SecondaryContact)
                            $("#sourceQuick").val(data.Source)
                        }
                     })
                }
            })
        })
        $(function(){
            $("#saveQuickEnquire").submit(function(e){
                e.preventDefault()
                var name = $("#studentName").val();
                var purpose = $("#sourceQuick").val();
                var contact = $("#primaryContact").val();
                var course = $("#course").val();
                var feedback = $("#feedback").val();
                var message  = $("#messageCounselor").val();
                var counselor  = $("#counselor").val();
                if(name=="")
                {
                    notifyF("error","name is require",'danger',2000)
                    return false;
                }
                // we adding commenting here as hs checking for ranchi and creating course is bulking
                // if(purpose=="")
                // {
                //     notifyF("error","source is require",'danger',2000)
                //     return false;
                // }
                if(contact=="")
                {
                    notifyF("error","contact is require",'danger',2000)
                    return false;
                }
                // if(course=="")
                // {
                //     notifyF("error","course is require",'danger',2000)
                //     return false;
                // }
                if(feedback!="")
                {
                    if(counselor == "")
                    {
                        notifyF("error","counselor is require",'danger',2000)
                        return false;
                    }
                    if(message == "")
                    {
                        notifyF("error","counselor remark is require",'danger',2000)
                        return false;
                    }

                }
                var link = $("#quick_id").val()
                var url = ''
                if(link)
                {
                    url = "{{route('updateQuickEnquire')}}"
                }
                else
                {
                    url = "{{route('quickEnquire')}}"
                }

               $.ajax({
                   url:url,
                   type: "post",
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    data: $(this).serialize(),
                    beforeSend:function(){
                        $("#quickSubmit").text('Saving')
                        $("#quickSubmit").attr('disabled','disabled')
                    },
                    success:function(response)
                    {
                        if(response.Response=='Success')
                        {
                            notifyF(response.Response,response.Msg,'primary',2000)
                        }
                        else
                        {
                            notifyF(response.Response,response.Msg,'danger',2000)
                        }
                        $("#quickSubmit").text('save')
                        $("#quickSubmit").attr('disabled',false)
                        $('#saveQuickEnquire')[0].reset()
                        setTimeout(() => {
                            location.reload()
                        }, 3000);
                    }
               })
            })
        })


        function followupModal(Id)
        {
            $("#followup_enq_id").val(Id)
            $("#followupModal").modal('show')
        }
        $(function(){
            $('#nextFollowupDate').datepicker()
        })

        $(function(){
            $("#saveFollowup").submit(function(e){
                e.preventDefault()
               $.ajax({
                   url:"{{route('saveFollowup')}}",
                   type: "post",
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    data: $(this).serialize(),
                    beforeSend:function(){
                        $("#followupSubmit").text('Saving')
                        $("#followupSubmit").attr('disabled','disabled')
                    },
                    success:function(response)
                    {
                        if(response.Response=='Success')
                        {
                            notifyF(response.Response,response.Msg,'primary',2000)
                        }
                        else
                        {
                            notifyF(response.Response,response.Msg,'danger',2000)
                        }
                        $("#followupSubmit").text('save')
                        $("#followupSubmit").attr('disabled',false)
                        $('#saveFollowup')[0].reset()
                        setTimeout(() => {
                            location.reload()
                        }, 3000);
                    }
               })
            })
        })

        $(function(){
            $("#datatableCheckAll").change(function(){
               var check = $(this).is(':checked')
               if(check)
               {
                   $('tbody tr').each(function(index,value){
                       $(this).find("input[type=checkbox]").prop('checked',true)
                   })
               }
               else{
                   $('tbody tr').each(function(index,value){
                       $(this).find("input[type=checkbox]").prop('checked',false)
                   })
               }
            })
        })
        $(function(){
            $("#assignSubmit").click(function(){
                var id = $("#assignUser").val()
                if(id == "")
                {
                    notifyF('Warning',"Please select one",'warning',2000)
                    return false

                }
                var user = []
                $('tbody tr').each(function(index,value){
                    // $(this).find("input[type=checkbox]").is(":checked")
                      if($(this).find("input[type=checkbox]").is(":checked"))
                      {
                          user.push($(this).find("input[type=hidden]").val())
                          console.log($(this).find("input[type=hidden]").val(),'valkd')
                      }
                    })
                var data = {"user":user,"id":id}
                $.ajax({
                    url:"{{route('changeAssign')}}",
                   type: "post",
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    data: data,
                    beforeSend:function(){
                        $("#assignSubmit").text('Assigning...')
                        $("#assignSubmit").attr('disabled','disabled')
                    },
                    success:function(response)
                    {
                        if(response.Response=='Success')
                        {
                            notifyF(response.Response,response.Msg,'primary',2000)
                        }
                        else
                        {
                            notifyF(response.Response,response.Msg,'danger',2000)
                        }
                        $("#assignSubmit").text('Assigned')
                        $("#assignSubmit").attr('disabled',false)
                        // $('#saveFollowup')[0].reset()
                        setTimeout(() => {
                            location.reload()
                        }, 3000);
                    }
                })
            })
        })

        $(function(){
            $("#removeAssignSubmit").click(function(){
                var id = $("#removeAssignUser").val()
                if(id == "")
                {
                    notifyF('Warning',"Please select one",'warning',2000)
                    return false

                }
                var user = []
                user.push(id)
                var data = {"user":user}
                $.ajax({
                    url:"{{route('removeAssign')}}",
                   type: "post",
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    data: data,
                    beforeSend:function(){
                        $("#removeAssignSubmit").text('removing...')
                        $("#removeAssignSubmit").attr('disabled','disabled')
                    },
                    success:function(response)
                    {
                        if(response.Response=='Success')
                        {
                            notifyF(response.Response,response.Msg,'primary',2000)
                        }
                        else
                        {
                            notifyF(response.Response,response.Msg,'danger',2000)
                        }
                        $("#removeAssignSubmit").text('Remove')
                        $("#removeAssignSubmit").attr('disabled',false)
                        // $('#saveFollowup')[0].reset()
                        setTimeout(() => {
                            location.reload()
                        }, 3000);
                    }
                })
            })
        })

        $(function(){
            $("#stageSubmit").click(function(){
                var id = $("#changeStage").val()
                if(id == "")
                {
                    notifyF('Warning',"Please select one",'warning',2000)
                    return false
                }
                var user = []
                $('tbody tr').each(function(index,value){
                    // $(this).find("input[type=checkbox]").is(":checked")
                      if($(this).find("input[type=checkbox]").is(":checked"))
                      {
                          user.push($(this).find("input[type=hidden]").val())
                          console.log($(this).find("input[type=hidden]").val(),'valkd')
                      }
                    })
                var data = {"user":user,"id":id}
                $.ajax({
                    url:"{{route('changeStage')}}",
                   type: "post",
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    data: data,
                    beforeSend:function(){
                        $("#stageSubmit").text('Staging...')
                        $("#stageSubmit").attr('disabled','disabled')
                    },
                    success:function(response)
                    {
                        if(response.Response=='Success')
                        {
                            notifyF(response.Response,response.Msg,'primary',2000)
                        }
                        else
                        {
                            notifyF(response.Response,response.Msg,'danger',2000)
                        }
                        $("#stageSubmit").text('Update')
                        $("#stageSubmit").attr('disabled',false)
                        // $('#saveFollowup')[0].reset()
                        setTimeout(() => {
                            location.reload()
                        }, 3000);
                    }
                })
            })
        })

        $(function(){
            $('#enquireSearch').keyup(function(e){
                console.log(e.keyCode,'qweyuiop')
                if(e.keyCode == 13)
                {
                    var limit = 20;
                    var skip =   0;
                    window.location.href = "?search="+$(this).val() + "&limit="+limit+"&skip="+skip
                }
            })
        })

        var totalCount = {{$Pagecount}};
        console.log('query', totalCount);

        var limit = {{ request()->get('limit', 20) }};
        var skip = {{ request()->get('skip', 0) }};
        var totalPageCount = Math.ceil(totalCount / limit);
        totalPageCount = totalPageCount || 1;  // Default to 1 if the calculated pages is 0

        var startPage = Math.floor(skip / limit) + 1;
        var queryString = {!! json_encode(request()->except(["skip", "limit"])) !!};

        console.log(queryString, 'queryString');
        queryString = new URLSearchParams(queryString).toString();

        var init = true;

        $("#pagination-demo").twbsPagination({
            totalPages: totalPageCount,
            prev: "prev",
            startPage: startPage,
            onPageClick: function(event, page) {
                if (init) {
                    init = false; // Skip the first page load
                } else {
                    console.log(queryString, 'queryString');
                    var newSkip = (page - 1) * limit;
                    var updatedQueryString = queryString ? `&${queryString}` : '';

                    console.log('Updated query string:', updatedQueryString);

                    // Use template literals to cleanly build the URL
                    window.location = `?skip=${newSkip}&limit=${limit}&{!! http_build_query(request()->except(["skip", "limit"])) !!}`;
                }
            }
        });

    $(function () {
        $('.example-popover').popover({
            container: 'body'
        });
        var dcolor = $(".example-popover").attr("data-theme");
        if(dcolor == "dark") {
            $(".popover").addClass("bg-dark");
        }
    })

        $(function(){
            $("#adv-filter").click(function(e){
                e.preventDefault();

                // Get the values from the form
                var disposition = $("#searchDisposition").val();
                console.log(disposition, "disposition");

                var latestfollowupDate = $("#searchFollowupDate").val();
                console.log(latestfollowupDate, "followupDate");

                var dispositionDate = $("#searchDispositionDate").val()

                if (dispositionDate && latestfollowupDate) {
                    notifyF('error','Select Either lastest or all followup','danger',2000)
                    return false
                }

                // Get the serialized form data (advanced filter data)
                var data = $("#adv-filter-form").serialize();

                // Get current URL and parameters (skip, limit)
                var currentUrl = window.location.href.split('?')[0];
                var urlParams = new URLSearchParams(window.location.search);

                // Get current skip and limit (default to 0 and 20 if not present)
                var skip = urlParams.get('skip') || 0;
                var limit = urlParams.get('limit') || 20;

                // Construct the new URL with dynamic skip, limit, and filters
                var newUrl = currentUrl + "?skip=" + skip + "&limit=" + limit;

                // Append the search filters and advanced filter data
                newUrl += '&' + '{!! http_build_query(request()->except(["skip", "limit", "searchFollowupDate", "searchDisposition","searchDispositionDate"])) !!}';
                newUrl += '&' + data;

                // Redirect to the new URL
                window.location.href = newUrl;
            });
        });

    $(function(){
        $("#removeJunk").click(function(){
            swal({
                    title: "Are you sure?",
                    text: "Once deleted, you will not be able to recover lead !",
                    icon: "warning",
                    buttons: true,
                    dangerMode: true,
                })
                .then((willDelete) => {
                    if (willDelete) {
                        var id = []
                        $('tbody tr').each(function(index,value){
                            if($(this).find("input[type=checkbox]").is(":checked")){
                                id.push($(this).find("input[type=hidden]").val())
                            }
                        })

                        var data = {}
                        data.id = id
                        $.ajax({
                            url:"{{route('removeJunk')}}",
                            type: "post",
                            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                            data: data,
                            success:function(response)
                            {
                                if(response.Response == 'success') {
                                    swal("Your lead has been deleted!", {
                                        icon: "success",
                                    });
                                } else {
                                    swal("Something went wrong !", {
                                        icon: "success",
                                    });
                                }
                                setTimeout(() => {
                                    location.reload()
                                }, 3000);

                            }
                        })
                    } else {
                        swal("Your lead is safe!");
                    }
                })
        })
    })

        $(function(){
            $("#searchNotFollowup").daterangepicker({
                locale: {
                    cancelLabel: 'Clear',
                    format: 'YYYY-MM-DD'
                },
                autoUpdateInput: false,
                dateFormat:'YYYY-MM-DD'
            })
        })
        $('#searchNotFollowup').on('apply.daterangepicker', function(ev, picker) {
            $("#searchNotFollowup").val(picker.startDate.format('YYYY-MM-DD') + " | " +picker.endDate.format('YYYY-MM-DD'))

        });

        $(function() {
            $(".type").click(function() {
                var attr = $(this).attr('data-type')
                $("#filterType").val(attr)
                $("#formSearchFilter").submit()
            })
        })
    </script>
	@endpush
@endsection