@extends('admin.layouts.app')

@section('title', 'Business Dashboard')

@section('content')

@php
if(session()->has('dashboard_tab')){
$dasboard_tab_session = session()->get("dashboard_tab");
}else {
$dasboard_tab_session = -1;
}
@endphp

<!-- TOPBAR -->
<div class="top_bar page-content" style="min-height:534px">
    <!-- LOADER -->
    <div class="loader">
        <div class="top_status_bar load">
            <div class="progress_bar bar" style="left: 0px;">
            </div>
        </div>
    </div>
    
    <!-- END LOADER -->
    <!-- BREADCRUMBS -->
    <div class="breadcrumbs">
        <ul>
            <li><a href="">Home</a></li>
            <li><a href="#" class="">Feeds</a></li>
        </ul>
        <button class="btn btn-large pull-right help theme_btn help_btn">?</button>
    </div>
    <!-- END BREADCRUMBS -->
</div>
<!-- END TOPBAR -->
<!-- PAGE CONTENT -->
<div class="page-content">
    
    <div class="row">
        <div class="col-md-12">
            <!-- Begin: life time stats -->
            <div class="portlet">
                <div class="portlet-title"
                    style="border-bottom: 1px solid #eee !important; margin-bottom: 6px !important;">
                    <div class="caption">
                        <h2>Business Dashboard</h2>
                    </div>
                    
                    
                </div>
                <div class="tabbable-line">
                    <ul class="nav nav-tabs dashboard-tabs">

                        <li class="purchases {{($dasboard_tab == 0)?'active': ''}}">
                            <a href="#leads" class="leads" data-toggle="tab" aria-expanded="true" data-tab="0">LEADS</a>
                        </li>
                        <li class="purchases {{($dasboard_tab == 1)?'active': ''}}">
                            <a href="#opportunities" class="opportunities" data-toggle="tab" aria-expanded="true"
                                data-tab="1">OPPORTUNITIES</a>
                        </li>
                        <li class="purchases {{($dasboard_tab == 2)?'active': ''}}">
                            <a href="#team" class="team" data-toggle="tab" aria-expanded="true" data-tab="2">TEAM
                                PERFORMANCE</a>
                        </li>
                        <li class="purchases {{($dasboard_tab == 3)?'active': ''}}">
                            <a href="#calendars" class="calendars" data-toggle="tab" aria-expanded="true" data-tab="3">CALENDAR</a>
                        </li>

                        <div class="row">
                            <div class="col-md-8 duration_by_wrap">
                                <div class="col-md-1 filter_dates" style="display: none;">
                                    <button class="theme_btn_round btn filter_all" type="button" name="load"
                                        value="Filter" style="">Filter
                                    </button>
                                </div>
                                <div class="col-md-3 filter_dates" style="display: none;">
                                    <div class="input-group">
                                        <input name="filter_end_date"
                                            class="form-control filter_end_date calender_popup_date_open"
                                            placeholder="End Date" value="" type="text" index="lead_expiry">
                                        <span class="input-group-btn">
                                            <button class="btn default custom_calender_date_open" type="button"
                                                style="margin: 0">
                                                <i class="fa fa-calendar"></i>
                                            </button>
                                        </span>
                                    </div>
                                </div>
                                <div class="col-md-3 filter_dates" style="display: none;">
                                    <div class="input-group">
                                        <input name="filter_start_date"
                                            class="form-control filter_start_date calender_popup_date_open" value=""
                                            type="text" placeholder="Start Date" index="lead_expiry">
                                        <span class="input-group-btn">
                                            <button class="btn default custom_calender_date_open" type="button"
                                                style="margin: 0">
                                                <i class="fa fa-calendar"></i>
                                            </button>
                                        </span>
                                    </div>
                                </div>
                                @php

                                $response_status = Config("global.response_status");
                                $time_zones = BusinessTimeZone();
                                $start_date = [];
                                $end_date = [];
                                $this_month = getDatesFilter("this_month", $start_date,
                                $end_date);

                                $last_month = getDatesFilter("last_month", $start_date,
                                $end_date);

                                $this_quarter = getDatesFilter("this_quarter",$start_date,
                                $end_date);

                                $last_quarter = getDatesFilter("last_quarter",$start_date,
                                $end_date);

                                $this_year = getDatesFilter("year",$start_date,
                                $end_date);

                                $last_year = getDatesFilter("last_year", $start_date,
                                $end_date);
                                $this_week = getDatesFilter("this_week", $start_date,
                                $end_date);



                                @endphp
                                <div class="col-md-3" style="float: right">
                                    <select class="form-control select2 duration_by select2-hidden-accessible"
                                        tabindex="-1" aria-hidden="true" name="period_filter" id="period_filter">
                                        <option value=""></option>
                                        <option
                                            value="{{ $this_month["search_from_date"].'/'.$this_month["search_to_date"] }}"
                                            selected="selected" data-id="this_month">This month</option>
                                        <option
                                            value="{{ $last_month["search_from_date"].'/'.$last_month["search_to_date"] }}"
                                            data-id="last_month">
                                            Last month</option>
                                        <option
                                            value="{{ $this_quarter["search_from_date"].'/'.$this_quarter["search_to_date"] }}"
                                            data-id="this_quarter">
                                            This quarter</option>
                                        <option
                                            value="{{ $last_quarter["search_from_date"].'/'.$last_quarter["search_to_date"] }}"
                                            data-id="last_quarter">
                                            Last quarter</option>
                                        <option
                                            value="{{ $this_year["search_from_date"].'/'.$this_year["search_to_date"] }}"
                                            data-id="this_year">
                                            This year</option>
                                        <option
                                            value="{{ $last_year["search_from_date"].'/'.$last_year["search_to_date"] }}"
                                            data-id="last_year">
                                            Last year</option>
                                    </select>
                                </div>
                                <label class="col-md-2 text-right" style="float: right">Filter By</label>
                            </div>

                            
                                
                            </div>
                        </div>
                    </ul>
                    
                    <div class="tab-content">
                        <div class="tab-pane {{($dasboard_tab == 0)?'active': ''}}" id="leads">
                            <div class="portlet-body">
                                <div class="table-container">
                                    <div class="portlet-body flip-scroll" style="margin-bottom: 24px;">
                                        <div class="lead_highlights">
                                            <div class="each_highlight box">
                                                <div class="main_filter">New</div>
                                                <div class="filter_result new">
                                                    <!--<a href="http://localhost/gbs-newcrm/leads/leads_list">-->
                                                    <span class="this_total">0</span>
                                                    <i class="fa fa-arrow-down down_arrow"></i>
                                                    <!--</a>-->
                                                </div>
                                                <div class="comparison">
                                                    <span class="last_tenure" style="display: inline;">Last
                                                        Quarter</span>
                                                    :
                                                    <span class="pre_total">0</span>
                                                </div>
                                            </div>
                                            <div class="each_highlight box">
                                                <div class="main_filter">Total</div>
                                                <div class="filter_result">
                                                    <span class="this_all_total">0</span>
                                                    <i class="fa fa-arrow-down down_arrow"></i>
                                                </div>
                                                <div class="comparison">
                                                    <span class="last_tenure" style="display: inline;">Last
                                                        Quarter</span>
                                                    :
                                                    <span class="pre_all_total">0</span>
                                                </div>
                                            </div>
                                            <div class="each_highlight box">
                                                <div class="main_filter">Qualified </div>
                                                <div class="filter_result">
                                                    <span class="this_converted">0</span>
                                                    <i class="fa fa-arrow-down down_arrow"></i>
                                                </div>
                                                <div class="comparison">
                                                    <span class="last_tenure" style="display: inline;">Last
                                                        Quarter</span>
                                                    :
                                                    <span class="pre_converted">0</span>
                                                </div>
                                            </div>
                                            <div class="each_highlight box">
                                                <div class="main_filter">Qualification Rate</div>
                                                <div class="filter_result">
                                                    <span class="this_conversion">0%</span>
                                                    <i class="fa fa-arrow-down down_arrow"></i>
                                                </div>
                                                <div class="comparison">
                                                    <span class="last_tenure" style="display: inline;">Last
                                                        Quarter</span>
                                                    :
                                                    <span class="pre_conversion">0%</span>
                                                </div>
                                            </div>
                                            <div class="each_highlight box">
                                                <div class="main_filter">Disqualified</div>
                                                <div class="filter_result">
                                                    <span class="this_lost">0</span>
                                                    <i class="fa fa-arrow-down down_arrow"></i>
                                                </div>
                                                <div class="comparison">
                                                    <span class="last_tenure" style="display: inline;">Last
                                                        Quarter</span>
                                                    :
                                                    <span class="pre_lost">0</span>
                                                </div>
                                            </div>
                                            <div class="each_highlight box">
                                                <div class="main_filter">Time Spent</div>
                                                <div class="filter_result">
                                                    <span class="time_spent">0</span>
                                                </div>
                                                <div class="comparison">Minutes</div>
                                            </div>

                                        </div>
                                        <div class="leads_widget">
                                            <div class="each_widget box">

                                                <div class="widget_head">
                                                    Leads Created Across Months - Last 12 Months
                                                </div>

                                                <div id="chartdiv_1_half" style="width: 100%; height: 400px;"></div>
                                            </div>
                                            <div class="each_widget box">

                                                <div class="widget_head">
                                                    Leads to Deals Conversion Funnel - <span class="tenure"></span>
                                                </div>

                                                <div id="chartdiv_2_half" style="width: 100%; height: 400px;"></div>
                                            </div>
                                            <div class="each_widget box" style="width: 99%;">
                                                <div class="widget_head">
                                                    Leads Created By Each Source - Last 12 Months
                                                </div>
                                                <div id="chartdiv_3_full" style="width: 100%; height: 400px;"></div>
                                            </div>

                                            <div class="each_widget box">

                                                <div class="widget_head">
                                                    Leads Created by Each Owner - <span class="tenure"></span>
                                                </div>
                                                <div class="tbl_wrap">
                                                    <table class="scroll" width="400px">
                                                        <thead>
                                                            <tr>
                                                                <th style="width: 50%">Owner</th>
                                                                <th style="width: 50%">Leads Created</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody class="leads_created_by_owner">
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>

                                            <div class="each_widget box">

                                                <div class="widget_head">
                                                    Leads Created By Each Source - <span class="tenure">This
                                                        Quarter</span>
                                                </div>
                                                <div class="tbl_wrap">
                                                    <table class="scroll" width="400px">
                                                        <thead>
                                                            <tr>
                                                                <th style="width: 50%">Source</th>
                                                                <th style="width: 50%">Number of leads created
                                                                </th>
                                                            </tr>
                                                        </thead>
                                                        <tbody class="leads_created_by_source">
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="tab-pane {{($dasboard_tab == 1)?'active': ''}}" id="opportunities">
                            <div class="portlet-body">
                                <div class="table-container">
                                    <div class="portlet-body flip-scroll" style="margin-bottom: 24px;">
                                        <div class="lead_highlights">
                                            <div class="each_highlight box">
                                                <div class="main_filter">New</div>
                                                <div class="filter_result">
                                                    <span class="this_opp_total"></span>
                                                    <i class="fa fa-arrow-down down_arrow"></i>
                                                </div>
                                                <div class="comparison">
                                                    <span class="last_tenure" style="display: inline;">Last
                                                        Quarter</span>
                                                    :
                                                    <span class="pre_opp_total">0</span>
                                                </div>
                                            </div>

                                            <div class="each_highlight box">
                                                <div class="main_filter">Total</div>
                                                <div class="filter_result">
                                                    <span class="this_opp_all_total">0</span>
                                                    <i class="fa fa-arrow-down down_arrow"></i>
                                                </div>
                                                <div class="comparison">
                                                    <span class="last_tenure" style="display: inline;">Last
                                                        Quarter</span>
                                                    :
                                                    <span class="pre_opp_all_total">0</span>
                                                </div>
                                            </div>

                                            <div class="each_highlight box">
                                                <div class="main_filter">Won</div>
                                                <div class="filter_result">
                                                    <span class="this_opp_converted">0</span>
                                                    <i class="fa fa-arrow-down down_arrow"></i>
                                                </div>
                                                <div class="comparison">
                                                    <span class="last_tenure" style="display: inline;">Last
                                                        Quarter</span>
                                                    :
                                                    <span class="pre_opp_converted">0</span>
                                                </div>
                                            </div>

                                            <div class="each_highlight box">
                                                <div class="main_filter">Winning Rate</div>
                                                <div class="filter_result">
                                                    <span class="this_conversion">0</span>
                                                    <i class="fa fa-arrow-down down_arrow"></i>
                                                </div>
                                                <div class="comparison">
                                                    <span class="last_tenure" style="display: inline;">Last
                                                        Quarter</span>
                                                    :
                                                    <span class="pre_conversion">0</span>
                                                </div>
                                            </div>

                                            <div class="each_highlight box">
                                                <div class="main_filter">Lost</div>
                                                <div class="filter_result">
                                                    <span class="this_opp_lost">0</span>
                                                    <i class="fa fa-arrow-down down_arrow"></i>
                                                </div>
                                                <div class="comparison">
                                                    <span class="last_tenure" style="display: inline;">Last
                                                        Quarter</span>
                                                    :
                                                    <span class="pre_opp_lost">0</span>
                                                </div>
                                            </div>

                                            <div class="each_highlight box">
                                                <div class="main_filter">Time Spent</div>
                                                <div class="filter_result">
                                                    <span class="time_opp_spent">0</span>
                                                </div>
                                                <div class="comparison">Minutes</div>
                                            </div>
                                        </div>


                                        <div class="leads_widget">
                                            <div class="each_widget box">
                                                <div class="widget_head">
                                                    Opportunities Created Across Months - Last 12 Months
                                                </div>
                                                <div id="chartdiv_opp_1_half" style="width: 100%; height: 400px;"></div>
                                            </div>
                                            <div class="each_widget box">
                                                <div class="widget_head">
                                                    Opportunities Conversion Funnel -
                                                    <span class="tenure" style="display: inline;">This Quarter</span>
                                                </div>
                                                <div id="chartdiv_opp_2_half" style="width: 100%; height: 400px;"></div>
                                            </div>
                                            <div class="each_widget box" style="width: 99%;">
                                                <div class="widget_head">
                                                    Opportunities Created By Each Source - Last 12 Months
                                                </div>
                                                <div id="chartdiv_opp_3_full" style="width: 100%; height: 400px;"></div>
                                            </div>

                                            <div class="each_widget box" style="width: 99%;">
                                                <div class="widget_head">
                                                    Opportunity Components - Last 12 Months
                                                </div>
                                                <div id="chartdiv_opp_4_full" style="width: 100%; height: 400px;"></div>
                                            </div>

                                            <div class="each_widget box">
                                                <div class="widget_head">
                                                    Opportunities by Owner - <span class="tenure"
                                                        style="display: inline;">This Quarter</span>
                                                </div>
                                                <div class="tbl_wrap">
                                                    <table class="scroll" width="400px">
                                                        <thead>
                                                            <tr>
                                                                <th style="width: 33.33%">Owner</th>
                                                                <th style="width: 33.33%">Opportunities Value</th>
                                                                <th style="width: 33.33%">Opportunities Created</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody class="opportunities_created_by_owner"></tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            <div class="each_widget box">
                                                <div class="widget_head">
                                                    Opportunities By Source - <span class="tenure"
                                                        style="display: inline;">This Quarter</span>
                                                </div>
                                                <div class="tbl_wrap">
                                                    <table class="scroll" width="400px">
                                                        <thead>
                                                            <tr>
                                                                <th style="width: 33.33%">Source</th>
                                                                <th style="width: 33.33%">Opportunities Value</th>
                                                                <th style="width: 33.33%">Number of opportunities
                                                                    created</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody class="opportunities_created_by_source">
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane {{($dasboard_tab == 2)?'active': ''}}" id="team">
                            <div class="portlet-body">
                                <div class="table-container">
                                    <div class="portlet-body flip-scroll" style="margin-bottom: 24px;">
                                        <div class="team_highlights">
                                            <div class="each_highlight box">
                                                <div class="main_filter">
                                                    Max. Opportunities Won <span class="max_won_name"></span>
                                                </div>
                                                <div class="filter_result">
                                                    <span class="max_won_count">0</span>
                                                </div>
                                                <div class="comparison">Min
                                                    <span class="min_won_name">0</span>
                                                    :
                                                    <span class="min_won_count">0</span>
                                                </div>
                                            </div>
                                            <div class="each_highlight box">
                                                <div class="main_filter">
                                                    Max. Won <span class="max_won_value_name"></span>
                                                </div>
                                                <div class="filter_result">
                                                    <span class="currrency">﷼</span>
                                                    <span class="max_won_value">0</span>
                                                </div>
                                                <div class="comparison">Min
                                                    <span class="min_won_value_name">0</span>
                                                    :
                                                    <span class="currrency">﷼</span>
                                                    <span class="min_won_value">0</span>
                                                </div>
                                            </div>
                                            <div class="each_highlight box">
                                                <div class="main_filter">
                                                    Max. Lost <span class="max_lost_value_name">0</span>
                                                </div>
                                                <div class="filter_result">
                                                    <span class="currrency">﷼</span>
                                                    <span class="max_lost_value">0</span>
                                                </div>
                                                <div class="comparison">Min
                                                    <span class="min_lost_value_name"></span>
                                                    :
                                                    <span class="currrency">﷼</span>
                                                    <span class="min_lost_value">0</span>
                                                </div>
                                            </div>
                                            <div class="each_highlight box">
                                                <div class="main_filter">
                                                    Max. Won % <span class="max_win_percentage_name"></span>
                                                </div>
                                                <div class="filter_result">
                                                    <span class="max_win_percentage"></span>%
                                                </div>
                                                <div class="comparison">Min
                                                    <span class="min_win_percentage_name"></span>
                                                    :
                                                    <span class="min_win_percentage"></span>%
                                                </div>
                                            </div>
                                        </div>
                                        <div class="team_widget">
                                            <div class="each_widget box" style="width: 99%;">
                                                <div class="widget_head">
                                                    Team Performance (Top 10) -
                                                    <span class="tenure" style="display: inline;">This Quarter</span>
                                                </div>
                                                <div id="chartdiv_team" style="width: 100%; height: 400px;"></div>
                                            </div>

                                            <div class="each_widget box" style="width: 99%;">
                                                <div class="widget_head">
                                                    Sales Person Performance Opportunities-
                                                    <span class="tenure" style="display: inline;">This Quarter</span>
                                                </div>
                                                <div class="tbl_wrap">
                                                    <table class="scroll" width="400px">
                                                        <thead>
                                                            <tr>
                                                                <th style="width: 4%">Rank</th>
                                                                <th style="width: 12%">Sales Person</th>
                                                                <th style="width: 12%">Revenue</th>
                                                                <th style="width: 12%">Lost</th>
                                                                <th style="width: 12%">In Process</th>
                                                                <th style="width: 12%">Won Rate</th>
                                                                <th style="width: 12%">Time Spent (Won)</th>
                                                                <th style="width: 12%">Time Spent (Lost)</th>
                                                                <th style="width: 12%">Average Sales Closing Age</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody class="deales_by_team">
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            <div class="each_widget box" style="width: 99%;">
                                                <div class="widget_head">
                                                    Sales Person Performance Leads - <span class="tenure"
                                                        style="display: inline;">This Quarter</span>
                                                </div>
                                                <div class="tbl_wrap">
                                                    <table class="scroll" width="400px">
                                                        <thead>
                                                            <tr>
                                                                <th style="width: 4%">Rank</th>
                                                                <th style="width: 12%">Sales Person</th>
                                                                <th style="width: 12%">New</th>
                                                                <th style="width: 12%">Total</th>
                                                                <th style="width: 12%">Converted</th>
                                                                <th style="width: 12%">Conversion Percentage</th>
                                                                <th style="width: 12%">Qualified</th>
                                                                <th style="width: 12%">DisQualified</th>
                                                                <th style="width: 12%">Time Spent</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody class="deales_by_team_leads">
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        
                        <div class="tab-pane {{($dasboard_tab == 3)?'active': ''}}" id="calendars"> 
                            <!--------------------FILTER---------------------->
                        <div class="row form-group calendar_filter">
                            <div class="col-md-2">
                                <select name="column_drop" id="column_drop"
                                    class="form-control select2 column_drop select2-hidden-accessible"
                                    tabindex="-1" aria-hidden="true">
                                    <option value=""></option>
                                    <option value="lead_name">Lead Name</option>
                                    <option value="opportunity_name">Opportunity Name</option>
                                    <option value="task_owner">Task Owner</option>
                                    <option value="account_name">Account Name</option>
                                    <option value="firstname">Employee Name</option>
                                    <option value="activities_type">Activity</option>
                                </select>

                            </div>
                            <div class="col-md-2 value-drop">
                                <select name="value_drop" id="value_drop" disabled="" class="form-control select2 option_filters select2-hidden-accessible" tabindex="-1"aria-hidden="true">
                                    <option value=""></option>
                                </select>
                            </div>
                            

                            <div class="col-md-4 pr_0">
                                <button class="theme_btn_round btn filter_all" type="button" name="load"
                                    value="Filter" style="">Filter</button>
                                    <form id="export_excel" method="post" action="" style="display: none;">
                                        <input type="hidden" name="_token" value="">
                                        {{-- <a href="{{ route('admin.leads.export') }}"
                                        class="theme_btn_round btn export_excel">Export</a> --}}
                                        <button class="theme_btn_round btn export_excel">Export </button>
                                    </form>
                                <!-- <button class="theme_btn_round btn reset_filter" type="button" name="" value="Clear All" >Clear All</button> -->
                            </div>
                            <div class="actions success_actions">
                                <!-- <a href="javascript:void(0);" data-toggle="modal" data-target="#new_filesAdd" class="add_new portal_add_btn">
                                        <i class="fa fa-plus"></i>
                                    </a> -->
                                <div class="actions_dropdown button-dropdown bradius">
                                    <span>Actions</span>
                                    <ul class="actions_list dropdown-menu">
                                        <li>
                                            <a data-href="{{ route('admin.meetings.create') }}" data-toggle="modal" data-target="#new_MeetingAdd"
                                                class="add_new">New Meeting</a>
                                        </li>
                                        <li>
                                            <a data-href="{{ route('admin.followups.create') }}" data-toggle="modal" data-target="#new_MeetingAdd"
                                                class="add_new">New Followup</a>
                                        </li>
                                        <li>
                                            <a data-href="{{ route('admin.calls.create')}}" data-toggle="modal" data-target="#new_MeetingAdd"
                                                class="add_new">New Call</a>
                                        </li>
                                        <li>
                                            <a href="javascript:void(0);" data-toggle="modal" data-target="#new_mail"
                                                class="add_new">New Email</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="column_filters1" style="display: block;">

                                {{--<span class="each_filter">Column 1 <i class="fa fa-trash remove_filter"></i></span>--}}
                                {{--<span class="each_filter">Column 1 <i class="fa fa-trash remove_filter"></i></span>--}}
    
                            </div>


                            <div class="leads_action_grey actions_selected">
                                <div class="actions_dropdown_grey">
                                    <span>Lead options</span>
                                    <ul class="actions_list_grey">
                                        <li class="option 1">Option 1</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!--------------------FILTER---------------------->  
                        
                        <div class="table-container">
                            <div class="portlet-body flip-scroll" style="margin-bottom: 24px;">
                                <div class="leads_widget">
                                    <div class="each_widget box" id="each_widget_calendar" style="width: 100%; float: left">
                                        <div id='calendar' class="activityCalendar"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                            @include('admin.dashboard.calendar')
                        </div>

                        
                    </div>
                </div>
            </div>
            <!-- End: life time stats -->
        </div>
    </div>
