Subversion Repositories SmartDukaan

	$(function() {

    $(function () {

		var object = {

        var object = {

			timePicker : true,

            timePicker: true,

			locale : {

            locale: {

				format : 'DD/MM/YYYY hh A'

                format: 'DD/MM/YYYY hh A'

			}

            }

		};

        };

		$('input[name="scheduleTime"]').daterangepicker(

        $('input[name="scheduleTime"]').daterangepicker(

				$.extend(getSingleDatePicker(), object), dateRangeCallback);

                $.extend(getSingleDatePicker(), object));

		$('input[name="editScheduleTime"]').daterangepicker(

        $('input[name="editScheduleTime"]').daterangepicker(

				$.extend(getSingleDatePicker(), object), dateRangeCallback);

                $.extend(getSingleDatePicker(), object));

	});

    });

	$(".lead-request").click(function() {

    $(".lead-request").click(function () {

		$("#newEntryLeadModal").modal({

        $("#newEntryLeadModal").modal({

			backdrop : false

            backdrop: false

		});

        });

	});

    });

	$(".lead-edit-request").click(function() {

    $(".lead-edit-request").click(function () {

		$("#editLeadData").modal({

        $("#editLeadData").modal({

			backdrop : false

            backdrop: false

		});

        });

	});

    });

	$('#statusFilter').multiselect({

    $('#statusFilter').multiselect({

		includeSelectAllOption : true,

        includeSelectAllOption: true,

		multiple : true,

        multiple: true,

		maxHeight : 200,

        maxHeight: 200,

		buttonWidth : '180px',

        buttonWidth: '180px',

		numberDisplayed : 1,

        numberDisplayed: 1,

		nonSelectedText : 'Status',

        nonSelectedText: 'Status',

		nSelectedText : ' - Status Selected',

        nSelectedText: ' - Status Selected',

		allSelectedText : 'All Status Selected',

        allSelectedText: 'All Status Selected',

		enableFiltering : true,

        enableFiltering: true,

		enableCaseInsensitiveFiltering : true

        enableCaseInsensitiveFiltering: true

	});

    });

	$('#colorFilter').multiselect({

    $('#colorFilter').multiselect({

		includeSelectAllOption : true,

        includeSelectAllOption: true,

		multiple : true,

        multiple: true,

		maxHeight : 200,

        maxHeight: 200,

		buttonWidth : '180px',

        buttonWidth: '180px',

		numberDisplayed : 1,

        numberDisplayed: 1,

		nonSelectedText : 'Color Status',

        nonSelectedText: 'Color Status',

		nSelectedText : ' - Color Selected',

        nSelectedText: ' - Color Selected',

		allSelectedText : 'All Status Selected',

        allSelectedText: 'All Status Selected',

		enableFiltering : true,

        enableFiltering: true,

		enableCaseInsensitiveFiltering : true

        enableCaseInsensitiveFiltering: true

	});

    });

	<div class="row">

    <div class="row">

		<div class="col-lg-12">

        <div class="col-lg-12">

			<h3 class="page-header">

            <h3 class="page-header">

				<i class="icon_document_alt"></i>LEAD DASHBOARD

                <i class="icon_document_alt"></i>LEAD DASHBOARD

			</h3>

            </h3>

			<ol class="breadcrumb">

            <ol class="breadcrumb">

				<li><i class="fa fa-home"></i><a

                <li><i class="fa fa-home"></i><a

					href="${rc.contextPath}/dashboard">Home</a></li>

                        href="${rc.contextPath}/dashboard">Home</a></li>

				<li><i class="icon_document_alt"></i>Lead</li>

                <li><i class="icon_document_alt"></i>Lead</li>

				<li><button class="btn btn-primary newLead" data-toggle="modal"

                <li>

						data-target="#newEntryLeadModal" type="button">New</button></li>

                    <button class="btn btn-primary newLead" data-toggle="modal"

			</ol>

                            data-target="#newEntryLeadModal" type="button">New

		</div>

                    </button>

	</div>

                </li>

            </ol>

	<table style="Width: 100%">

        </div>

		<tr>

    </div>

			<td align="left" style="Width: 20%">

				<div class="row">

    <table style="Width: 100%">

					<div class="col-lg-2 form-group" style="width: 12%;">

        <tr>

						<select id="statusFilter" name="statusFilter" placeholder="Status"

            <td align="left" style="Width: 20%">

							class="form-control input-sm">

                <div class="row">

							<option value="" disabled selected>Status</option> #foreach($ls

                    <div class="col-lg-2 form-group" style="width: 12%;">

							in $leadStatus) #if($ls == $selectedLeadStatus)

                        <select id="statusFilter" name="statusFilter" placeholder="Status"

							<option value="$ls" selected>$ls</option> #else

                                class="form-control input-sm">

							<option value="$ls">$ls</option> #end #end

                            <option value="" disabled selected>Status</option> #foreach($ls

						</select>

                        in $leadStatus) #if($ls == $selectedLeadStatus)

					</div>

                            <option value="$ls" selected>$ls</option> #else

                            <option value="$ls">$ls</option> #end #end

					<div class="col-lg-2">

                        </select>

						<button class="btn btn-primary show-lead" type="button"

                    </div>

							>Submit</button>

					</div>

                    <div class="col-lg-2">

                        <button class="btn btn-primary show-lead" type="button"

					<div class="col-lg-2">

                        >Submit

                        </button>

					#if($leadDate)

                    </div>

					<input type="date"id="dateWiseLead" placeholder=""

                                  value="$leadDate"  name="">

                    <div class="col-lg-2">

                     #else

                   <input type="date"id="dateWiseLead" placeholder="" name="">  

                        #if($leadDate)

                     #end

                            <input type="date" id="dateWiseLead" placeholder=""

                                   value="$leadDate" name="">

                         <button  type = "button" class="btn btn-default submitDateWiseLead">

                        #else

							    submit

                            <input type="date" id="dateWiseLead" placeholder="" name="">

							</button>

                        #end

                         </div>           

                        <button type="button" class="btn btn-default submitDateWiseLead">

                            submit

				</div>

                        </button>

			</td>

                    </div>

		</tr>

		<tr>

                </div>

			<td align="left" style="Width: 20%">

            </td>

				<div class="row">

        </tr>

					<div class="col-lg-2 form-group" style="width: 12%;">

        <tr>

						<select id="colorFilter" name="colorFilter" placeholder="Status"

            <td align="left" style="Width: 20%">

							class="form-control input-sm">

                <div class="row">

								<option value="" disabled selected>Status</option>

                    <div class="col-lg-2 form-group" style="width: 12%;">

							#if($colors.contains("All") && $colors.contains("yellow") && $colors.contains("green"))

                        <select id="colorFilter" name="colorFilter" placeholder="Status"

                                class="form-control input-sm">

			         		<option value="All" selected>All</option>

                            <option value="" disabled selected>Status</option>

			         		#else 

                            #if($colors.contains("All") && $colors.contains("yellow") && $colors.contains("green"))

			         		<option value="All">All</option>

			         		#end

                                <option value="All" selected>All</option>

			         		#if($colors.contains("yellow")&& !$colors.contains("green"))

                            #else

                                <option value="All">All</option>

							<option value="yellow" selected>yellow</option>

                            #end

							#else

                            #if($colors.contains("yellow")&& !$colors.contains("green"))

							<option value="yellow">yellow</option>

                                <option value="yellow" selected>yellow</option>

							#end

                            #else

							#if($colors.contains("green") && !$colors.contains("yellow"))

                                <option value="yellow">yellow</option>

							<option value="green" selected>green</option>

							#else

                            #end

							<option value="green">green</option>

							#end

                            #if($colors.contains("green") && !$colors.contains("yellow"))

                                <option value="green" selected>green</option>

                            #else

						</select>

                                <option value="green">green</option>

					</div>

                            #end

					<div class="col-lg-1">

						<button class="btn btn-primary show-colowise-lead" type="button"

                        </select>

							>Submit</button>

                    </div>

					</div>

                    <div class="col-lg-1">

					<div class="row col-lg-5" style="width:518px;height:272px; margin-left: 650px;">

                        <button class="btn btn-primary show-colowise-lead" type="button"

	             	<canvas id="chart-leadstatus"  style="width:auto"></canvas>

                        >Submit

                        </button>

	             	<canvas id="chart-lead-search" class=""  style="width:auto"></canvas>

                    </div>

                  </div>

                    <div class="row col-lg-5" style="width:518px;height:272px; margin-left: 650px;">

			    </div>

                        <canvas id="chart-leadstatus" style="width:auto"></canvas>

			   </td>

			</tr>

                        <canvas id="chart-lead-search" class="" style="width:auto"></canvas>

	    <tr>

	    <td align="left">

                    </div>

	     <div class="row">  

                </div>

         <div class="col-lg-10">

            </td>

           <table class="table table-border table-condensed table-bordered" id="lead-weakwise-table" style="width:100%">

        </tr>

        <tr>

             <thead class="row htable" style="background:#F5F5F5;">

            <td align="left">

                <div class="row">

           <tr style="color:black;">

                    <div class="col-lg-10">

                <th></th>

                        <table class="table table-border table-condensed table-bordered" id="lead-weakwise-table"

                <th>Week 4</th>

                               style="width:100%">

                <th>Week 3</th>

                 <th>Week 2</th>

                            <thead class="row htable" style="background:#F5F5F5;">

                  <th colspan="7">Week</th>

                  <th></th>

                            <tr style="color:black;">

                 </tr>

                                <th></th>

                                <th>Week 4</th>

              <tr style="color:black;">

                                <th>Week 3</th>

                <th>Created By</th>

                                <th>Week 2</th>

                <th>$weekDates.get(0) - $weekDates.get(1)</th>

                                <th colspan="7">Week</th>

                <th>$weekDates.get(2) - $weekDates.get(3)</th>

                                <th></th>

                 <th>$weekDates.get(4) - $weekDates.get(5)</th>

                            </tr>

                 #foreach($lwDay in $lwDays )

                            <tr style="color:black;">

                 <th>$lwDay.getMonth().format($dateMonthChYear)</th>

                                <th>Created By</th>

                 #end

                                <th>$weekDates.get(0) - $weekDates.get(1)</th>

                                <th>$weekDates.get(2) - $weekDates.get(3)</th>

                  <th>Result</th>

                                <th>$weekDates.get(4) - $weekDates.get(5)</th>

               </tr>

             </thead>

                                #foreach($lwDay in $lwDays )

               <tbody>

                                    <th>$lwDay.getMonth().format($dateMonthChYear)</th>

                #foreach($leadCreator in $leadCreators)

                                #end

               <tr>

                                <th>Result</th>

               <td>

                            </tr>

               $leadCreator

                            </thead>

               </td>

                            <tbody>

              #if($leadLasts.get($leadCreator))

                                #foreach($leadCreator in $leadCreators)

               <td>

                                <tr>

                 $leadLasts.get($leadCreator)

               </td>

                                    <td>

               #else

                                        $leadCreator

               <td style="background:#ff9999;">  0

                                    </td>

               </td>

                                    #if($leadLasts.get($leadCreator))

               #end

                                        <td>

              #if($leadThirds.get($leadCreator))

                                            $leadLasts.get($leadCreator)

               <td>

                                        </td>

                 $leadThirds.get($leadCreator)

                                    #else

               </td>

                                        <td style="background:#ff9999;"> 0

               #else

                                        </td>

               <td style="background:#ff9999;">  0

                                    #end

               </td>

                                    #if($leadThirds.get($leadCreator))

               #end

                                        <td>

               #if( $leadSeconds.get($leadCreator))

                                            $leadThirds.get($leadCreator)

                <td>

                                        </td>

               $leadSeconds.get($leadCreator)

                                    #else

               </td>

                                        <td style="background:#ff9999;"> 0

               #else

                                        </td>

               <td style="background:#ff9999;">0 </td>

                                    #end

               #end

                                    #if( $leadSeconds.get($leadCreator))

                                        <td>

                                            $leadSeconds.get($leadCreator)

                #foreach($lwDay in $lwDays )

                                        </td>

                                    #else

                #if($leadFirsts.get($leadCreator).get($lwDay.getMonth()))

                                        <td style="background:#ff9999;">0</td>

               <td>

                                    #end

               $leadFirsts.get($leadCreator).get($lwDay.getMonth())

               </td>

                                    #foreach($lwDay in $lwDays )

               #else

               <td style="background:#ff9999;">0</td>

                                        #if($leadFirsts.get($leadCreator).get($lwDay.getMonth()))

               #end

                                            <td>

                                                $leadFirsts.get($leadCreator).get($lwDay.getMonth())

               #end

                                            </td>

           #if($leadFirsts.get($leadCreator).get($lastDate))

                                        #else

                                            <td style="background:#ff9999;">0</td>

             #if($leadFirsts.get($leadCreator).get($lastDate) >= 5)

                                        #end

               <td style="color:green;">Appreciate</td>

                                    #end

               #else

                                    #if($leadFirsts.get($leadCreator).get($lastDate))

               <td>Meet more prospects</td>

               #end

                                        #if($leadFirsts.get($leadCreator).get($lastDate) >= 5)

               #else

                                            <td style="color:green;">Appreciate</td>

              <td style="color:red;">

                 No leads created yesterday

                                        #else

               </td>

               #end

                                            <td>Meet more prospects</td>

                                        #end

               </tr>

                                    #else

                                        <td style="color:red;">

              #end

                                            No leads created yesterday

               </tbody>

                                        </td>

                                    #end

            </table>

         </div>

                                </tr>

          </div>

                                #end

                            </tbody>

				</div>

			</td>

                        </table>

		</tr>

                    </div>

	</table>

                </div>

                </div>

	<div id="lead-request-table">

            </td>

		<div class="row">

        </tr>

			<div class="col-lg-12">

    </table>

				<table class="table table-border table-condensed table-bordered"

					id="lead-table">

					<thead>

    <div id="lead-request-table">

						<tr>

        <div class="row">

							<th>Source</th>

            <div class="col-lg-12">

							<th>First Name</th>

                <table class="table table-border table-condensed table-bordered"

							<th>Last Name</th>

                       id="lead-table">

							<th>Mobile</th>

                    <thead>

							<th>Address</th>

                    <tr>

							<th>City</th>

                        <th>Source</th>

							<th>State</th>

                        <th>First Name</th>

							<th>Created By</th>

                        <th>Last Name</th>

							<th>Status</th>

                        <th>Mobile</th>

							<th>Created On</th>

                        <th>Address</th>

							<th>Updated On</th>

                        <th>City</th>

							<th>ScheduleTimestamp</th>

                        <th>State</th>

							<th>Closure Timestamp</th>

                        <th>Created By</th>

							<th>Assign To</th>

                        <th>Status</th>

							<th>view</th>

                        <th>Created On</th>

							<th>Action</th>

                        <th>Updated On</th>

							<th></th>

                        <th>ScheduleTimestamp</th>

						</tr>

                        <th>Closure Timestamp</th>

					</thead>

                        <th>Assign To</th>

					<tbody>

                        <th>view</th>

						#if(!$lead.isEmpty())

                        <th>Action</th>

					 #foreach( $request in $lead )

                        <th></th>

                    </tr>

					    #if($request.getColor() == "Green")

                    </thead>

						<tr class="open-lead" bgcolor="#98FB98" data="$request.getId()">

                    <tbody>

                        #if(!$lead.isEmpty())

					    #else

                            #foreach( $request in $lead )

							<tr class="open-lead" bgcolor="$request.getColor()"

							data="$request.getId()">

                                #if($request.getColor() == "Green")

                                <tr class="open-lead" bgcolor="#98FB98" data="$request.getId()">

						#end

							 #parse("edit-lead.vm")

                                #else

                                <tr class="open-lead" bgcolor="$request.getColor()"

							 </tr>

                                    data="$request.getId()">

					 #end

                                #end

                                #parse("edit-lead.vm")

						 #else

						<tr>

                            </tr>

							<td colspan="12" style="text-align: center;">NO MATCHING

								DATA FOUND FOR CRITERIA</td>

                            #end

						</tr>

						#end

                        #else

					</tbody>

                        <tr>

				</table>

                            <td colspan="12" style="text-align: center;">NO MATCHING

			</div>

                                DATA FOUND FOR CRITERIA

		</div>

                            </td>

	</div>

                        </tr>

                        #end

                    </tbody>

	<div id="fetchLeadActivityData" class="modal" role="dialog">

                </table>

		<div class="modal-dialog">

            </div>

			<div class="modal-content"></div>

        </div>

		</div>

    </div>

	</div>

    <div id="fetchLeadActivityData" class="modal" role="dialog">

        <div class="modal-dialog">

	<div id="editLeadData" class="modal" role="dialog">

            <div class="modal-content"></div>

		<div class="modal-dialog">

        </div>

			<div class="modal-content">

    </div>

				<div class="modal-header">

					<button type="button" class="close" data-dismiss="modal">&times;</button>

					<h4 class="modal-title">Edit Lead</h4>

    <div id="editLeadData" class="modal" role="dialog">

				</div>

        <div class="modal-dialog">

				<div class="modal-body">

            <div class="modal-content">

					<div id="lead-edit-request">

                <div class="modal-header">

						<div class="row">

                    <button type="button" class="close" data-dismiss="modal">&times;</button>

							<div class="col-lg-3">

                    <h4 class="modal-title">Edit Lead</h4>

								<div class="input-group">

                </div>

									<select class="form-control input-sm" id="assignTo"

                <div class="modal-body">

										name="assignTo" placeholder="Assign">

                    <div id="lead-edit-request">

										<option value="" disabled selected>Assign To</option>

                        <div class="row">

										#foreach($authUser in $authUsers)

                            <div class="col-lg-3">

										<option value="$authUser.getId()">$authUser.getFirstName() $authUser.getLastName()</option>

                                <div class="input-group">

										#end

                                    <select class="form-control input-sm" id="assignTo"

									</select>

                                            name="assignTo" placeholder="Assign">

								</div>

                                        <option value="" disabled selected>Assign To</option>

							</div>

                                        #foreach($authUser in $authUsers)

                                            <option value="$authUser.getId()">$authUser.getFirstName() $authUser.getLastName()</option>

							<div class="col-lg-3 form-group">

                                        #end

								<input placeholder="Remark" id="remark" name="remark"

                                    </select>

									type="text" value="" class="form-control input-sm">

                                </div>

							</div>

                            </div>

							<div class="col-lg-3 form-group">

                            <div class="col-lg-3 form-group">

								<select id="reason" name="reason" placeholder="Reason"

                                <input placeholder="Remark" id="remark" name="remark"

									class="form-control input-sm">

                                       type="text" value="" class="form-control input-sm">

									<option value="" disabled selected>Reason</option>

                            </div>

									<option value="No budget">No budget</option>

									<option value="No authority to take decision">No

                            <div class="col-lg-3 form-group">

										authority to take decision</option>

                                <select id="reason" name="reason" placeholder="Reason"

									<option value="No need for new business">No need for

                                        class="form-control input-sm">

										new business</option>

                                    <option value="" disabled selected>Reason</option>

									<option value="Not ready in near future">Not ready in

                                    <option value="No budget">No budget</option>

										near future</option>

                                    <option value="No authority to take decision">No

									<option value="No store availability">No store

                                        authority to take decision

										availability</option>

                                    </option>

									<option value="Duplicate Number"> Duplicate Number</option>

                                    <option value="No need for new business">No need for

								</select>

                                        new business

							</div>

                                    </option>

                                    <option value="Not ready in near future">Not ready in

							<div class="col-lg-3 form-group">

                                        near future

								<select id="editStatus" name="editStatus" placeholder="Status"

                                    </option>

									class="form-control input-sm" onchange="editStatusAction()">

                                    <option value="No store availability">No store

									<option value="" disabled selected>Status</option>

                                        availability

									<option value="followUp">Follow Up</option>

                                    </option>

									<option value="notInterested">Not Interested</option>

                                    <option value="Duplicate Number"> Duplicate Number</option>

									<option value="finalized">Finalized</option>

                                </select>

								</select>

                            </div>

							</div>

                            <div class="col-lg-3 form-group">

							<div class="col-lg-3 form-group">

                                <select id="editStatus" name="editStatus" placeholder="Status"

								<input id="editScheduleTime" placeholder="scheduleTime"

                                        class="form-control input-sm" onchange="editStatusAction()">

									name="editScheduleTime" type="text" value=""

                                    <option value="" disabled selected>Status</option>

									class="form-control input-sm">

                                    <option value="followUp">Follow Up</option>

							</div>

                                    <option value="notInterested">Not Interested</option>

						</div>

                                    <option value="finalized">Finalized</option>

					</div>

                                </select>

				</div>

                            </div>

				<div class="modal-footer">

                            <div class="col-lg-3 form-group">

					<button type="button" data-dismiss="modal"

                                <input id="editScheduleTime" placeholder="scheduleTime"

						class="btn btn-default cancel-lead-request">Cancel</button>

                                       name="editScheduleTime" type="text" value=""

					<button type="button" class="btn btn-default lead-edit-request">Submit</button>

                                       class="form-control input-sm">

                            </div>

				</div>

                        </div>

                    </div>

			</div>

                </div>

		</div>

	</div>

                <div class="modal-footer">

                    <button type="button" data-dismiss="modal"

                            class="btn btn-default cancel-lead-request">Cancel

                    </button>

                    <button type="button" class="btn btn-default lead-edit-request">Submit</button>

	<div id="newEntryLeadModal" class="modal">

                </div>

		<div class="modal-dialog">

            </div>

			<!-- Modal content-->

        </div>

			<div class="modal-content">

    </div>

				<div class="modal-header">

					<button type="button" class="close" data-dismiss="modal">&times;</button>

					<h4 class="modal-title">Create Lead</h4>

    <div id="newEntryLeadModal" class="modal">

				</div>

        <div class="modal-dialog">

				<div class="modal-body">

					<div id="lead-request">

            <!-- Modal content-->

						<div class="row">

            <div class="modal-content">

							<div class="col-lg-3">

                <div class="modal-header">

								<div class="input-group">

                    <button type="button" class="close" data-dismiss="modal">&times;</button>

									<input placeholder="First Name" name="firstName" id="firstName"

                    <h4 class="modal-title">Create Lead</h4>

										type="text" class="form-control input-sm">

                </div>

								</div>

                <div class="modal-body">

							</div>

                    <div id="lead-request">

                        <div class="row">

							<div class="col-lg-3 form-group">

                            <div class="col-lg-3">

								<input placeholder="Last Name" id="lastName" name="lastName"

                                <div class="input-group">

									type="text" value="" class="form-control input-sm">

                                    <input placeholder="First Name" name="firstName" id="firstName"

							</div>

                                           type="text" class="form-control input-sm">

                                </div>

							<div class="col-lg-3 form-group">

                            </div>

								<input placeholder="mobile" id="mobile" name="mobile"

									type="number" value="" class="form-control input-sm">

                            <div class="col-lg-3 form-group">

							</div>

                                <input placeholder="Last Name" id="lastName" name="lastName"

						</div>

                                       type="text" value="" class="form-control input-sm">

                            </div>

						<div class="row">

							<div class="col-lg-3 form-group">

                            <div class="col-lg-3 form-group">

								<input id="address" name="address" placeholder="address"

                                <input placeholder="mobile" id="mobile" name="mobile"

									id="address" type="text" value="" class="form-control input-sm">

                                       type="number" value="" class="form-control input-sm">

							</div>

                            </div>

							<div class="col-lg-3 form-group">

                        </div>

								<input id="city" name="city" placeholder="city" type="text"

									value="" class="form-control input-sm">

                        <div class="row">

							</div>

                            <div class="col-lg-3 form-group">

							<div class="col-lg-3 form-group">

                                <input id="address" name="address" placeholder="address"

								<select class="form-control input-sm" id="state" name="state"

                                       id="address" type="text" value="" class="form-control input-sm">

									placeholder="State">

                            </div>

									<option value="" disabled selected>State</option>

                            <div class="col-lg-3 form-group">

									#foreach($stateName in $stateNames)

                                <input id="city" name="city" placeholder="city" type="text"

									<option value="$stateName">$stateName</option> #end

                                       value="" class="form-control input-sm">

								</select>

                            </div>

							</div>

                            <div class="col-lg-3 form-group">

						</div>

                                <select class="form-control input-sm" id="state" name="state"

                                        placeholder="State">

						<div class="row">

                                    <option value="" disabled selected>State</option>

                                    #foreach($stateName in $stateNames)

							<div class="col-lg-3 form-group">

                                        <option value="$stateName">$stateName</option> #end

								<select id="status" name="status" placeholder="Status"

                                </select>

									class="form-control input-sm" onchange="statusAction()">

                            </div>

									<option value="" disabled selected>Status</option>

                        </div>

									<option value="followUp">Follow Up</option>

									<option value="notInterested">Not Interested</option>

                        <div class="row">

									<option value="finalized">Finalized</option>

								</select>

                            <div class="col-lg-3 form-group">

							</div>

                                <select id="status" name="status" placeholder="Status"

                                        class="form-control input-sm" onchange="statusAction()">

							<div class="col-lg-3 form-group">

                                    <option value="" disabled selected>Status</option>

								<input id="scheduleTime" placeholder="scheduleTime"

                                    <option value="followUp">Follow Up</option>

									name="scheduleTime" type="text" value=""

                                    <option value="notInterested">Not Interested</option>

									class="form-control input-sm">

                                    <option value="finalized">Finalized</option>

							</div>

                                </select>

                            </div>

							<div class="col-lg-3 form-group">

								<input id="createRemark" name="createRemark"

                            <div class="col-lg-3 form-group">

									placeholder="Remark" type="text" value=""

                                <input id="scheduleTime" placeholder="scheduleTime"

									class="form-control input-sm">

                                       name="scheduleTime" type="text" value=""

							</div>

                                       class="form-control input-sm">

						</div>

                            </div>

						<div class="row">

                            <div class="col-lg-3 form-group">

							<div class="col-lg-3 form-group">

                                <input id="createRemark" name="createRemark"

								<select class="form-control input-sm" id="createAssignTo"

                                       placeholder="Remark" type="text" value=""

									name="createAssignTo" placeholder="Assign">

                                       class="form-control input-sm">

									<option value="" disabled selected>Assign To</option>

                            </div>

									#foreach($authUser in $authUsers)

                        </div>

									<option value="$authUser.getId()">$authUser.getFirstName() $authUser.getLastName()</option>

									#end

                        <div class="row">

								</select>

                            <div class="col-lg-3 form-group">

							</div>

                                <select class="form-control input-sm" id="createAssignTo"

                                        name="createAssignTo" placeholder="Assign">

							<div class="col-lg-3 form-group">

                                    <option value="" disabled selected>Assign To</option>

								<select class="form-control input-sm" id="leadSource"

                                    #foreach($authUser in $authUsers)

									name="leadSource" placeholder="Source">

                                        <option value="$authUser.getId()">$authUser.getFirstName() $authUser.getLastName()</option>

									<option value="" disabled selected>Source</option>

                                    #end

									<option value="SELF">SELF</option>

                                </select>

									<option value="NEWSPAPER">NEWSPAPER</option>

                            </div>

									<option value="INTERNET">INTERNET</option>

									<option value="PARTNER">PARTNER</option>

                            <div class="col-lg-3 form-group">

								</select>

                                <select class="form-control input-sm" id="leadSource"

							</div>

                                        name="leadSource" placeholder="Source">

						</div>

                                    <option value="" disabled selected>Source</option>

                                    <option value="SELF">SELF</option>

				<form>		

                                    <option value="NEWSPAPER">NEWSPAPER</option>

				<div class= "row" style="margin-bottom: 12px;"> 	

                                    <option value="INTERNET">INTERNET</option>

		            <form class="form-horizontal">		

                                    <option value="PARTNER">PARTNER</option>

			         <label class="col-sm-3" for="excelfile">Ivory Template:</label>

                                </select>

			         <div class="col-lg-3" form-group>

                            </div>

				       <a class="btn btn-primary" id="uploadIvoryLead"> Download Template	</a>

                        </div>

		             </div> 				    

	                </form> 

                        <form>

	             </div>

                            <div class="row" style="margin-bottom: 12px;">

                                <form class="form-horizontal">

               <div class="row">

                                    <label class="col-sm-3" for="excelfile">Ivory Template:</label>

                 <div class="col-lg-6 form-group">

                                    <div class="col-lg-3" form-group>

			    		<div class="input-group">

                                        <a class="btn btn-primary" id="uploadIvoryLead"> Download Template </a>

			    		<input type="file" class="form-control input-sm fileLeadGenerate" name="fileLeadGenerate" value="Upload CSv">

                                    </div>

			    		<span class="input-group-btn">

                                </form>

				    		<button  type = "button" class="btn btn-primary submitLeadGenerate">

                            </div>

                	</div> 

                                    </div>

                	</div>

                                </div>

			    </div>

                            </div>

			    </form>

                        </form>

					</div>

                    </div>

				</div>

                </div>

				<div class="modal-footer">

                <div class="modal-footer">

					<button type="button" data-dismiss="modal"

                    <button type="button" data-dismiss="modal"

						class="btn btn-default cancel-lead-request">Cancel</button>

                            class="btn btn-default cancel-lead-request">Cancel

					<button type="button" class="btn btn-default lead-request">Submit</button>

                    <button type="button" class="btn btn-default lead-request">Submit</button>

				</div>

                </div>

			</div>

            </div>

		</div>

        </div>

	</div>

    </div>

	var editor;

    var editor;

	var searchCount =0;

    var searchCount = 0;

	var ab;

    var ab;

	$(document)

    $(document)

			.ready(

            .ready(

					function() {

                    function () {

                        console.log($('#lead-table tbody tr').length)

						console.log($('#lead-table tbody tr').length)

                        $('#lead-table thead tr').clone(true).appendTo(

							$('#lead-table thead tr').clone(true).appendTo(

                                '#lead-table thead');

									'#lead-table thead');

                        $('#lead-table thead tr:eq(1) th')

							$('#lead-table thead tr:eq(1) th')

                                .each(

									.each(

                                        function (i) {

											function(i) {

                                            var title = $(this).text();

												var title = $(this).text();

                                            $(this).html(

												$(this).html(

                                                    '<input type="text"  class="search-lead" style = "width:60%;" placeholder="Search '

														'<input type="text"  class="search-lead" style = "width:60%;" placeholder="Search '

                                                    + title

																+ title

                                                    + '" />');

																+ '" />');

                                            $('input', this)

												$('input', this)

                                                    .on(

														.on(

                                                            'keyup change',

																'keyup change',

                                                            function () {

																function() {

                                                                if (table

																	if (table

                                                                        .column(

																			.column(

                                                                                i)

																					i)

                                                                        .search() !== this.value) {

																			.search() !== this.value) {

                                                                    table

																		table

                                                                            .column(

																				.column(

                                                                                    i)

																						i)

                                                                            .search(

																				.search(

                                                                                    this.value)

																						this.value)

                                                                            .draw();

																				.draw();

                                                                }

																	}

                                                            });

																});

                                        })

											})

                        var table = $('#lead-table').DataTable({

							var table = $('#lead-table').DataTable({

                            orderCellsTop: true,

								orderCellsTop : true,

                            fixedHeader: true,

								fixedHeader : true,

                            "bPaginate": true,

								"bPaginate" : true,

                            "bLengthChange": true,

								"bLengthChange" : true,

                            "bFilter": true,

								"bFilter" : true,

                            "bInfo": false,

								"bInfo" : false,

                            "bAutoWidth": false,

								"bAutoWidth" : false,

                            "columnDefs": [{

								"columnDefs" : [ {

                                type: 'date-euro',

									type : 'date-euro',

                                targets: 12

									targets : 12

                            }, {

								}, {

                                type: 'date-euro',

									type : 'date-euro',

                                targets: 11

									targets : 11

                            }, {

								}, {

                                type: 'date-euro',

									type : 'date-euro',

                                targets: 10

									targets : 10

                            }, {

								}, {

                                type: 'date-euro',

									type : 'date-euro',

                                targets: 9

									targets : 9

                            }

								}

                            ]

								]

                        });

							});

                        var myPieChart = null;

					var  myPieChart = null;

                        $(document).on("keyup", ".search-lead",

						$(document).on("keyup", ".search-lead",

                                function (e) {

                function (e) {

                                    console.log('Currently applied global search:');

		           	console.log('Currently applied global search:');

                                    if (myPieChart != null) {

		         if(myPieChart!=null){

                                        myPieChart.destroy();

                   myPieChart.destroy();

                                    }

                      }

                                    myFunction(searchCount);

                    myFunction(searchCount);

                                });

                        function myFunction() {

                            if (searchCount == 0) {

	           	});

                                ab = setTimeout(function () {

                                    datatableChart();

function myFunction() {

                                }, 3000);

    if(searchCount == 0){

                                searchCount++;

   ab = setTimeout(function(){datatableChart();}, 3000);

                            } else {

   searchCount++;

                                clearTimeout(ab);

    }

                                ab = setTimeout(function () {

      else {	     

                                    datatableChart();

            clearTimeout(ab);

                                }, 3000);

		    ab = setTimeout(function(){datatableChart();}, 3000);

                            }

  }

                        }

}

                        function datatableChart() {

function datatableChart() {

                            $('#chart-leadstatus').remove();

$('#chart-leadstatus').remove();

                            let count = 0;

		let count = 0;

                            let ni = 0;

		let ni =0;

                            let fwup = 0;

		let fwup = 0;

                            let htld = 0;

		let htld = 0;

                            let pend = 0;

		let pend = 0;

                            let final = 0;

		let final = 0;

                            table.rows({

		table.rows({

                                "search": "applied"

			"search" : "applied"

                            }).every(function () {

		}).every(function() {

                                var data = this.data();

			var data = this.data();

                                var status = data[8];

			var status = data[8];

                                var hotLeads = data[16];

			var hotLeads = data[16];

                                console.log("status" + status);

			console.log("status"+status);

                                if (hotLeads == "Green") {

			if(hotLeads =="Green"){

                                    htld++;

			htld++;

                                }

			}

                                if (status == "notInterested") {

			if(status=="notInterested"){

                                    ni++;

			ni++;

                                } else if (status == "followUp") {

			}

                                    fwup++;

			else if(status=="followUp"){

                                } else if (status == "pending") {

			fwup++;

			}

                                    pend++;

			else if(status=="pending"){

                                } else if (status == "finalized") {

			pend++;

                                    final++;

			}

                                }

			else if(status=="finalized"){

                                var count = table.rows({search: 'applied'}).count();

			final++;

                            });

			}

                            var ctx = document.getElementById('chart-lead-search').getContext('2d');

	   var count= table.rows( {search:'applied'} ).count();

                            myPieChart = new Chart(ctx, {

                });

                                "type": "pie",

      var ctx = document.getElementById('chart-lead-search').getContext('2d');

                                "data": {

                                    "labels": [

        myPieChart = new Chart(ctx, {

                                        "notInterested",

            "type":"pie",

                                        "followUp",

       "data":{ 

                                        "pending",

         "labels":[

                                        "finalized",

            "notInterested",

                                        "HotLeads"

            "followUp",

                                    ],

            "pending",

                                    "datasets": [

            "finalized",

                                        {

            "HotLeads"

                                            "data": [

                  ],

                                                ni, fwup, pend, final, htld

       "datasets":[

                                            ],

           {

                                            "backgroundColor": ["red", "#9ACD32", "pink", "blue", "green"],

            "data":[

                                            "label": "DataSet 1"

                ni,fwup,pend,final,htld

                                        }

               ],

                                    ]

         "backgroundColor":["red","#9ACD32","pink","blue","green"],

                                },

         "label":"DataSet 1"

                                "options": {

           }

                                    "responsive": true,

                 ]

                                    "legend": {

              },

                                        "labels": {

        "options":{

                                            "fontColor": "black",

          "responsive":true,

                                            "fontSize": 15

              "legend":{

                                        },

        "labels":{

                                        "position": "left"

            "fontColor":"black",

                                    }

           "fontSize":15

                                }

           },

                            });

          "position":"left"

                 }

                            if (ni <= 0) {

         }});

                                myPieChart.getDatasetMeta(0).data[0].hidden = true;

                            }

         if(ni <= 0){

                            if (fwup <= 0) {

         myPieChart.getDatasetMeta(0).data[0].hidden = true;    

                                myPieChart.getDatasetMeta(0).data[1].hidden = true;

           }

                            }

         if(fwup <= 0){

                            if (pend <= 0) {

         myPieChart.getDatasetMeta(0).data[1].hidden=true;

                                myPieChart.getDatasetMeta(0).data[2].hidden = true;

         }

                            }

         if(pend <= 0){

                            if (final <= 0) {

         myPieChart.getDatasetMeta(0).data[2].hidden=true;

                                myPieChart.getDatasetMeta(0).data[3].hidden = true;

         }

                            }

         if(final <= 0){

         myPieChart.getDatasetMeta(0).data[3].hidden=true;

                            if (htld <= 0) {

         }

                                myPieChart.getDatasetMeta(0).data[4].hidden = true;

                            }

          if(htld <= 0){

         myPieChart.getDatasetMeta(0).data[4].hidden=true;

                            myPieChart.update();

	}

                        }

					});

                    });

        var config = $chartLead;

    var config = $chartLead;

        var ctx = document.getElementById('chart-leadstatus').getContext('2d');

    var ctx = document.getElementById('chart-leadstatus').getContext('2d');

       var bar = new Chart(ctx, config);

    var bar = new Chart(ctx, config);