</div>
<!-- END PAGE CONTENT -->
<div class="modal fade bs-modal right modal-fullscreen r_u_sure in" id="new_MeetingAdd" role="dialog"
        aria-hidden="false" style="display: none;">
        <div class="sweet-overlay" tabindex="-1"></div>
		<div class="modal-dialog modal-lg">
			<div class="modal-content">


            </div>
			<!-- /.modal-Task -->
			<!--                    <div class="alert_box">There are errors on page</div>-->
		</div>
		<!-- /.modal-dialog -->
</div>

<div id="sweetalert_wrap" class="sweet_alert_wrap">
    <!-- Sweet alert -->
    <div class="sweet-alert showSweetAlert" data-custom-class="" data-has-cancel-button="true"
        data-has-confirm-button="true" data-allow-outside-click="false" data-has-done-function="true"
        data-animation="pop" data-timer="null">
        <div class="sa-icon sa-warning pulseWarning" style="display: block;">
            <span class="sa-body pulseWarningIns"></span>
            <span class="sa-dot pulseWarningIns"></span>
        </div>
        <h2>Are You Sure?</h2>
        <p>Your recently changed data in this model will be lost.</p>
        <div class="sa-button-container">
            <button class="cancel" tabindex="2">Cancel</button>
            <div class="sa-confirm-button-container">
                <button class="confirm" tabindex="1">Confirm</button>
            </div>
        </div>
    </div>
</div>

<div class="dayClickWindow">
    <!-- show details modal -->
    
    <div class="eventBx">
        <div class="eventBxHead">
            <div class="eventIcon">
                <i class="fa fa-users" aria-hidden="true"></i>

            </div>
            
            <div class="eventHeading">
                
                    
                
                <h4>Meeting</h4>
                
                <p>Tuesday, August 4, 15:00–15:30</p>
            </div>
            
            <div class="closeBtn"><i class="fa fa-times" aria-hidden="true"></i>
            </div>
        </div>

        <div class="eventDetail">
            <p>This is demo meeting for testing</p>

            <ul class="eventCredits">
                <li>By : <span>Anooj</span></li>
                <li>Person : <span>Rohith J</span></li>
                <li>Company : <span>Qbytez Infolabs</span></li>
            </ul>
        </div>

        <div class="eventBxFooter">
            <div class="delBtn">
                <i class="fa fa-trash" aria-hidden="true"></i>
            </div>

            <div class="btnsRight">
                <button class="btn btn-success btn-done">Mark Done</button>
                <button class="btn btn-light btn-edit">Edit</button>
            </div>
        </div>

    </div>
</div>
    <!-- show details modal ends -->
<div class="dayClick_cal">
    <!-- add new modal -->
    <div class="eventBx newEvent">
        <div class="eventBxHead">
            <div class="eventHeading">
                <h4>Add New Activity</h4>
                
            </div>
            <div class="closeBtn add_act"><i class="fa fa-times" aria-hidden="true"></i>
            </div>
        </div>

        <div class="eventDetail">
            <ul class="newIcons">
                <li><a href="" data-event ="true" data-href="{{ route('admin.calls.create') }}" data-toggle="modal" data-target="#new_MeetingAdd"><i class="fa fa-phone" aria-hidden="true"></i></a>
                </li>
                <li><a href="" data-event ="true" data-href="{{ route('admin.meetings.create') }}" data-toggle="modal" data-target="#new_MeetingAdd"><i class="fa fa-users" aria-hidden="true"></i></a>
                </li>
                <li><a href=""><i class="fa fa-clock-o" aria-hidden="true"></i></a>
                </li>
                <li><a href="" data-event ="true" data-href="{{ route('admin.followups.create') }}" data-toggle="modal" data-target="#new_MeetingAdd"><i class="fa fa-flag" aria-hidden="true"></i></a>
                </li>
                <li><a href=""><i class="fa fa-envelope" aria-hidden="true"></i></a>
                </li>
            </ul>
        </div>
    </div>
</div>


<div class="modal fade scrollable bs-modal right modal-fullscreen r_u_sure in" id="new_task" role="dialog" aria-hidden="false" style="display: none;">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <form method="post" id="newTask" action="">
                <input type="hidden" name="_token" value="j7fwp8wnbs5IGoFpn00XhHayrlQ0ux7VivgzschS"> <input
                    type="hidden" class="linked_with_uuid" name="linked_with_uuid"
                    value="e0460610-d16c-11ea-b785-af4155f9f2e0">

                <input type="hidden" class="from_related_view" name="from_related_view" value="1">
                <input type="hidden" class="update_this_task" name="update_task" value="0">
                <input type="hidden" class="task_uuid" name="task_uuid" value="">

                <div class="modal-header">
                    <button type="button" class="close close_popup" data-dismiss="modal">×
                    </button>
                    <h3 class="pop_heading">New Task</h3>
                </div>
                <div class="modal-body">
                    <span class="general_border"></span>

                    <div class="body_wrap">

                        <div class="row">
                            <div class="col-md-12 pl_pr_0">
                                <input type="hidden" name="information_update" class="information_update" value="0">
                                <!--LEFT SIDE-->
                                <div class="col-md-8 left_side_task popup_border_bottom task_detail_wrapper">
                                    <div class="rows_wrap">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label for="task_title">Title *</label>
                                                    <input name="task_title"
                                                        placeholder="Enter a title for this task"
                                                        class="form-control validate task_title" type="text">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="dates_wrap">
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label>Task Due on *</label>
                                                        <div class="input-group">
                                                            <input name="task_due_on"
                                                                class="form-control task_due_on calender_popup validate"
                                                                value="" type="text">
                                                            <span class="input-group-btn">
                                                                <button class="btn default custom_calender"
                                                                    type="button" style="margin: 0">
                                                                    <i class="fa fa-calendar"></i>
                                                                </button>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label>&nbsp;</label>
                                                        <div class="input-group date">
                                                            <input type="text"
                                                                class="form-control due_time time_popup"
                                                                name="due_time" value="">
                                                            <span
                                                                class="input-group-addon btn default custom_timePick">
                                                                <span class="glyphicon glyphicon-time"></span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label for="task_eta">Time estimated *
                                                        <small style="display: inline;">(1d 5h 35m)</small>
                                                    </label>
                                                    <input name="task_eta" placeholder="1d 5h 35m"
                                                        class="form-control validate task_eta estimation_eta"
                                                        type="text">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label for="task_type">Task type</label>
                                                    <select class="select2 task_type select2-hidden-accessible"
                                                        name="task_type" tabindex="-1" aria-hidden="true">
                                                        <option></option>
                                                        <option value="Estimation">
                                                            Estimation
                                                        </option>
                                                        <option value="Technical Writing">
                                                            Technical Writing
                                                        </option>
                                                        <option value="Meeting">
                                                            Meeting
                                                        </option>
                                                        <option value="Technical Clarification">
                                                            Technical Clarification
                                                        </option>
                                                        <option value="UI/Mockup Design">
                                                            UI/Mockup Design
                                                        </option>
                                                        <option value="Solution Presentation">
                                                            Solution Presentation
                                                        </option>
                                                        <option value="Project Plan">
                                                            Project Plan
                                                        </option>
                                                        <option value="Proposal Preparation">
                                                            Proposal Preparation
                                                        </option>
                                                        <option value="Approval">
                                                            Approval
                                                        </option>
                                                    </select><span
                                                        class="select2 select2-container select2-container--bootstrap"
                                                        dir="ltr" style="width: auto;"><span class="selection"><span
                                                                class="select2-selection select2-selection--single"
                                                                role="combobox" aria-autocomplete="list"
                                                                aria-haspopup="true" aria-expanded="false"
                                                                tabindex="0"
                                                                aria-labelledby="select2-task_type-q5-container"><span
                                                                    class="select2-selection__rendered"
                                                                    id="select2-task_type-q5-container"><span
                                                                        class="select2-selection__placeholder">--Select--</span></span><span
                                                                    class="select2-selection__arrow"
                                                                    role="presentation"><b
                                                                        role="presentation"></b></span></span></span><span
                                                            class="dropdown-wrapper"
                                                            aria-hidden="true"></span></span>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label for="task_type">Task priority *</label>
                                                    <select
                                                        class="select2 task_priority validate select2-hidden-accessible"
                                                        name="task_priority" tabindex="-1" aria-hidden="true">
                                                        <option></option>
                                                        <option value="Low">
                                                            Low
                                                        </option>
                                                        <option value="Medium">
                                                            Medium
                                                        </option>
                                                        <option value="High">
                                                            High
                                                        </option>
                                                    </select><span
                                                        class="select2 select2-container select2-container--bootstrap"
                                                        dir="ltr" style="width: auto;"><span class="selection"><span
                                                                class="select2-selection select2-selection--single"
                                                                role="combobox" aria-autocomplete="list"
                                                                aria-haspopup="true" aria-expanded="false"
                                                                tabindex="0"
                                                                aria-labelledby="select2-task_priority-9p-container"><span
                                                                    class="select2-selection__rendered"
                                                                    id="select2-task_priority-9p-container" title="
                                                                Medium
                                                            "><span class="select2-selection__clear">×</span>
                                                                    Medium
                                                                </span><span class="select2-selection__arrow"
                                                                    role="presentation"><b
                                                                        role="presentation"></b></span></span></span><span
                                                            class="dropdown-wrapper"
                                                            aria-hidden="true"></span></span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label for="task_description">Task description</label>
                                                    <textarea class="task_description" name="task_description"
                                                        rows="4" maxlength="500"
                                                        placeholder="Type in details about this task"></textarea>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                                <!--LEFT SIDE-->

                                <!--RIGHT SIDE-->
                                <div class="col-md-4 right_side_task task_ownership_wrapper">
                                    <div class="rows_wrap">
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <div class="form-group">
                                                    <label for="owner">Initiator *</label>
                                                    <select class="select2 owner validate select2-hidden-accessible"
                                                        disabled="" tabindex="-1" aria-hidden="true">
                                                        <option></option>
                                                        <option value="bb1c3980-6f54-11ea-bcef-f1c271dc1065">
                                                            Mr Rohan George
                                                        </option>
                                                        <option value="ccc3d3e0-6f53-11ea-964b-79fca7c52d7e">
                                                            Mr Waleed Bukhatir
                                                        </option>
                                                        <option value="ac423010-f6ed-11e9-9c80-db0f5b92068c">
                                                            Miss Dhrisya Joy
                                                        </option>
                                                        <option value="ba294fe0-f713-11e9-84b5-91dc6c1aab10">
                                                            Mr Ubaid NK
                                                        </option>
                                                        <option value="8cab4e20-5d97-11e8-bbb0-3709e21a52c8">
                                                            Mr Greejo Job
                                                        </option>
                                                        <option value="9f830290-f93a-11e9-b313-c9e149d85466">
                                                            Mr Shaji Muhammed
                                                        </option>
                                                        <option value="26b38640-f0a5-11e9-b61b-b363ea635c57">
                                                            Miss Sanla Sandesh
                                                        </option>
                                                        <option value="5d0bbb20-f714-11e9-87eb-6570c0d30476">
                                                            Mr Niyas Muhammed
                                                        </option>
                                                        <option value="8b59eac0-f715-11e9-8f06-afed13c78b07">
                                                            Mr Salih Abdurahiman
                                                        </option>
                                                        <option value="b9272ea0-23ba-11ea-bcb1-8fe0d34b7fca">
                                                            Mr Sameel E
                                                        </option>
                                                        <option selected="selected"
                                                            value="bf86b8c0-efc7-11e9-9ff7-b92ad71fc902">
                                                            Miss Sweta Jayakrishnan
                                                        </option>
                                                        <option value="e4767940-082a-11ea-8929-1dac36372fa7">
                                                            Mr Nizamudheen CP
                                                        </option>
                                                        <option value="7b032c60-fce6-11e9-8907-d169b0fe1650">
                                                            Miss Aysha Minnu
                                                        </option>
                                                        <option value="32527700-1017-11ea-8b9c-5120d20401fc">
                                                            Miss Vidhya k
                                                        </option>
                                                        <option value="c7bc9740-4e22-11ea-b70f-abc430c60e3f">
                                                            Mr Rasique m
                                                        </option>
                                                    </select><span
                                                        class="select2 select2-container select2-container--bootstrap select2-container--disabled"
                                                        dir="ltr" style="width: auto;"><span class="selection"><span
                                                                class="select2-selection select2-selection--single"
                                                                role="combobox" aria-autocomplete="list"
                                                                aria-haspopup="true" aria-expanded="false"
                                                                tabindex="-1"
                                                                aria-labelledby="select2-82yj-container"><span
                                                                    class="select2-selection__rendered"
                                                                    id="select2-82yj-container" title="
                                                                Miss Sweta Jayakrishnan
                                                            "><span class="select2-selection__clear">×</span>
                                                                    Miss Sweta Jayakrishnan
                                                                </span><span class="select2-selection__arrow"
                                                                    role="presentation"><b
                                                                        role="presentation"></b></span></span></span><span
                                                            class="dropdown-wrapper"
                                                            aria-hidden="true"></span></span>
                                                </div>
                                            </div>

                                        </div>
                                        <div class="row global_task_row hide_important">
                                            <div class="col-sm-12">
                                                <div class="form-group">
                                                    <label for="related_to">Related to *</label>
                                                    <select
                                                        class="select2 related_to load_linked_with validate select2-hidden-accessible"
                                                        name="related_to" tabindex="-1" aria-hidden="true">
                                                        <option></option>
                                                        <option value="Opportunity">
                                                            Opportunity
                                                        </option>
                                                        <option value="Lead">
                                                            Lead
                                                        </option>
                                                        <option value="General">
                                                            General
                                                        </option>
                                                        <option value="General">General</option>
                                                    </select><span
                                                        class="select2 select2-container select2-container--bootstrap"
                                                        dir="ltr" style="width: auto;"><span class="selection"><span
                                                                class="select2-selection select2-selection--single"
                                                                role="combobox" aria-autocomplete="list"
                                                                aria-haspopup="true" aria-expanded="false"
                                                                tabindex="0"
                                                                aria-labelledby="select2-related_to-pw-container"><span
                                                                    class="select2-selection__rendered"
                                                                    id="select2-related_to-pw-container" title="
                                                                Lead
                                                            "><span class="select2-selection__clear">×</span>
                                                                    Lead
                                                                </span><span class="select2-selection__arrow"
                                                                    role="presentation"><b
                                                                        role="presentation"></b></span></span></span><span
                                                            class="dropdown-wrapper"
                                                            aria-hidden="true"></span></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <div class="form-group no_pointer_events">
                                                    <label for="linked_with">Linked with *</label>
                                                    <select
                                                        class="select2 linked_with validate select2-hidden-accessible"
                                                        name="linked_with" tabindex="-1" aria-hidden="true">
                                                        <option value="e0460610-d16c-11ea-b785-af4155f9f2e0">Auction
                                                            Website</option>
                                                    </select><span
                                                        class="select2 select2-container select2-container--bootstrap"
                                                        dir="ltr" style="width: auto;"><span class="selection"><span
                                                                class="select2-selection select2-selection--single"
                                                                role="combobox" aria-autocomplete="list"
                                                                aria-haspopup="true" aria-expanded="false"
                                                                tabindex="0"
                                                                aria-labelledby="select2-linked_with-mq-container"><span
                                                                    class="select2-selection__rendered"
                                                                    id="select2-linked_with-mq-container"
                                                                    title="Auction Website"><span
                                                                        class="select2-selection__clear">×</span>Auction
                                                                    Website</span><span
                                                                    class="select2-selection__arrow"
                                                                    role="presentation"><b
                                                                        role="presentation"></b></span></span></span><span
                                                            class="dropdown-wrapper"
                                                            aria-hidden="true"></span></span>
                                                    <span class="spin_icon"><i
                                                            class="fa fa-spinner fa-spin"></i></span>
                                                </div>
                                            </div>

                                        </div>
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <div class="form-group">
                                                    <label for="assign_to">Assign task to *</label>
                                                    <select
                                                        class="select2 assign_to validate select2-hidden-accessible"
                                                        name="assign_to" tabindex="-1" aria-hidden="true">
                                                        <option></option>
                                                        <option value="bb1c3980-6f54-11ea-bcef-f1c271dc1065">
                                                            Mr Rohan George
                                                        </option>
                                                        <option value="ccc3d3e0-6f53-11ea-964b-79fca7c52d7e">
                                                            Mr Waleed Bukhatir
                                                        </option>
                                                        <option value="ac423010-f6ed-11e9-9c80-db0f5b92068c">
                                                            Miss Dhrisya Joy
                                                        </option>
                                                        <option value="ba294fe0-f713-11e9-84b5-91dc6c1aab10">
                                                            Mr Ubaid NK
                                                        </option>
                                                        <option value="8cab4e20-5d97-11e8-bbb0-3709e21a52c8">
                                                            Mr Greejo Job
                                                        </option>
                                                        <option value="9f830290-f93a-11e9-b313-c9e149d85466">
                                                            Mr Shaji Muhammed
                                                        </option>
                                                        <option value="26b38640-f0a5-11e9-b61b-b363ea635c57">
                                                            Miss Sanla Sandesh
                                                        </option>
                                                        <option value="5d0bbb20-f714-11e9-87eb-6570c0d30476">
                                                            Mr Niyas Muhammed
                                                        </option>
                                                        <option value="8b59eac0-f715-11e9-8f06-afed13c78b07">
                                                            Mr Salih Abdurahiman
                                                        </option>
                                                        <option value="b9272ea0-23ba-11ea-bcb1-8fe0d34b7fca">
                                                            Mr Sameel E
                                                        </option>
                                                        <option selected="selected"
                                                            value="bf86b8c0-efc7-11e9-9ff7-b92ad71fc902">
                                                            Miss Sweta Jayakrishnan
                                                        </option>
                                                        <option value="e4767940-082a-11ea-8929-1dac36372fa7">
                                                            Mr Nizamudheen CP
                                                        </option>
                                                        <option value="7b032c60-fce6-11e9-8907-d169b0fe1650">
                                                            Miss Aysha Minnu
                                                        </option>
                                                        <option value="32527700-1017-11ea-8b9c-5120d20401fc">
                                                            Miss Vidhya k
                                                        </option>
                                                        <option value="c7bc9740-4e22-11ea-b70f-abc430c60e3f">
                                                            Mr Rasique m
                                                        </option>
                                                    </select><span
                                                        class="select2 select2-container select2-container--bootstrap"
                                                        dir="ltr" style="width: auto;"><span class="selection"><span
                                                                class="select2-selection select2-selection--single"
                                                                role="combobox" aria-autocomplete="list"
                                                                aria-haspopup="true" aria-expanded="false"
                                                                tabindex="0"
                                                                aria-labelledby="select2-assign_to-t5-container"><span
                                                                    class="select2-selection__rendered"
                                                                    id="select2-assign_to-t5-container" title="
                                                                Miss Sweta Jayakrishnan
                                                            "><span class="select2-selection__clear">×</span>
                                                                    Miss Sweta Jayakrishnan
                                                                </span><span class="select2-selection__arrow"
                                                                    role="presentation"><b
                                                                        role="presentation"></b></span></span></span><span
                                                            class="dropdown-wrapper"
                                                            aria-hidden="true"></span></span>
                                                </div>
                                            </div>

                                        </div>
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <div class="form-group">
                                                    <section title="">
                                                        <div class="squaredThree">
                                                            <input type="checkbox" style="height: auto !important;"
                                                                id="is_confidential" name="is_confidential"
                                                                class="is_confidential" value="1">
                                                            <label for="is_confidential"></label>
                                                            <span>Is confidential?</span>
                                                        </div>
                                                    </section>

                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <div class="form-group">
                                                    <section title="">
                                                        <div class="squaredThree">
                                                            <input type="checkbox" style="height: auto !important;"
                                                                id="is_milestone" name="is_milestone"
                                                                class="is_milestone" value="1">
                                                            <label for="is_milestone"></label>
                                                            <span>Is milestone?</span>
                                                        </div>
                                                    </section>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--RIGHT SIDE-->
                                <!--RIGHT SIDE ON HOLD-->
                                <div class="col-md-4 right_side_task on_hold_wrapper hide_important">
                                    <div class="rows_wrap">
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <div class="form-group">
                                                    <section title="">
                                                        <div class="squaredThree">
                                                            <input type="checkbox" style="height: auto !important;"
                                                                id="is_on_hold" name="is_on_hold" class="is_on_hold"
                                                                value="1">
                                                            <label for="is_on_hold"></label>
                                                            <span>On-hold?</span>
                                                        </div>
                                                    </section>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--RIGHT SIDE ON HOLD-->
                            </div>
                        </div>


                        <div class="row accepted record_activity_wrapper hide_important">
                            <div class="col-md-12 pl_pr_0">
                                <div class="col-md-8 left_side_task popup_border_bottom">
                                    <div class="rows_wrap">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <div class="squaredThree">
                                                        <input type="checkbox" style="height: auto !important;"
                                                            name="record_activity_check" id="record_activity_check"
                                                            class="record_activity_check not_validate" value="0">
                                                        <label for="record_activity_check"></label>
                                                        <span>Record Activity?</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row record_activity hide">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label for="">Record Activity *</label>
                                                    <select
                                                        class="select2 form-control requiredd activity_type select2-hidden-accessible not_validate"
                                                        name="activity_type" tabindex="-1" aria-hidden="true">
                                                        <option value=""></option>
                                                    </select><span
                                                        class="select2 select2-container select2-container--bootstrap"
                                                        dir="ltr" style="width: 100px;"><span
                                                            class="selection"><span
                                                                class="select2-selection select2-selection--single"
                                                                role="combobox" aria-autocomplete="list"
                                                                aria-haspopup="true" aria-expanded="false"
                                                                tabindex="0"
                                                                aria-labelledby="select2-activity_type-68-container"><span
                                                                    class="select2-selection__rendered"
                                                                    id="select2-activity_type-68-container"><span
                                                                        class="select2-selection__placeholder">--Select--</span></span><span
                                                                    class="select2-selection__arrow"
                                                                    role="presentation"><b
                                                                        role="presentation"></b></span></span></span><span
                                                            class="dropdown-wrapper"
                                                            aria-hidden="true"></span></span>
                                                </div>

                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label for="">Time spent *
                                                        <small style="display: inline;">(1d 5h 35m)</small>
                                                    </label>
                                                    <input type="text" name="activity_eta"
                                                        class="form-control requiredd activity_eta estimation_eta not_validate"
                                                        placeholder="2d 5h 35m">
                                                </div>
                                            </div>
                                            <div class="col-md-6 hide_important">
                                                <div class="form-group">
                                                    <label for="">Outcome *</label>
                                                    <select
                                                        class="select2 form-control activity_outcome select2-hidden-accessible not_validate"
                                                        name="activity_outcome" tabindex="-1" aria-hidden="true">
                                                        <option value=""></option>
                                                    </select><span
                                                        class="select2 select2-container select2-container--bootstrap"
                                                        dir="ltr" style="width: 100px;"><span
                                                            class="selection"><span
                                                                class="select2-selection select2-selection--single"
                                                                role="combobox" aria-autocomplete="list"
                                                                aria-haspopup="true" aria-expanded="false"
                                                                tabindex="0"
                                                                aria-labelledby="select2-activity_outcome-70-container"><span
                                                                    class="select2-selection__rendered"
                                                                    id="select2-activity_outcome-70-container"><span
                                                                        class="select2-selection__placeholder">--Select--</span></span><span
                                                                    class="select2-selection__arrow"
                                                                    role="presentation"><b
                                                                        role="presentation"></b></span></span></span><span
                                                            class="dropdown-wrapper"
                                                            aria-hidden="true"></span></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row record_activity hide">

                                        </div>
                                        <div class="row record_activity hide">
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label for="">Activity Note</label>
                                                    <textarea type="text" name="activity_note" maxlength="250"
                                                        class="form-control activity_note" rows="5"></textarea>
                                                </div>

                                            </div>
                                        </div>
                                        <div class="row record_activity hide">
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <div class="squaredThree">
                                                        <input type="checkbox" style="height: auto !important;"
                                                            name="next_action_check" id="next_action_check"
                                                            class="next_action_check not_validate" value="0">
                                                        <label for="next_action_check"></label>
                                                        <span>Record Next Action?</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>


                        <div class="row accepted next_action hide record_nex_action_wrapper hide_important">
                            <div class="col-md-12 pl_pr_0">
                                <div class="col-md-8 left_side_task popup_border_bottom">
                                    <div class="rows_wrap">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label for="">Next Action *</label>
                                                    <select
                                                        class="select2 form-control requiredd next_activity select2-hidden-accessible not_validate"
                                                        name="next_activity" tabindex="-1" aria-hidden="true">
                                                        <option value=""></option>
                                                    </select><span
                                                        class="select2 select2-container select2-container--bootstrap"
                                                        dir="ltr" style="width: 100px;"><span
                                                            class="selection"><span
                                                                class="select2-selection select2-selection--single"
                                                                role="combobox" aria-autocomplete="list"
                                                                aria-haspopup="true" aria-expanded="false"
                                                                tabindex="0"
                                                                aria-labelledby="select2-next_activity-ii-container"><span
                                                                    class="select2-selection__rendered"
                                                                    id="select2-next_activity-ii-container"><span
                                                                        class="select2-selection__placeholder">--Select--</span></span><span
                                                                    class="select2-selection__arrow"
                                                                    role="presentation"><b
                                                                        role="presentation"></b></span></span></span><span
                                                            class="dropdown-wrapper"
                                                            aria-hidden="true"></span></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="dates_wrap">
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label>When *</label>
                                                        <div class="input-group">
                                                            <input name="next_date"
                                                                class="form-control calender_popup requiredd next_date not_validate"
                                                                value="" type="text">
                                                            <span class="input-group-btn">
                                                                <button class="btn default custom_calender"
                                                                    type="button" style="margin: 0">
                                                                    <i class="fa fa-calendar"></i>
                                                                </button>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label>&nbsp;</label>
                                                        <div class="input-group date">
                                                            <input type="text"
                                                                class="form-control time_popup next_time not_validate"
                                                                name="next_time" value="">
                                                            <span
                                                                class="input-group-addon btn default custom_timePick">
                                                                <span class="glyphicon glyphicon-time"></span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>


                        <div class="row history accepted task_history_wrapper hide_important">
                            <div class="col-md-12 pl_pr_0">
                                <div class="history" style="overflow: hidden;">
                                    <div class="col-md-8" style="border-right:2px solid #f1f1f1">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <h3 class="custom_h3">History &amp; Notes</h3>
                                            </div>
                                        </div>
                                        <div class="history_wrap history_wrap_activity hide"></div>
                                        <div class="row">
                                            <div class="col-md-12">
                                                <span class="view_more load_activities">
                                                    View History (<span class="total_activities">0</span> Entries)
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>


                    </div>




                    <div class="actions_div" style="display: none;">
                        <div class="row ml_mr_0 back_arrow">
                            <div class="col-md-12">
                                <i class="fa fa-arrow-left green go_back_task" title="Go back"></i>
                            </div>
                        </div>
                        <div class="row ml_mr_0">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <textarea name="escalate_message" class="escalate_message"
                                        placeholder="Description" rows="6" maxlength="250"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>


                <div class="modal-footer">
                    <div class="row" style="">
                        <div class="col-sm-6">
                            <div class="alert_box">There are errors on page</div>
                        </div>
                        <div class="col-sm-6">
                            <button type="button" class="btn dismiss cancel" data-dismiss="modal">Cancel</button>

                            <button class="btn theme_btn_capsule drop pull-right dropdown_buttons hide_important"
                                type="button" data-save="1">
                                <i class="fa fa-angle-down"></i>
                            </button>
                            <button
                                class="btn actions_multi_options action_btn theme_btn_capsule save save_task pull-right r_cornors"
                                data-button="save_task" value="submitted" name="submitted" type="submit"
                                id="active_option" data-save="1" style="display: block;">Save</button>
                            <button
                                class="btn actions_multi_options action_btn theme_btn_capsule save_mark_done pull-right hide"
                                data-button="save_mark_done" value="1" name="save_mark_done" type="submit"
                                style="display: none;" id="" data-save="1">
                                <span></span>
                                Save &amp; done
                            </button>
                            <button
                                class="btn actions_multi_options action_btn theme_btn_capsule save_escalate  pull-right hide"
                                data-button="save_escalate" value="save_escalate" name="" type="submit" id=""
                                style="display: none;" data-save="1">
                                <span></span>
                                Save &amp; escalate
                            </button>
                            <button
                                class="btn actions_multi_options action_btn theme_btn_capsule re_assign  pull-right hide"
                                value="re_assign" name="" type="submit" id="" style="display: none;" data-save="1">
                                <span></span>
                                Save &amp; Re assign
                            </button>
                            <button
                                class="btn actions_multi_options action_btn theme_btn_capsule re_open  pull-right hide"
                                value="re_open" name="" type="submit" id="" style="display: none;" data-save="1">
                                <span></span>
                                Re open
                            </button>
                            <div class="box popup_select_bottom buttons_wrapper" style="display: none;">
                                <ul>
                                    <li value="save" class="save_go">Save</li>
                                    <li value="save_mark_done"
                                        class="owner_can_do save_mark_done_button hide_important">Save &amp; done
                                    </li>
                                    <li value="save_escalate"
                                        class="owner_can_do save_escalate_button hide_important">Save &amp;
                                        escalate
                                    </li>
                                    <li value="re_assign" class="after_done re_assign_button hide_important">Re
                                        assign
                                    </li>
                                    <li value="re_open" class="after_done re_open_button hide_important">Re open
                                    </li>
                                </ul>
                            </div>


                        </div>
                    </div>
                </div>
            </form>
        </div>

        <!-- /.modal-Task -->
    </div>
    <!-- /.modal-dialog -->
</div>


<div class="task_div" style="display: none">

</div>

@stop
@section('styles')
<link rel="stylesheet" type="text/css" href="{{ asset('plugins/global/calendar5/calendar.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset('css/calendar-style.css') }}" />
<style>
    #leads .each_highlight.box,
    #opportunities .each_highlight.box {
        width: 15.6% !important;
        margin: 0 1% 0 0;
    }

    .amcharts-chart-div a {
        display: none !important;
    }

    .tbl_wrap {
        padding: 10px;
    }

    .scroll tr {
        display: flex;
    }

    .scroll td {
        flex: 1 auto;
        width: 1px;
        word-wrap: break;
        border-collapse: collapse;
        padding: 8px 12px !important;
        border-style: none !important;
        border-right: 1px solid #eee !important;
    }

    /*.scroll thead tr:after {*/
    /*content: '';*/
    /*overflow-y: scroll;*/
    /*visibility: hidden;*/
    /*height: 0;*/
    /*}*/

    .scroll thead th {
        flex: 1 auto;
        display: block;
        border-right: 1px solid #fff;
        border-collapse: collapse;

        font-size: 16px !important;
        background: #636871 !important;
        color: #fff;
        padding: 8px 12px !important;
        font-weight: 400 !important;

    }

    .scroll tbody {
        display: block;
        width: 100%;
        overflow-y: auto;
        /*height: 200px;*/
    }

    .scroll th:first-child {
        border-top-left-radius: 3px;
    }

    .scroll th:last-child {
        border-top-right-radius: 3px;
        border: 0;
    }

    .scroll tbody td,
    .scroll thead tr {
        vertical-align: middle !important;
        position: relative;
    }

    /*.scroll tbody td {*/
    /*border-style: none !important;*/
    /*border-right: 1px solid #eee !important;*/
    /*}*/

    .scroll tbody td:last-child {
        /*border-right: 0 !important;*/
    }

    .scroll tbody tr {
        border: 1px solid #eee;
        border-top: 0;
        border-right: 0;
    }

    .scroll {
        border-collapse: collapse;
    }

    .filter_dates {
        float: right;
        display: none;
    }

    .fc-daygrid-day-number{
        color: black;
        font-size: 15px;
    }

    .column_filters1 {
        clear: both;
        padding: 10px 0px 10px 0px;
    }

    .column_filters{
        margin-left: -28px;
    }

    .bootstrap-timepicker-widget.dropdown-menu.open {
    display: inline-block;
    z-index: 99999 !important;
    }

    .fc-listWeek-button.fc-button.fc-button-primary{
        margin-right: 25px !important;
        border-top-right-radius: .5rem !important;
        border-bottom-right-radius: .5rem !important;
    }
    .fc-prev-button.fc-button.fc-button-primary{
        border-top-left-radius: .5rem !important;
        border-bottom-left-radius: .5rem !important;
    }

    .calendar_filter{
        margin-left: -8px !important;
    }

    .each_filter{
        margin-left: 15px;
    }

    .dayClick_cal{
        width: 300px;
        border-radius: 15px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: none;
        z-index: 1;
    }

    /* .fc-daygrid-event.fc-daygrid-block-event.fc-h-event.fc-event.fc-event-draggable.fc-event-resizable.fc-event-start.fc-event-end{
        width: 70%;
    } */    

    .fc-state-highlight > div > div.fc-day-number{
    /* background-color: #ff3b30; */
    background-color: #B8B8B8;
    color: #FFFFFF;
    border-radius: 50%;
    margin: 4px;
}

td.fc-daygrid-day.fc-day.fc-day-today .fc-daygrid-day-frame.fc-scrollgrid-sync-inner .fc-daygrid-day-top a{
    background-color: #B8B8B8;
    color: #FFFFFF;
    border-radius: 50%;
    width: 27px;
    text-align: center;
}

.actions_dropdown ul.actions_list li{
    background: #37c6d3 !important;
}

.fc-daygrid-event{
    width: 60% !important;
}

/*  */

.each_filter {
    float: left;
    margin-bottom: 10px;
}
/* .fc-event-title:before {
  font-family: "Font Awesome 5 Free";
  content: "\f1ea";
  display: block;
  padding-right: 3px;
  font-weight: 900;
} */


.actions_dropdown{
    margin-right: 13px !important;
    height: 30px !important;
}


.fc-v-event .fc-event-main{
    color: black;
}
.legends {
    margin: 1rem 0;
    padding:0;
    text-align: center;
}
.legends li {
    display:inline-block;
    margin-right: 10px;
    font-size: 13px;
    position:relative;
    padding-left:20px;
}
.legends li:before {
    content: '';
    width: 15px;
    height:15px;
    background: #E2E2E2;
    position:absolute;
    left: 0;
    border: solid 1px #E2E2E2;
}
.greenLegnd:before {
    background: #C2E8DB !important;
}
.orangeLegnd:before {
    background: #F7E0BF !important;
}
.purpleLegnd:before {
    background: #DFD1F3 !important;
}

.title_done{
    text-decoration: line-through;
}

.greyLegnd:before {
    background: #EAEAEA !important;
}

.blueLegnd:before {
    background: #B3D3FF !important;
}
.dayClickWindow {
  display: none;
  position: absolute;
}

.errorDiv {
    color: red;
    margin-top: 4px;
}

.fc-scrollgrid-shrink~.fc-day-past .fc-daygrid-event{
    width: 99% !important;
}

</style>
@stop
@section('admin_js')
<script src="https://www.amcharts.com/lib/4/core.js"></script>
<script src="https://www.amcharts.com/lib/4/charts.js"></script>
<script src="https://www.amcharts.com/lib/4/themes/animated.js"></script>
<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="https://www.amcharts.com/lib/3/funnel.js"></script>
<script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script>
<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" />
<script type="text/javascript" src="{{ asset('plugins/global/calendar5/calendar.js') }}"></script>
{{-- <script src='https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.1.0/fullcalendar.min.js'></script> --}}
<script src='https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.1/moment.min.js'></script>


<script>
    $(document).ready(function () {
        tab = '{{$dasboard_tab }}';
        if (tab == 0) {
            var obj = '{{$sources}}';
            amChartDiv3('{{ $json_stage }}', 'chartdiv_3_full', obj);
            amchartDiv1('{{ $json_count }}', 'chartdiv_1_half');
        } else if (tab == 1) {
            var obj = '{{$component}}';

            // amChartDiv3('{{ $json_stage }}', 'chartdiv_opp_3_full', '{{$sources}}');
            amchartDiv1('{{ $json_count }}', 'chartdiv_opp_1_half');
            amChartDiv3('{{ $comp_count }}', 'chartdiv_opp_4_full', obj);
           

        }
        else if(tab == 3) {
            $('.duration_by_wrap').hide();
        }

        $('.duration_by').trigger('change');
    });

    $(document).on('change', '#period_filter', function () {

        var dates = $(this).val();
        var filter_type = $(this).find(":selected").data("id");
        var filter = $(this).find(":selected").text();
        var tab = '{{$dasboard_tab }}';
        $('.tenure').text(filter);
        // $('.last_tenure').text(filter);



        var action = "{{ url('admin/dashboard/view')}}?dates=" + dates + "&filter_type=" + filter_type
        $.ajax({
            url: action,
            method: 'GET',
            success: function (response) {
                if (response.status == 1000) {
                    if (tab == 0) {

                        amchartDiv2(response.json_stage, 'chartdiv_2_half');
                        $('.last_tenure').html(response.data.previous_label);
                        $('.this_all_total').html(response.data.total_leads);
                        $('.pre_all_total').html(response.data.previous_leads_per);
                        if (response.data.total_leads > response.data.previous_leads_per) {
                            $('#leads').find('span.this_all_total').next('i').removeAttr('class');
                            $('#leads').find('span.this_all_total').next('i').attr('class',
                                'fa fa-arrow-up');
                        } else if (response.data.total_leads <= response.data.previous_leads_per) {
                            $('#leads').find('span.this_all_total').next('i').removeAttr('class');
                            $('#leads').find('span.this_all_total').next('i').attr('class',
                                'fa fa-arrow-down down_arrow');
                        }
                        $('.this_total').html(response.data.total_new_leads_per_day);
                        $('.pre_total').html(response.data.previous_new_leads_per_day);
                        if (response.data.total_new_leads_per_day > response.data
                            .previous_new_leads_per_day) {
                            $('#leads').find('span.this_total').next('i').removeAttr('class');
                            $('#leads').find('span.this_total').next('i').attr('class',
                                'fa fa-arrow-up');
                        } else if (response.data.total_new_leads_per_day <= response.data
                            .previous_new_leads_per_day) {
                            $('#leads').find('span.this_total').next('i').removeAttr('class');
                            $('#leads').find('span.this_total').next('i').attr('class',
                                'fa fa-arrow-down down_arrow');
                        }
                        $('.this_converted').html(response.data.total_qualified_leads_per_day);
                        $('.pre_converted').html(response.data.previous_qualified_leads_per_day);
                        if (response.data.total_qualified_leads_per_day > response.data
                            .previous_qualified_leads_per_day) {
                            $('#leads').find('span.this_converted').next('i').removeAttr('class');
                            $('#leads').find('span.this_converted').next('i').attr('class',
                                'fa fa-arrow-up');
                        } else if (response.data.total_qualified_leads_per_day <= response.data
                            .previous_qualified_leads_per_day) {
                            $('#leads').find('span.this_converted').next('i').removeAttr('class');
                            $('#leads').find('span.this_converted').next('i').attr('class',
                                'fa fa-arrow-down down_arrow');
                        }

                        $('.this_lost').html(response.data.total_disqualified_leads_per_day);
                        $('.pre_lost').html(response.data.previous_disqualified_leads_per_day);
                        if (response.data.total_disqualified_leads_per_day <= response.data
                            .previous_disqualified_leads_per_day) {
                            $('#leads').find('span.this_lost').next('i').removeAttr('class');
                            $('#leads').find('span.this_lost').next('i').attr('class',
                                'fa fa-arrow-up');
                        } else if (response.data.total_disqualified_leads_per_day > response.data
                            .previous_disqualified_leads_per_day) {
                            $('#leads').find('span.this_lost').next('i').removeAttr('class');
                            $('#leads').find('span.this_lost').next('i').attr('class',
                                'fa fa-arrow-down down_arrow');
                        }
                        $('.this_conversion').html(response.data.qualification_rate + '%');
                        $('.pre_conversion').html(response.data.previous_qualification_rate + '%');
                        if (response.data.qualification_rate > response.data
                            .previous_qualification_rate) {
                            $('#leads').find('span.this_conversion').next('i').removeAttr('class');
                            $('#leads').find('span.this_conversion').next('i').attr('class',
                                'fa fa-arrow-up');
                        } else if (response.data.qualification_rate <= response.data
                            .previous_qualification_rate) {
                            $('#leads').find('span.this_conversion').next('i').removeAttr('class');
                            $('#leads').find('span.this_conversion').next('i').attr('class',
                                'fa fa-arrow-down down_arrow');
                        }

                        $('.leads_created_by_owner').html('');
                        $.each(response.data.created_by, function (i, v) {
                            if (v.leads.length > 0) {
                               
                                $('.leads_created_by_owner').append('<tr><td>' + ((v.title != null) ? v.title : '') +
                                    ' ' + v.firstname + ' ' + v.lastname +
                                    '</td><td style="text-align: center;">' + v.leads
                                    .length + '</td></tr>');
                            }
                        });
                        $('.leads_created_by_source').html('');
                        $.each(response.data.source_count, function (i, v) {
                            if (v.leads.length > 0) {

                                $('.leads_created_by_source').append('<tr><td>' + v.title +
                                    '</td><td style="text-align: center;">' + v.leads
                                    .length + '</td></tr>');
                            }
                        });
                        $('.time_spent').html(response.data.lead_total_time_spent);


                    }
                    if (tab == 1) {
                        

                        $('.last_tenure').html(response.data.previous_label);

                        $('.this_opp_total').html(response.data.total_new_opportunity);
                        $('.pre_opp_total').html(response.data.previous_new_opportunity);
                        $('.this_opp_all_total').html(response.data.total_opportunity);
                        $('.pre_opp_all_total').html(response.data.previous_opportunity);
                        $('.this_opp_converted').html(response.data.total_won_opportunity);
                        $('.pre_opp_converted').html(response.data.previous_won_opportunity);
                        

                        $('.this_opp_lost').html(response.data.total_lost_opportunity);
                        $('.pre_opp_lost').html(response.data.previous_lost_opportunity);
                        $('.this_conversion').html(response.data.won_qualification_rate + '%');
                        $('.pre_conversion').html(response.data.previous_won_qualification_rate + '%');

                        if (response.data.total_new_opportunity <= response.data
                            .previous_new_opportunity) {
                            $('#opportunities').find('span.this_opp_total').next('i').removeAttr('class');
                            $('#opportunities').find('span.this_opp_total').next('i').attr('class',
                                'fa fa-arrow-up');
                        } else if (response.data.total_new_opportunity > response.data
                            .previous_new_opportunity) {
                            $('#opportunities').find('span.this_opp_total').next('i').removeAttr('class');
                            $('#opportunities').find('span.this_opp_total').next('i').attr('class',
                                'fa fa-arrow-down down_arrow');
                        }
                        if (response.data.total_opportunity > response.data
                            .previous_opportunity) {
                            $('#opportunities').find('span.this_opp_all_total').next('i').removeAttr('class');
                            $('#opportunities').find('span.this_opp_all_total').next('i').attr('class',
                                'fa fa-arrow-up');
                        } else if (response.data.total_opportunity <= response.data
                            .previous_opportunity) {
                            $('#opportunities').find('span.this_opp_all_total').next('i').removeAttr('class');
                            $('#opportunities').find('span.this_opp_all_total').next('i').attr('class',
                                'fa fa-arrow-down down_arrow');
                        }

                        if (response.data.total_won_opportunity > response.data
                            .previous_won_opportunity) {
                            $('#opportunities').find('span.this_opp_converted').next('i').removeAttr('class');
                            $('#opportunities').find('span.this_opp_converted').next('i').attr('class',
                                'fa fa-arrow-up');
                        } else if (response.data.total_won_opportunity <= response.data
                            .previous_won_opportunity) {
                            $('#opportunities').find('span.this_opp_converted').next('i').removeAttr('class');
                            $('#opportunities').find('span.this_opp_converted').next('i').attr('class',
                                'fa fa-arrow-down down_arrow');
                        }


                        if (response.data.total_lost_opportunity > response.data
                            .previous_lost_opportunity) {
                            $('#opportunities').find('span.this_opp_lost').next('i').removeAttr('class');
                            $('#opportunities').find('span.this_opp_lost').next('i').attr('class',
                                'fa fa-arrow-up');
                        } else if (response.data.total_lost_opportunity <= response.data
                            .previous_lost_opportunity) {
                            $('#opportunities').find('span.this_opp_lost').next('i').removeAttr('class');
                            $('#opportunities').find('span.this_opp_lost').next('i').attr('class',
                                'fa fa-arrow-down down_arrow');
                        }


                        if (response.data.won_qualification_rate > response.data
                            .previous_won_qualification_rate) {
                            $('#opportunities').find('span.this_conversion').next('i').removeAttr('class');
                            $('#opportunities').find('span.this_conversion').next('i').attr('class',
                                'fa fa-arrow-up');
                        } else if (response.data.won_qualification_rate <= response.data
                            .previous_won_qualification_rate) {
                            $('#opportunities').find('span.this_conversion').next('i').removeAttr('class');
                            $('#opportunities').find('span.this_conversion').next('i').attr('class',
                                'fa fa-arrow-down down_arrow');
                        }




                        amchartDiv2(response.json_opp_stage, 'chartdiv_opp_2_half');

                        $('.opportunities_created_by_owner').html('');
                        
                        $.each(response.data.opp_created_by, function (i, v) {
                            var opportunity_value=0;
                            $.each(v.opportunity, function (j, opp) {

                                var intRegex = /^\d+$/;
                                var floatRegex = /^((\d+(\.\d *)?)|((\d*\.)?\d+))$/;

                                var Opportunity_budget = opp.estimated_budget;
                                 if(intRegex.test(Opportunity_budget) || floatRegex.test(Opportunity_budget)) {
                                    Opportunity_budget = opp.estimated_budget;  
                                 }else{
                                    Opportunity_budget = 0;
                                 }
                            opportunity_value=parseFloat(opportunity_value)+parseFloat(Opportunity_budget);
                        });


                            if (v.opportunity.length > 0) {

                                $('.opportunities_created_by_owner').append('<tr><td>'+((v.title != null) ? v.title : '')
                                 + ' ' + v.firstname + ' ' + v.lastname +
                                    '</td><td style="text-align: center;">' +opportunity_value+ '</td><td style="text-align: center;">' + v
                                    .opportunity.length + '</td></tr>');
                            }
                        });
                       
                        $('.time_opp_spent').html(response.data.opportunity_total_time_spent);

                        $('.opportunities_created_by_source').html('');
                        
                        $.each(response.data.opp_source, function (i, v) {
                          
                                $('.opportunities_created_by_source').append('<tr><td>'
                                 + v.lead_source +
                                    '</td><td style="text-align: center;">' +parseFloat(v.source_estimated_budget)+ '</td><td style="text-align: center;">' + v.sounrce_count + '</td></tr>');
                            
                        });



                    }
                    if (tab == 2) {
                        
                        amchartDiv1(response.json_max_value, 'chartdiv_team');

                        $('.max_won_name').html(" (" + response.data.max_owner + ")");
                        $('.min_won_name').html(" (" + response.data.min_owner + ")");
                        $('.max_won_count').html(response.data.max_owner_count);
                        $('.min_won_count').html(response.data.min_owner_count);
                        $('.max_won_value_name').html(" (" + response.data.max_name_value + ")");
                        $('.min_won_value_name').html(" (" + response.data.min_name_value + ")");
                        $('.max_won_value').html(response.data.max_owner_value);
                        $('.min_won_value').html(response.data.min_owner_value);
                        if(response.data.max_name_value_lost != ''){
                        $('.max_lost_value_name').html(" ( " + response.data.max_name_value_lost +
                            " )");
                        }
                        if(response.data.min_name_value_lost != ''){

                        
                        $('.min_lost_value_name').html(" ( " + response.data.min_name_value_lost +
                            " )");
                        }
                        $('.max_lost_value').html(response.data.max_opp_owner_value_lost);
                        $('.min_lost_value').html(response.data.min_opp_owner_value_lost);
                        $('.max_win_percentage_name').html(" ( "+response.opportunity[0].name+" ) ");
                        $('.max_win_percentage').html(response.opportunity[0].won_rate);
                        
                        var opp_length = response.opportunity.length;
                        $('.min_win_percentage_name').html(" ( " + response.opportunity[opp_length-1].name +
                            " )");
                            $('.min_win_percentage').html(response.opportunity[opp_length-1].won_rate);
                        
                            
                        
                        $('.deales_by_team').html('');
                        var Count = 1;
                        $.each(response.opportunity, function (i, v) {
                            var Avg_won_rate = '-';
                            var won_text_opp = 'Opportunities';
                            var lost_text_opp = 'Opportunities';

                            if (v.Won_value_count < 2) {
                                won_text_opp = 'Opportunity';
                            }
                            if (v.lost_value_count < 2) {
                                lost_text_opp = 'Opportunity';
                            }
                            var total_converted = parseFloat(v.Won_value_count) +
                                parseFloat(v.lost_value_count);
                            if (total_converted != '0') {
                                Avg_won_rate = parseFloat((v.total_days) / (parseFloat(v
                                    .Won_value_count) + parseFloat(v
                                    .lost_value_count))).toFixed(0);
                                if (Avg_won_rate == 1) {
                                    Avg_won_rate = 'Every Day';
                                } else if (Avg_won_rate < 1) {
                                    Avg_won_rate = Avg_won_rate + ' Day';
                                } else {
                                    Avg_won_rate = Avg_won_rate + ' Days';
                                }
                            }



                            $('.deales_by_team').append('<tr><td style="max-width: 4%;">' +
                                Count + '</td><td>' + v.name + '<br><small>' +
                                v.dept + ', ' + v.location +
                                '</small></td><td class="amount_align">' + v.Won_value +
                                '<br><small>' + v.Won_value_count + ' ' + won_text_opp +
                                '</small></td><td class="amount_align">' +
                                v.lost_value + '<br><small>' + v.lost_value_count +
                                ' ' + lost_text_opp +
                                '</small></td><td class="amount_align">' +
                                v.in_process + '<br>' + "" + " " +
                                '</td><td>' + v.won_rate + '%</td><td>' + v.time_spent_won +
                                '</td><td>' + v.time_spent_lost + '</td><td>' + Avg_won_rate +
                                '</td></tr>');
                            Count++;
                        });


                        $('.deales_by_team_leads').html('');
                        var Count = 1;

                        $.each(response.lead, function (i, v) {

                            var won_text_lead = 'Leads';
                            var lost_text_lead = 'Leads';
                            var converted_text_lead = 'Leads';
                            var new_text_lead = 'Leads';
                            var total_text_lead = 'Leads';


                            if (v.converted_lead < 2) {
                                won_text_lead = 'Lead';
                            }
                            if (v.disqualify_lead < 2) {
                                lost_text_lead = 'Lead';
                            }
                            if (v.qualify_lead < 2) {
                                converted_text_lead = 'Lead';
                            }
                            if (v.new_lead < 2) {
                                new_text_lead = 'Lead';
                            }
                            if (v.total_lead < 2) {
                                total_text_lead = 'Lead';
                            }

                            $('.deales_by_team_leads').append(
                                '<tr><td style="max-width: 4%;">' + Count +
                                '</td><td>' + v.name + '<br><small>' + 
                                 v.dept + ', ' + v.location +
                                '</small></td><td class="amount_align">' +
                                v.new_lead + '<br></td><td class="amount_align">' +
                                v.total_lead + '<br></td><td class="amount_align">' +
                                v.converted_lead + '</td><td>' + 
                                parseFloat(v.convert_percentage).toFixed(2) +
                                '%</td><td class="amount_align">' + v.qualify_lead +
                                '</td><td class="amount_align">' + v.disqualify_lead + '</td><td>' +
                                v.time_spent + '</td></tr>');
                            Count++;

                        });




                    }
                }
            }
        });
    });

    $(document).on("click", "ul.dashboard-tabs li a", function () {
        var tab_id = $(this).attr("data-tab");
        if (tab_id != "calendar") {
            var tab_exist = '{{$dasboard_tab }}';
            //            if(tab_exist == tab_id){
            //                return false;
            //            }else{
                
            var url = "{{route('admin.dashboard-tab')}}";
            //$('#busyloading, .overlay').show();
            $.ajax({
                url: url,
                type: 'GET',
                data: {
                    "tab_id": tab_id
                },
                success: function (res) {
                    if (res.status == 1000) {
                        $('#busyloading').show();
                        window.location.reload();
                    }
                },
                error: function (error) {
                    $('#busyloading, .overlay').fadeOut(200);
                    alertbox('danger', error);
                }
            });
            //        }
        }

    });


    function amChartDiv3(json_stage, div, source) {
        am4core.ready(function () {

            // Themes begin
            am4core.useTheme(am4themes_animated);
            // Themes end

            // Create chart instance
            var chart = am4core.create(div, am4charts.XYChart);
            var data = json_stage;

            var data_encode = JSON.parse(data.replace(/&quot;/g, '"'))

            // Add data
            chart.data = data_encode;
            

            // Create axes
            var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis());
            categoryAxis.dataFields.category = "date";
            categoryAxis.renderer.grid.template.location = 0;


            var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());
            valueAxis.renderer.inside = true;
            valueAxis.renderer.labels.template.disabled = true;
            valueAxis.min = 0;

            chart.logo.disabled = true;

            // Create series
            function createSeries(field, name) {

                // Set up series
                var series = chart.series.push(new am4charts.ColumnSeries());
                series.name = name;
                series.dataFields.valueY = field;
                series.dataFields.categoryX = "date";
                series.sequencedInterpolation = true;

                // Make it stacked
                series.stacked = true;

                // Configure columns
                series.columns.template.width = am4core.percent(60);
                series.columns.template.tooltipText = "[bold]{name}[/]\n[font-size:14px]{categoryX}: {valueY}";

                // Add label
                var labelBullet = series.bullets.push(new am4charts.LabelBullet());
                labelBullet.label.text = "{valueY}";
                labelBullet.locationY = 0.5;
                labelBullet.label.hideOversized = true;

                return series;
            }


            sources = JSON.parse(source.replace(/&quot;/g, '"'))
            
            $.each(sources, function (key, value) {


                createSeries(value, value);

            });

            // Legend
            chart.legend = new am4charts.Legend();

        }); // end am4core.ready()
    }

    function amchartDiv1(json_count, div) {
        am4core.ready(function () {

            // Themes begin
            am4core.useTheme(am4themes_animated);
            // Themes end

            // Create chart instance
            var chart = am4core.create(div, am4charts.XYChart);
            chart.scrollbarX = new am4core.Scrollbar();
            var data = json_count;

            var data_encode = JSON.parse(data.replace(/&quot;/g, '"'))
            chart.data = data_encode;

            // Create axes
            var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis());
            categoryAxis.dataFields.category = "date";
            categoryAxis.renderer.grid.template.location = 0;
            categoryAxis.renderer.minGridDistance = 30;
            categoryAxis.renderer.labels.template.horizontalCenter = "right";
            categoryAxis.renderer.labels.template.verticalCenter = "middle";
            categoryAxis.renderer.labels.template.rotation = 270;
            categoryAxis.tooltip.disabled = true;
            categoryAxis.renderer.minHeight = 110;

            var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());
            valueAxis.renderer.minWidth = 50;

            // Create series
            var series = chart.series.push(new am4charts.ColumnSeries());
            series.sequencedInterpolation = true;
            series.dataFields.valueY = "count";
            series.dataFields.categoryX = "date";
            series.tooltipText = "[{categoryX}: bold]{valueY}[/]";
            series.columns.template.strokeWidth = 0;

            series.tooltip.pointerOrientation = "vertical";

            series.columns.template.column.cornerRadiusTopLeft = 10;
            series.columns.template.column.cornerRadiusTopRight = 10;
            series.columns.template.column.fillOpacity = 0.8;

            // on hover, make corner radiuses bigger
            var hoverState = series.columns.template.column.states.create("hover");
            hoverState.properties.cornerRadiusTopLeft = 0;
            hoverState.properties.cornerRadiusTopRight = 0;
            hoverState.properties.fillOpacity = 1;

            chart.logo.disabled = true;

            series.columns.template.adapter.add("fill", function (fill, target) {
                return chart.colors.getIndex(target.dataItem.index);
            });

            // Cursor
            chart.cursor = new am4charts.XYCursor();

        }); // end am4core.ready()
    }

    function amchartDiv2(json_stage, div) {

        var data = json_stage;

        var data_encode = JSON.parse(data.replace(/&quot;/g, '"'));

        var chart = AmCharts.makeChart(div, {

            "type": "funnel",
            "theme": "none",
            "dataProvider": data_encode,
            "titleField": "title",
            "marginRight": 160,
            "marginLeft": 15,
            "labelPosition": "right",
            "funnelAlpha": 0.9,
            "valueField": "value",
            "startX": 0,
            "neckWidth": "40%",
            "startAlpha": 0,
            "outlineThickness": 1,
            "neckHeight": "30%",
            "balloonText": "[[title]]:<b>[[value]]</b>",

            "export": {
                "enabled": false
            }
        });
    }

    // Calendar section
    var newdate;
	document.addEventListener('DOMContentLoaded', function () {
		var calendarEl = document.getElementById('calendar');
        

		var calendar = new FullCalendar.Calendar(calendarEl, {
			scrollTime: '00:00', // undo default 6am scrollTime
			editable: true, // enable draggable events
            selectable: true,
            // plugins: [ listPlugin ],
			aspectRatio: 1.8,
			headerToolbar: {
				left: 'title',
				right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek,prev,next'
			},
            initialView: 'dayGridMonth',
            displayEventTime : false,
            eventDisplay: 'block',
            dayMaxEventRows: true, // for all non-TimeGrid views
            bootstrapFontAwesome: true,
            
            views: {
                timeGrid: {
                dayMaxEventRows: 6 // adjust to 6 only for timeGridWeek/timeGridDay
                }
            },
            events : [
                
                @foreach($events as $event)
                {
                    id: '{{ $event->id }}',
                    startStr : '{{ $event->date }}',
                    start : '{{ $event->date .' '. $event->start_time }}',
                    end : '{{ $event->end_time}}',
                    icon: "asterisk",
                    customRender: true,
                    type: "event",
                    
                    
                    @if($event->activities_type=="Meeting")
                    title: '{{ $event->title }}',
                    // [color:'#D3F4E8'],
                    color:'#D3F4E8',
                    @endif

                    @if($event->activity_status==1)
                    title: '{{ $event->title }}',
                    
                    @endif
                    
                

                    @if($event->activities_type=="Call")
                    
                    @php($admin=DB::table('contacts')->where('contact_uuid',$event->by_uuid)->first())
                    @if(empty($admin))
                    @php($admin=DB::table('admins')->where('admin_uuid',$event->by_uuid)->first())
                    title: '{{ !empty($admin)?$admin->firstname." ".$admin->lastname:'' }}',
                    color:'#FFE9C9',
                    @else
                    title: '{{ !empty($admin)?$admin->contact_first_name." ".$admin->contact_last_name:'' }}',
                    color:'#FFE9C9',
                    @endif
                    @endif

                    @if($event->activities_type=="FollowUp")
                    title: '{{ $event->title }}',
                    color: '#ECDFFF',
                    @endif
                    
                    
                },
                @endforeach
                @foreach($opportunities as $opportunity)
                {
                    id: '{{ $opportunity->id }}',
                    end : '{{ $opportunity->opportunity_code }}',
                    title : '{{ $opportunity->opportunity_code }} {{ $opportunity->opportunity_name }}',
                    start : '{{ $opportunity->opportunity_expiry}}',
                    icon: "asterisk",
                    customRender: true,
                    type: "opportunity",
                    tooltip:'Opportunity Code: {{ $opportunity->opportunity_code }} Opportunity Name: {{ $opportunity->opportunity_name }}',
                },
                @endforeach
                @foreach($tasks as $task)
                {
                    id: '{{ $task->id }}',
                    title : '{{ $task->task_title }}',
                    start : '{{ $task->task_due_on}}',
                    icon: "asterisk",
                    customRender: true,
                    color: '#B3D3FF',
                    type: "task",
                },
                @endforeach
                @foreach($leads as $lead)
                {
                    id: '{{ $lead->id }}',
                    end : '{{ $lead->lead_code }}',
                    title : '{{ $lead->lead_code }} {{ $lead->lead_name }}',
                    start : '{{ $lead->lead_expiry}}',
                    icon: "asterisk",
                    customRender: true,
                    type: "lead",
                    tooltip_lead:'Lead Code: {{ $lead->lead_code }} Lead Name: {{ $lead->lead_name }}',
                },
                @endforeach
            ],

            
            eventRender: function(event, element) {
                if(event.icon){          
                    element.find(".fc-event-title").prepend("<i class='fa fa-"+event.icon+"'></i>");
                }
            } ,
            eventDidMount: function(info) {
                if(info.event.extendedProps.type === 'opportunity'){
                    $(info.el).tooltip({ title: info.event.extendedProps.tooltip });
                    // $(info.el).tooltip({ title: info.event.extendedProps.name });
                }
                if(info.event.extendedProps.type === 'lead'){
                    $(info.el).tooltip({ title: info.event.extendedProps.tooltip_lead });
                }
            },
            
            eventClick: function(info) {
                var type = info.event.extendedProps.type;
                var id = info.event.id;
            
                var url = "{{ url('admin/event-view') }}?type=" + type + "&&id=" + id
                
                $.ajax({
                    url : url,

                    type: 'GET',
                    headers: {
                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
                },
                    success: function(response){
                        // console.log(response);
                        if(type == 'opportunity'){
                            window.location.href = response.data;
                        }
                        else if(type == 'task'){
                            // console.log(response.data);
                            $('.task_div').append(response.data);
                            $('#click_me')[0].click();
                            // window.location.href= response.data;
                        }
                        else if(type == 'lead'){
                            // console.log(response.data);
                            window.location.href = response.data;
                            // window.location.href= response.data;
                        }
                        else {
                            // $('.dayClickWindow').html('');  
                            $('.dayClickWindow').html(response.data);  
                            $(".dayClickWindow").css({left: info.jsEvent.pageX});
                            $(".dayClickWindow").css({top: info.jsEvent.pageY});
                            $('.dayClickWindow').show();   
                            $('.dayClick_cal').hide(); 
                        }
                    },
                    error: function(err){
                        console.log(err)
                    }
                })
            },

            dateClick: function (info) {
            $(".dayClick_cal").css({left: info.jsEvent.pageX});
            $(".dayClick_cal").css({top: info.jsEvent.pageY});
             $('.dayClick_cal').show();
             $('.dayClickWindow').hide(); 
             newdate = info.dateStr;
             
            }
        });
        $(document).on('click','#export_excel',function(e){
        e.preventDefault();
            var view = calendar.view;
            var start = view.currentStart;
            var end = view.currentEnd;
            start = new Date(start).toISOString();
           end = new Date(end).toISOString();
        location.href="{{ url('admin/calendar-export') }}?start_date="+start+"&&end_date="+end;

                return false;
        });
        calendar.render();
    });
   



    // Add Meeting Modal
    //create new team member
    $('#new_MeetingAdd').on('show.bs.modal', function (e) {
        $('#busyloading').show();
        $('.dayClickWindow').hide()
        var date = new Date();
        var url = $(e.relatedTarget).attr('data-href');
        var event = $(e.relatedTarget).attr('data-event');
        $.ajax({
            url: url,
            context: this,
            method: "GET",
            dataType: "html",
            beforeSend: function () {
                $('#busyloading').show();
            },
            success: function (response) {
                $(this).find('.modal-content').html(response);
                 //Date open either previous or upcoming
                 $('.calender_popup_date_open').datepicker({
                    format: 'dd-mm-yyyy',
                    pickerPosition: "top-left",
                    autoclose: true,

                }).on('show.bs.modal', function (event) {
                    // prevent datepicker from firing bootstrap modal "show.bs.modal"
                    event.stopPropagation();
                });

                /*
                |--------------------------------------------------------------------------
                | TIME Picker
                |--------------------------------------------------------------------------
                */

                $('.time_popup').timepicker({
                    autoclose: true,
                    showMeridian: false,
                    maxHours: 12,
                   

                    // pickerPosition: "bottom-left",
                    minuteStep: 5,
                    defaultTime: 'current'
                });

                $('.custom_timePick').click(function (event) {
                    event.preventDefault();
                    $(this).parent().find('input').click();
                });
            
                $('body').on('click', '.custom_calender_date_open', function () {
                    $(this).parent().parent().find('.calender_popup_date_open').trigger(
                        'focus');
                });

                newdate = moment(newdate).format("DD-MM-YYYY");
                if(event == 'true'){
                $('.date_of_joining').attr('disabled',true);
                $(".date_of_joining_button").attr('disabled',true);
                $('.date-hidden').val(newdate);
                $('.add_calendar_date').val(newdate);
                } else {
                    $('.date-hidden').remove();
                }
                $('#busyloading').hide();
               
            },
        })
    });


    $(document).on('change', '.load_linked_with', function () {

        var related_to = $(this).val();
        if (related_to == 'General') {
            $('.linked_with').removeClass('validate');
            $('.linked_with').removeClass('error_custom');
            $('.linked_with').parent().parent().parent().hide();
            return false;
        } else {
            $('.linked_with').parent().parent().parent().show();
            var formData = new FormData();
            formData.append('related_to', related_to);
            $.ajax({
                type: 'POST',
                url: "{{route('admin.tasks.linkedvalue')}}",
                data: formData,
                contentType: false,
                processData: false,
                beforeSend: function () {
                $('#busyloading').show();
            },
                success: function (response) {
                    var result = response;
                    if (result.status == 1000) {

                        var linked_with = '<option value=""></option>';
                        if (result.data.length > 0) {
                            $.each(result.data, function (i, v) {
                                var linked_unique = (v.linked_unique !== null) ? v
                                    .linked_unique : '';
                                var name = (v.linked_name !== null) ? v.linked_name : '';
                                if (name != '' && linked_unique != '') {
                                    name = name + ' (' + linked_unique + ')';
                                } else if (name == '' && linked_unique != '') {
                                    name = linked_unique;
                                } else {
                                    name = name;
                                }
                                linked_with += '<option value="' + v.linked_uuid + '">' +
                                    name + '</option>';
                            });
                        }
                        $('.linked_with').html(linked_with);
                        $('.linked_flag').val(1);

                        $('.linked_with').parent().find('.spin_icon').hide();
                        $('#busyloading').hide();
                    } else {
                        alertbox(
                            'Something went wrong. Please try again later or contact to administrator.'
                        );
                    }
                    $('#busyloading').hide();
                    return false;
                }
            });
        }
    });
     // Values append mutiple
     var index1;
    $('body').on('change', '#value_drop', function(e) {
        $('#busyloading').show();
        var value_drop = $(this).val();
        var selected_text = $('option:selected', this).text();  
        var selected_type = $('option:selected', this).attr('user_type');  
        // console.log(selected_type);   
        if (value_drop == '') {
            //Do nothing
        } else {
            $('.column_filters').append('<span class="each_filter '+index1+'" data-index="' + index1 + '" data-filter ="value_drop" data-selected_text = "' + selected_text +'" data-selected_val = "' + value_drop + '" data_user_type="'+selected_type+'" >' + selected_text +' <i class="fa fa-trash remove_filter"></i></span>');
            $('#column_drop').val('').trigger('change');
            $(".option_filters option[value='" + value_drop + "']").remove();
            index1 = '';
            $('.column_filters').show();
        }
        $('#busyloading').hide();
    });
    // Remove filter
    $('body').on('click', '.remove_filter', function () {
        $('#busyloading').show();
        var val = $(this).parent().attr('data-selected_val');
        var text= $(this).parent().attr('data-selected_text'); 
        attendees_array = jQuery.grep(attendees_array, function (value) {
            return value != val;            
        });
        $(this).parent().remove();
        $('.option_filters').append('<option value='+val+'>'+text+'</option>')
        $('#busyloading').hide();
    });


    $('body').on('click', '.update_task,.save_mark_done,.save_escalate', function (e) {
        e.preventDefault();

        var flag = '0';
        $('#newTask *').filter(':input, textarea, select').each(function () {
            if ($(this).hasClass('validate')) {
                if ($(this).val() == '') {
                    $(this).addClass('error_custom');
                    $(this).parent().find('.select2-container .select2-selection').addClass('error_custom');
                    flag = '1';


                } else {
                    $(this).removeClass('error_custom');
                    $(this).parent().find('.select2-container .select2-selection').removeClass(
                        'error_custom');
                }
            }
        });

        if ($(this).attr('data-button') == 'save_escalate') {
            if ($('.escalate_message').val() == '') {
                $('.escalate_message').addClass('error_custom');
                flag = '1';
            }
        }

        // validating the time formats
        $('.estimation_eta').each(function (i, v) {
            var eta_val = $(this).val();
            // var eta_val = $('.estimation_eta').val();
            if (eta_val != '') {
                var res = validate_eta(eta_val);

                if (!res) {
                    flag = '1';
                    $(this).addClass('error_custom');
                } else {

                    // Check again with spaces if user forget about spaces then show error.
                    var res_1 = validate_eta_space(eta_val);
                    if (!res_1) {
                        flag = '1';
                        $(this).addClass('error_custom');
                    } else {
                        $(this).removeClass('error_custom');
                    }

                }
            }
        });
        var estimate = $('.estimation_eta').val();
        var split = estimate.split(' ');
        $.each(split, function( index, value ) {
            if(value != '') {
                if(value.length <= 1 ) {
                    $('.estimation_eta').addClass('error_custom');
                    flag = '1';
                    
                }
            }
        });


        if (flag == '1') {

            alertbox('danger', 'There are errors on page');
            return false;
        } else {

            $('#busyloading').show();
            var url = $('#newTask').attr('action');
            var from_related_view = $('.from_related_view').val();
            var formData = new FormData(document.getElementById("newTask"));
            formData.append('button_type', $(this).attr('data-button'));
            $.ajax({
                type: 'POST',
                url: url,
                data: formData,
                contentType: false,
                processData: false,
                success: function (response) {
              
                    if (response.taskdata.task_status == 'Escalated') {
                        $("#composeemail").attr("type",response.data.task_related_to );
                        $("#composeemail").attr("message",response.taskescalate.escalation_reason);
                        $("#composeemail").attr("code",response.taskcode.code);
                        $("#composeemail").attr("title",response.data.task_title);
                        $(".compose_email").trigger('click');
                        oTable.draw();
                        oTable1.draw();
                        $('#busyloading').hide();
                        return false;
                        
                    }
                    if (response.status = 1000) {

                        alertbox('success', response.message);
                        setTimeout(function(){ 
                            location.reload(); 
                        }, 500);
                        
                        $("#new_task").modal("hide");
                        

                    } else if (response.status = 2000) {
                        alertbox('danger', 'something went wrong 2000');
                    } else if (response.status = 3000) {
                        alertbox('danger', 'something went wrong 3000');

                    }
                    
                    $('#busyloading').hide();
                    return false;

                }
            });
        }
    });


// Sweet Alert
$(document).ready(function () {
        $(document).on('click', '.sweet-overlay', function () {
            $('#sweetalert_wrap').show();
        });
        $(document).on('click', '.cancel', function () {
            $('#sweetalert_wrap').hide();
        });
        $(document).on('click', '.confirm', function () {
            $("#new_MeetingAdd").modal("hide");
            $('#sweetalert_wrap').hide();
        });
    });

    $(document).ready(function () {

        $('.close, .dismiss').click(function () {
        
        $('#sweetalert_wrap').show();
        $('.confirm').addClass('hide_modal');

        });
    });

    $('body').on('click', '.closeBtn', function () {
        $('.dayClickWindow').hide();
    });

    $('body').on('click', '.add_act', function () {
        $('.dayClick_cal').hide();
    });


    //Calendar Filter script

   
    $('body').on('change', '#column_drop', function () {
        
        var seleted_lead_name_array = [];
        var seleted_opp_name_array = [];
        var seleted_task_owner = [];
        var seleted_displayname_arr = [];
        var seleted_team_name_array = [];
        var seleted_activity_array = [];
        
        var column_val = $(this).val();
        var key = '';
        var value = '';
        
        $('.lead_name').each(function(i,v) {
            var each_lead_name = {};
            key = $(this).attr('data-index');
            value = $(v).attr('data-selected_val');
            // each_data[key] = value;

            each_lead_name[key] = value;
            seleted_lead_name_array.push(each_lead_name);
            
        });

        $('.opportunity_name').each(function(i,v) {
            var each_opp_name = {};
            key = $(this).attr('data-index');
            value = $(v).attr('data-selected_val');
            // each_data[key] = value;

            each_opp_name[key] = value;
            seleted_opp_name_array.push(each_opp_name);   
        });

        $('.task_owner').each(function (i, v) {
            var each_task_owner = {};
            key = $(this).attr('data-index');
            value = $(v).attr('data-selected_val');
            // each_data[key] = value;

            each_task_owner[key] = value;
            seleted_task_owner.push(each_task_owner);
        });

        $('.account_name').each(function(i,v) {
            var each_data = {};
            key = $(this).attr('data-index');
            value = $(v).attr('data-selected_val');
            // each_data[key] = value;

            each_data[key] = value;
            seleted_displayname_arr.push(each_data);
            
        });

        $('.firstname').each(function(i,v) {
            var each_name = {};
            key = $(this).attr('data-index');
            value = $(v).attr('data-selected_val');
            // each_data[key] = value;

            each_name[key] = value;
            seleted_team_name_array.push(each_name);
            
        });

        $('.activities_type').each(function(i,v) {
            var each_activity = {};
            key = $(this).attr('data-index');
            value = $(v).attr('data-selected_val');
            // each_data[key] = value;

            each_activity[key] = value;
            seleted_activity_array.push(each_activity);
            
        });
       
        
        
        if (column_val == '') {
            $('.filter_dates').addClass('hide');
            $('.value-drop').show();
        } else {

            $('.filter_dates').addClass('hide');
            $('.value-drop').show();

            if (column_val != '') {
                $('.spin_icon').show();
              
                $.ajax({

                    type: 'POST',
                    url: "{{ route('admin.calendar.filter') }}",
                    headers: {
                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
                },
                    data: {'column_val': column_val, 
                     'seleted_lead_name_array' : seleted_lead_name_array,
                     'seleted_opp_name_array': seleted_opp_name_array,
                     'seleted_task_owner': seleted_task_owner,
                     'seleted_displayname_arr': seleted_displayname_arr,
                     'seleted_team_name_array': seleted_team_name_array,
                     'seleted_activity_array': seleted_activity_array,
                     },
                    success: function (res) {
                        console.log(res);
                        var option = '<option value=""></option>';
                        $.each(res.data.data, function (i, v) {

                            if (v.display_name != null && v.display_name != '') {
                                var uuid = v.uuid;
                                var value = '';

                                if (uuid != '' && uuid != null && typeof uuid !=
                                    'undefined') {
                                    value = uuid;
                                } else {
                                    value = v.display_name;
                                }
                                option += '<option value="' + value + '">' + v
                                    .display_name + '</option>';
                            }

                        });

                        // $('#value_drop').empty().append(option);
                        $('#value_drop').empty().append(option);
                        $('.spin_icon').hide();
                    }


                });
            }
        }
    });

    var index1;

    $('#column_drop').change(function () {

        var column_drop = $(this).val();
        var selected_text = $('option:selected', this).text();
        var re_filter = $(this).attr('re_filter');


        if (column_drop == '') {
            //Do nothing
        } else {

            index1 = column_drop;
            $('#value_drop').prop('disabled', false);
        }
    });


    var lead_name_array = [];
    var opp_name_array = [];
    var task_owner = [];
    var displayname_arr = [];
    var team_name_array =[];
    var activity_array =[];

    $('#value_drop').change(function () {
        var value_drop = $(this).val();
        var selected_text = $('option:selected', this).text();
        if (value_drop == '') {

            //Do nothing
        } else {

            $('.column_filters1').append('<span class="each_filter '+index1+'" data-index="' + index1 +
                '" data-filter ="value_drop" data-selected_text = "' + selected_text +
                '" data-selected_val = "' + value_drop + '">' + selected_text +
                ' <i class="fa fa-trash remove_filter_calendar"></i></span>');
            $('#column_drop').val('').trigger('change');
            $(".option_filters option[value='" + value_drop + "']").remove();
            $(this).val('').prop('disabled', true);

            // var index = $(this).attr('data-index');
            // var val = $(this).attr('data-selected_val');

            // filter_array.push(index1 + ':' + value_drop);
            // filter_array.push(index1 + '=>' + value_drop);
            // console.log(filter_array);


            index1 = '';
            $('.column_filters1').show();
            $('.reset_filter').show();
        }
        // console.log(filter_array);
    });

    $('body').on('click', '.remove_filter', function () {
        var val = $(this).parent().attr('data-selected_val');
        var indexes = $(this).parent().attr('data-index');
        if (indexes == "lead_name") {
            lead_name_array = jQuery.grep(lead_name_array, function (value) {
                return value != val;
            });
        }
        if (indexes == "opportunity_name") {
            opp_name_array = jQuery.grep(opp_name_array, function (value) {
                return value != val;
            });
        }
        if (indexes == "task_owner") {
            task_owner = jQuery.grep(task_owner, function (value) {
                return value != val;
            });
        }
        if (indexes == "account_name") {
            displayname_arr = jQuery.grep(displayname_arr, function (value) {
                return value != val;
            });
        }
        if (indexes == "employee_name") {
            team_name_array = jQuery.grep(team_name_array, function (value) {
                return value != val;
            });
        }
        if (indexes == "activities_type") {
            activity_array = jQuery.grep(activity_array, function (value) {
                return value != val;
            });
        }
        $(this).parent().remove();
        $('#filter').trigger('click');  
    });

    $('body').on('click', '.remove_filter_calendar', function () {
        var val = $(this).parent().attr('data-selected_val');
        var indexes = $(this).parent().attr('data-index');
        if (indexes == "lead_name") {
            lead_name_array = jQuery.grep(lead_name_array, function (value) {
                return value != val;
            });
        }
        if (indexes == "opportunity_name") {
            opp_name_array = jQuery.grep(opp_name_array, function (value) {
                return value != val;
            });
        }
        if (indexes == "task_owner") {
            task_owner = jQuery.grep(task_owner, function (value) {
                return value != val;
            });
        }
        if (indexes == "account_name") {
            displayname_arr = jQuery.grep(displayname_arr, function (value) {
                return value != val;
            });
        }
        if (indexes == "employee_name") {
            team_name_array = jQuery.grep(team_name_array, function (value) {
                return value != val;
            });
        }
        if (indexes == "activities_type") {
            activity_array = jQuery.grep(activity_array, function (value) {
                return value != val;
            });
        }
        
       
        $(this).parent().remove();
        
        if($(".column_filters1" ).find(".each_filter").length==0){
            $('#busyloading').show();
             window.location.reload();   

        }else{
            $('.filter_all').trigger('click');  
        }
        
    });


    $('body').on('click', '.filter_all', function (e) {
        e.preventDefault();
        var lead_array = [];
        var opp_name_array = [];
        var task_array = [];
        var account_array = [];
        var employee_array = [];
        var activity_array = [];
        
        var _token = $('meta[name="csrf-token"]').attr('content');
        var url = "{{ url('admin/calendar/filter-event') }}"  ;
        // alert(1);

        var each_filter='0';

        $(".calendar_filter").find(".each_filter" ).each(function( index ) {
           
           each_filter='1';
           
           
       })

        if($(".calendar_filter").find("#column_drop").val()=='' && each_filter==0){
            alertbox('danger','There are errors on page');
            $(".calendar_filter").find("#column_drop").addClass('error_custom');
            $(".calendar_filter").find("#column_drop").parent().find('.select2-container .select2-selection').addClass('error_custom');
	        return false;
        }else{
            $(".calendar_filter").find("#column_drop").removeClass('error_custom');
            $(".calendar_filter").find("#column_drop").parent().find('.select2-container .select2-selection').removeClass('error_custom');
        }
        $(".calendar_filter").find("#value_drop").select2().removeClass('validate');
        $(".calendar_filter").find("#value_drop").removeClass('error_custom');
        $(".calendar_filter").find("#value_drop").parent().find('.select2-container .select2-selection').removeClass('error_custom');
       

        if(each_filter=='0'){
            $(".calendar_filter").find("#value_drop").addClass('error_custom');
            $(".calendar_filter").find("#value_drop").parent().find('.select2-container .select2-selection').addClass('error_custom');
	        alertbox('danger','There are errors on page');
            return false;

        }
        $('.lead_name').each(function(i,v) {
            var  value = $(v).attr('data-selected_val');
            lead_array.push(value);
        });

        $('.opportunity_name').each(function(i,v) {
            var  value = $(v).attr('data-selected_val');
            opp_name_array.push(value);
        });

        $('.task_owner').each(function(i,v) {
            var value = $(v).attr('data-selected_val');
            task_array.push(value);
        });

        $('.account_name').each(function(i,v) {  
            var value = $(v).attr('data-selected_val');
            account_array.push(value);
        });

        $('.firstname').each(function(i,v) {
            var value = $(v).attr('data-selected_val');
            employee_array.push(value);
        });

        $('.activities_type').each(function(i,v) {
            var value = $(v).attr('data-selected_text');
            activity_array.push(value);
        });

        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('input[name="_token"]').val()
            }
        });
        
        $.ajax({
            url: url,
            type: 'POST',
            data: {
                '_token': _token,
                'lead_array': lead_array,
                'opp_name_array': opp_name_array,
                'task_array' : task_array,
                'account_array' : account_array,
                'employee_array' : employee_array,
                'activity_array' : activity_array,
            },
            success: function (response) {
                if (response.status == 1000) {
                   $('#each_widget_calendar').html(response.data);
                } else if (response.status == 2000) {
                    
                } 

            },
            // error: function (response) {
            //     var errors = jQuery.parseJSON(response.responseText);
            //     $.each(errors, function (key, val) {
            //         $("#" + key + '_error').html(val).show();
            //     });
            //     // alertbox('danger','There are errors on page');
            //     // $('#busyloading').hide();

            // }
        });
    
    });

    $('#new_task').on('show.bs.modal', function (e) {

        $('#busyloading').show();
        var url = $(e.relatedTarget).attr('data-href');
        $.ajax({
            url: url,
            context: this,
            method: "GET",
            dataType: "html",
            beforeSend: function () {
                $('#busyloading').show();
            },
            success: function (response) {

                $(this).find('.modal-content').html(response);
                $(".select2").select2({
                    placeholder: "--Select--",
                    allowClear: true
                });
            
                var update = $('.update_this_task').val();
                var reopen = $('.reopen_this_task').val();

                var recent_activity = $('.recent_activity').val();
                if (update == 0) {
                    $('#new_task .actions_div').hide();
                    $('#new_task .body_wrap').show();
                    $('li.tasks a').trigger('click');
                    $('.on_hold_wrapper, .task_history_wrapper, .record_nex_action_wrapper, .record_activity_wrapper')
                        .addClass('hide_important');
                    // //Buttons
                    $('.buttons_wrapper .save_go').removeClass('hide_important').trigger('click');
                    $('.buttons_wrapper .after_done, .buttons_wrapper .owner_can_do, .dropdown_buttons')
                        .addClass('hide_important');

                    $('#newTask .cancel').removeClass('action_cancel').attr('data-dismiss', 'modal')
                        .text('Cancel');
                    $('#newTask .save').removeClass('action_accept').addClass('r_cornors').text(
                        'Save').removeClass('hide_important');
                    if ($('#newTask .save').not('.save_task')) {
                        $('#newTask .save').addClass('save_task')
                    }
                    $('.save_task').show();
                } else if (update == 1) {
                    $('#new_task .actions_div').hide();
                    $('#new_task .body_wrap').show();
                    $('li.tasks a').trigger('click');
                    $('.on_hold_wrapper, .task_history_wrapper, .record_nex_action_wrapper, .record_activity_wrapper')
                        .addClass('hide_important');
                    //Buttons
                    //$('.buttons_wrapper .save_go').removeClass('hide_important').trigger('click');
                    $('.buttons_wrapper .after_done, .buttons_wrapper .owner_can_do, .dropdown_buttons')
                        .removeClass('hide_important');
                    $('#new_task .dropdown_buttons').removeClass('hide_important');
                    $('#new_task .save_task').show();
                    var related_to = $('.load_linked_with').val();
                    if (related_to == 'General') {
                        $('.linked_with').removeClass('validate');
                        $('.linked_with').removeClass('error_custom');
                        $('.linked_with').parent().parent().parent().hide();
                    }


                }



                if (reopen == 1) {

                    $('.task_detail_wrapper, .task_ownership_wrapper').addClass(
                        'no_pointer_events');
                    $('.record_activity_wrapper, .record_nex_action_wrapper, .on_hold_wrapper')
                        .addClass('hide_important');
                    $('.task_history_wrapper').removeClass('hide_important');
                    $('.buttons_wrapper .save_go, .save_task, .buttons_wrapper .owner_can_do, .buttons_wrapper .after_done, .dropdown_buttons')
                        .addClass('hide_important');
                    $('.actions_multi_options').hide();
                    $('.re_open').removeClass('hide');
                    $('.re_open').show();
                    $('#newTask .re_open').addClass('r_cornors');
                    $('.save_task').show();


                }



                //RESTRICT DATE FROM YEAR TO DATE//
                var date = new Date();

                //Date open either previous or upcoming
                $('.calender_popup_date_open').datepicker({
                    format: 'dd-mm-yyyy',
                    pickerPosition: "top-left",
                    autoclose: true,
                    
                    

                }).on('show.bs.modal', function (event) {
                    // prevent datepicker from firing bootstrap modal "show.bs.modal"
                    event.stopPropagation();
                });
                /*
                |--------------------------------------------------------------------------
                | TIME Picker
                |--------------------------------------------------------------------------
                */

                $('.time_popup').timepicker({
                    autoclose: true,
                    showMeridian: false,
                    maxHours: 24,
                    
                    // pickerPosition: "bottom-left",
                    minuteStep: 5,
                    defaultTime: 'current'
                });

                $('.custom_timePick').click(function (event) {
                    event.preventDefault();
                    $(this).parent().find('input').click();
                });
            
                $('body').on('click', '.custom_calender_date_open', function () {
                    $(this).parent().parent().find('.calender_popup_date_open').trigger(
                        'focus');
                });


                $('#busyloading').hide();
            },
            complete: function () {
                $('#busyloading').hide();
            }
        });
        $('#busyloading').hide();
    });

    $(document).on('click','.fc-listWeek-button',function(){
        $('#export_excel').css('display','inline-block');

    });

    $('body').on('click','.upl',function(e){
        e.preventDefault();
        var id = $(this).attr("activities_uuid");
        var action = $(this).attr('data-href');
        $.ajax({

            url: action,
            method: 'GET',
            success: function (response) {
            if (response.status == 1000) {
                $('.modal-backdrop').remove();
                alertbox('success', response.message)
                $('#busyloading').hide();
                setTimeout(function(){ 
                    location.reload(); 
                }, 500);
                console.log(response);
            } else if (response.status == 2000) {
                alertbox('danger', response.message)
                $('#busyloading').hide();
                return false;
            } else if (response.status == 3000) {
                alertbox('danger', response.message)
                $('#busyloading').hide();
                return false;
            }
        },
        error: function (response) {
            var errors = jQuery.parseJSON(response.responseText);
            $.each(errors, function (key, val) {
                $("#" + key + '_error').html(val).show();
            });
            alertbox('danger','There are errors on page');
            $('#busyloading').hide();
        }
        });
    });

      // Delete activity
      $('body').on('click', '.eventBx .del', function () {
        var id = $(this).attr('activities_uuid');
        var action = $(this).attr('data-href');
        $('#sweetalert_wrap').show();
        $('.confirm').addClass('department_del1');
        $(".confirm").attr("department1",action);
    });

    // Cancel action
    $(document).on('click', '.cancel', function () {
        $(".confirm").removeAttr("department");
        $('#sweetalert_wrap').hide();
        return false;
    });

    // Depatment delete
    $(document).on('click', '.department_del1', function () {
        var id = $(this).attr('activities_uuid');
        var action = $(this).attr('department1');
        $.ajax({
        
            url: action,
            type: 'DELETE',
            success: function (response) {
                if (response.status == 1000) {
                    
                    // $("#new_MeetingAdd").modal("hide");
                    // target.remove();
                    $('.modal-backdrop').remove();
                    alertbox('success', response.message)
                    $('#busyloading').hide();
                    setTimeout(function(){ 
                        location.reload(); 
                    }, 500);
                } else if (response.status == 2000) {
                    alertbox('danger', response.message)
                    $('#busyloading').hide();
                    return false;
                } else if (response.status == 3000) {
                    alertbox('danger', response.message)
                    $('#busyloading').hide();
                    return false;
                }
            },
            error: function (response) {
                var errors = jQuery.parseJSON(response.responseText);
                $.each(errors, function (key, val) {
                    $("#" + key + '_error').html(val).show();
                });
                alertbox('danger','There are errors on page');
                $('#busyloading').hide();
            }
        });
        $('#sweetalert_wrap').hide();
    });
    
    
    var attendees_array = [];
    var attendees_type_array = [];

@include('admin.activity.meeting.meeting')
</script>
@include('admin.activity.followup.followup')
@include('admin.activity.calls.call')
@stop