@extends('admin.layouts.app')

@section('title', 'Lead')

@section('content')
@php($business_id = Auth::guard('admin')->user()->business_id)
@php($currecy = DB::table('about_businesses')->join('currency_countries', 'about_businesses.base_currency', '=', 'currency_countries.currency_country_uuid')->where('business_id', $business_id)->select('currency_countries.country_code')->first())
            <!-- TOPBAR -->
			<div class="top_bar page-content">
				<!-- 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="{{ route('admin.dashboard') }}">Home</a></li>
						<li><a href="{{ route('admin.leads.index') }}">Leads</a></li>
						<li><a href="#" class="breadcrumb_link lead_name" onclick="return false">Leads Pipeline</a></li>
					</ul>
					<button class="btn btn-large pull-right help help_btn theme_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">
								<div class="caption">
									<h2>Pipeline View</h2>
									<span class="subtitle">View, manage and plan all your sales pipeline on one screen. you will get a bird eye view on all your customer journey, which will help for better planning, so happy closing!</span>
								</div>
							</div>
						</div>
						<!-- End: life time stats -->
					</div>
                </div>
               
				<!-- START LEADS PIPELINE -->
				<div class="portlet" style="margin-bottom: 0">
					<div class="pipeline_wrapper" style="">
						<div class="inner_wrap_head">
							@foreach($a_each_stage_data as $each_stage)
                            @php($each_stage_deals = count($each_stage['stage_all_leads']))
							 <div class="each_block_head {{$each_stage['stage_uuid']}}">
                                    <span class="pipeline_stage_head">{{$each_stage['stage_name']}}</span>
                                    <div class="deal_amount"><span
                                                class="deals_no">{{$each_stage_deals}}
                                               
                                            Lead(s)</span> {{ !empty($currecy) ? $currecy->country_code : 'USD' }} {{number_format($each_stage['stage_amount'],$business->amt_decimal)}}
                                       
                                    </div>
                                </div>
							@endforeach
						</div>
						<div class="bottom_wrap">
							<div class="inner_wrap ">
                               
								  @foreach ($a_each_stage_data as $each_stage)
								  @php($a_stage_all_leads = $each_stage['stage_all_leads'])
                                 
                                    @php($each_stage_deals = count($a_stage_all_leads))
                                    @php($lock_attr = '')
                                    @if($each_stage['stage_uuid'] == $qualified_uuid)
                                    @php($lock_attr = 'ui-state-default ui-state-disabled')
                                    @endif
                                 
                           

								<div class="each_block" id="{{$each_stage['stage_uuid']}}" data-stage_name_updated="{{$each_stage['stage_name']}}" data-stage_amount="{{$each_stage['stage_amount']}}" data-total_lead="{{$each_stage_deals}}">
								
									<div class="each_block_wrap ui-sortable" style="min-height: 670px;">
										 @if(count($a_stage_all_leads) > 0)
                                            @foreach($a_stage_all_leads as $each_lead)
										<div class="each_task {{$lock_attr}}" id="{{$each_lead['lead_uuid']}}" data-stage_uuid_from="{{$each_stage['stage_uuid']}}" data-lead_name="{{$each_lead['lead_name']}}" data-stage_name="{{$each_stage['stage_name']}}" data-stage_amount="{{$each_stage['stage_amount']}}" data-total_lead="{{$each_stage_deals}}" data-lead_amount="{{!empty($each_lead['lead_amount'])?$each_lead['lead_amount']:0 }}">


											<div class="lead_info">
												<div class="lead_title">
                                                <a class="green" href="{{url('admin/leads/'.encrypt($each_lead['lead_id']))}}">{{  !empty($each_lead['lead_name']) ? $each_lead['lead_name'] : "N/A"   }}</a>
												</div>
												<div class="contact_name" title="{{ $each_lead['lead_contact'] }}">{{ $each_lead['lead_contact'] }}</div>
												<div class="convo_user">
													<span class="user_name">{{ !empty($each_lead['lead_owner']) ? $each_lead['lead_owner'] : "N/A" }}</span>
													
                                                   
                                                    @if($each_lead['due_class'] != 'due')
                                                        <span class="last_updated img {{$each_lead['due_class']}}"> in {{$each_lead['expiry_in_days']}}
                                                        days</span>
                                                    @else 
                                                        <span class="last_updated img {{$each_lead['due_class']}}"> {{$each_lead['expiry_in_days']}}
                                                        days ago</span>
                                                    @endif
												</div>
											</div>
											<div class="notifications_pipeline">
												<div class="new_notify">
													<div class="deal_amount">{{ !empty($currecy) ? $currecy->country_code : 'USD' }} {{(!empty($each_lead['lead_amount']) && !empty($each_lead['lead_amount']))?number_format($each_lead['lead_amount'],$business->amt_decimal):'0'}}</div>
												</div>
												<div class="record_convo">
													<div class="compose_email mail" type="leads.view" uuid="">
														
														<a href="javascript:void(0);" onclick="uploadModal('new_mail')" data-toggle="modal" data-href="" data-target="#new_mail">
															<img src="{{ asset('images/pipeline_msg_icon.png') }}">
														</a>
													</div>
													<div class="call new_note" data-uuid="{{$each_lead['lead_uuid']}}" data-related_to="Lead" data-name="{{$each_lead['lead_name']}}" data-from_related_view="0">
														<a href="javascript:void(0);" onclick="uploadModal('new_note_file')" data-toggle="modal" data-href="" data-target="#new_note_file">
															<i class="fa fa-comment"></i>
														</a>
													</div>
												</div>
											</div>
										</div>
										@endforeach
										@endif
									</div>
								</div>
								@endforeach
								
								
							</div>
						</div>
						<!--MIDDLE SECTION -->
					</div>
				</div>
				<!-- END LEADS PIPELINE -->
			</div>
			<!-- END PAGE CONTENT -->
<!-- Lead, opportunity qualified and disqualified update Modal End-->
<div class="modal fade bs-modal right modal-fullscreen" id="update_q_uq_lead" role="dialog" aria-hidden="true">
    <div class="sweet-overlay" tabindex="-1"></div>
    <div class="modal-dialog modal-lg">
        <div class="modal-content">

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


<div class="modal fade bs-modal right modal-fullscreen" id="lead_convert" role="dialog" aria-hidden="true">
    <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>
</div>

<!-- //SWEET_ALERT START// -->
<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>
            
@include('admin.common-modals.note');
@include('admin.common-modals.newmessage');

@stop


@section('styles')
<link rel="stylesheet" type="text/css" href="{{ asset('plugins/global/summernote/summernote.css') }}" />
<link rel="stylesheet" href="{{ asset('intlTel/css/intlTelInput.css') }}">
<style>
        .bootstrap-timepicker-widget.open {
        z-index: 99999;
    }
        .lead_title {
            color: #4f9faa;
            font-weight: 600;
        }
        .bottom_wrap .deal_amount {
            color: #2e3541;
            font-size: 15px;
            font-weight: 600;
            margin-bottom: 2px;
        }
        .convo_user {
            width: 100%;
        }
        .user_name {
            float: left;
            width: 50%;
        }
        .each_task {
            border: 1px solid #b5b5b5;
            border-radius: 3px;
            margin-bottom: 7px;
            cursor: move;
            background: #fff;
            position: relative;
        }
        .drop_overlay {
            background: #E8F5F9;
            border: 2px dashed #b5b5b5;
            border-right: 2px dashed #b5b5b5 !important;
        }
        .lead_info {
            padding: 6px 26px;
        }
        .notifications_pipeline {
            /*padding-left: 5px;*/
            /*line-height: 26px;*/
            border-top: 1px solid #e7e7e7 !important;
            /*height: 30px;*/
            /*padding: 2px 5px 5px;*/
            overflow: hidden;
        }
        .notifications_pipeline .new_notify {
            display: inline-block !important;
            width: 60%;
            float: left !important;
            color: #000 !important;
            padding: 7px 8px 4px !important;
        }
        .notifications_pipeline .record_convo {
            display: inline-block;
            width: 40%;
            float: right;
            text-align: right;
        }
        .notifications_pipeline .record_convo .mail {
            padding: 7px 8px;
            border-left: 2px solid #e7e7e7;
            display: inline-block;
            cursor: pointer;
        }
        .notifications_pipeline .record_convo .call {
            border-left: 2px solid #e7e7e7;
            display: inline-block;
            padding: 7px 8px;
            cursor: pointer;
            color: #dbdbdb;
        }
        .new_notify:hover,
        .mail:hover,
        .call:hover {
            opacity: 0.7;
        }
        .last_updated.due {
            color: #be0202;
        }
        .lead_title a {
            white-space: normal;
        }
        .notifications_pipeline .record_convo .call a {color: #dbdbdb;}
    </style>

@stop


@section('admin_js')
<script type="text/javascript" src="{{ asset('plugins/global/summernote/summernote.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/email.js') }}"></script>
<script type="text/javascript" src="{{ asset('intlTel/js/intlTelInput.js') }}"></script>
<script type="text/javascript" src="{{ asset('intlTel/js/utils.js') }}"></script>

<script type="text/javascript">
 var LINKTOUUID = '';
    var count = 0;
    $('.each_block_wrap').sortable({
        connectWith: '.each_block_wrap',
        items: "div.each_task:not(.ui-state-disabled)",
        start: function (event, ui) {
            $('.each_task').hide();
            ui.item.show();
            $('.each_block_wrap').addClass('drop_overlay');
            ui.item.parent().removeClass('drop_overlay');
            ui.item.parent().find('.each_task').show();
        },
        update: function (event, ui) {
            if (count == 1) {

                // alert(ui.item.attr('id'));
                // alert(ui.item.parent().parent().attr('id'));

                // data from where lead going to be update
                var lead_uuid = ui.item.attr('id');
              
                var lead_name = ui.item.attr('data-lead_name');

                var stage_amount_from = ui.item.attr('data-stage_amount');
                var stage_total_lead_from = ui.item.attr('data-total_lead');
                var lead_amount = ui.item.attr('data-lead_amount');
                var stage_uuid_from = ui.item.attr('data-stage_uuid_from');
                var stage_updated_name = ui.item.parent().parent().attr('data-stage_name_updated');


                // console.log(stage_amount_from + ' ' + stage_total_lead_from + ' -- ' + lead_amount);


                // Data where lead updated
                var lead_current_status = ui.item.attr('data-stage_name');
                var stage_uuid = ui.item.parent().parent().attr('id');


                var stage_amount_to = ui.item.parent().parent().attr('data-stage_amount');
                var stage_total_lead_to = ui.item.parent().parent().attr('data-total_lead');


                // Dragged from calculation

                var dragged_from_remain_amount = parseFloat(stage_amount_from) - parseFloat(lead_amount);
                var dragged_from_remain_leads = parseFloat(stage_total_lead_from) - parseFloat(1);
                $('.' + stage_uuid_from).find('.deal_amount').remove();
                $('.' + stage_uuid_from).append('<div class="deal_amount"><span class="deals_no">' + dragged_from_remain_leads + ' Lead(s)</span>'+"USD"+' '+ parseFloat(dragged_from_remain_amount).toLocaleString('en') + '</div>');

                // Updating the main head with current amount and lead.
                $('#' + stage_uuid_from).attr('data-stage_amount', dragged_from_remain_amount);
                $('#' + stage_uuid_from).attr('data-total_lead', dragged_from_remain_leads);

                // To update all child of updated lead stage with new amount and lead
                $("#" + stage_uuid_from).find("[data-stage_uuid_from='" + stage_uuid_from + "']").attr('data-stage_amount', dragged_from_remain_amount);
                $("#" + stage_uuid_from).find("[data-stage_uuid_from='" + stage_uuid_from + "']").attr('data-total_lead', dragged_from_remain_leads);


                // Dragged to calculation

                var dragged_to_remain_amount = parseFloat(stage_amount_to) + parseFloat(lead_amount);
                var dragged_to_remain_leads = parseFloat(stage_total_lead_to) + parseFloat(1);
                $('.' + stage_uuid).find('.deal_amount').remove();
                $('.' + stage_uuid).append('<div class="deal_amount"><span class="deals_no">' + dragged_to_remain_leads + ' Lead(s)</span>'+"USD"+' ' + parseFloat(dragged_to_remain_amount).toLocaleString('en') + '</div>');

                ui.item.attr('data-stage_uuid_from', stage_uuid);

                // Updating the main head with current amount and lead.
                $('#' + stage_uuid).attr('data-stage_amount', dragged_to_remain_amount);
                $('#' + stage_uuid).attr('data-total_lead', dragged_to_remain_leads);


                // To update all child of updated lead stage with new amount and lead number
                $("#" + stage_uuid).find("[data-stage_uuid_from='" + stage_uuid + "']").attr('data-stage_amount', dragged_to_remain_amount);
                $("#" + stage_uuid).find("[data-stage_uuid_from='" + stage_uuid + "']").attr('data-total_lead', dragged_to_remain_leads);
                

                // console.log(dragged_from_remain_amount + '--' + dragged_from_remain_leads + '-----' + dragged_to_remain_amount + '--' + dragged_to_remain_leads);

                // Disable sorting when qualified.
                if (stage_uuid == "{{ $qualified_uuid }}") {
                    ui.item.parent().parent().find('.each_task').addClass('ui-state-disabled');
                }

                if (stage_uuid == "{{ $disqualified_uuid }}") {
                    LINKTOUUID = lead_uuid;
                    qualified_disQualified(stage_uuid, lead_uuid, lead_name, lead_current_status, stage_updated_name);

                } else if (stage_uuid == "{{ $qualified_uuid }}") {
                    LINKTOUUID = lead_uuid;
                    qualified(stage_uuid, lead_uuid, lead_name, lead_current_status, stage_updated_name);

                } else {

                    update_lead_status_pipeline(stage_uuid, lead_uuid, lead_name, lead_current_status, stage_updated_name, '');
                }


            } else {
                count = 0;
            }
            $('.each_task').show();
            $('.each_block_wrap').removeClass('drop_overlay');
            count++;


        },
        stop: function (event, ui) {

            $('.each_task').show();
            $('.each_block_wrap').removeClass('drop_overlay');
        },
        beforeStop: function (event, ui) {
            //  $(".each_block_wrap").sortable("cancel");
        }
    });

    // Function to give height to each stage bottom wrap
    $(function () {
        var heights = $("div.each_block_wrap").map(function () {
            return $(this).height();
        }).get(),
                maxHeight = Math.max.apply(null, heights);

        $('.each_block_wrap').css('min-height', maxHeight + 'px');

        var pipeline_heigh_adjust = $(window).height() - parseFloat(200);

        $('.pipeline_wrapper').height(pipeline_heigh_adjust);


    });
    

    /* Function to update the lead status from pipeline */

    function update_lead_status_pipeline(stage_uuid, lead_uuid, lead_name, lead_current_status, stage_updated_name, reason_popup, disqualify) {
 
          if (disqualify == 1) {
            var chk_box_value = $('#disqualify_form input[name="lead_qualify_w_ca"]:checked').val();
            if (chk_box_value == 'qualify_w_ca') {
              
                var flag = '0';
                $('#disqualify_form *').filter(':input, textarea, select').each(function () {

                    if ($(this).hasClass('validate')) {
                        if ($(this).val() == '' || $(this).val() == null) {
                            $(this).addClass('error_custom');
                            $(this).parent().find('.select2-container .select2-selection').addClass('error_custom');

                            if ($(this).hasClass('account_field')) {
                                $('.icon_account_edit_conversion').trigger('click');
                            }
                            if ($(this).hasClass('contact_field')) {
                                $('.icon_contact_edit_conversion').trigger('click');
                            }

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

                        /*FOR EMAIL VALIDATION*/
                        if (($(this).is('.cemail')) && ($(this).val() != '')) {

                            var testEmail = /^[A-Z0-9._%+-]+@([A-Z0-9-]+\.)+[A-Z]{2,4}$/i;
                            if (testEmail.test($(this).val())) {
                                $(this).removeClass('error_custom');
                            } else {
                                $(this).addClass('error_custom');
                                flag = '1';
                            }
                        }
                        /*FOR EMAIL VALIDATION*/
                    }
                });

                // //Phone number validation
                // if (($(this).is('.phone')) && ($(this).val() != '')) {
                //     var error = $(this).intlTelInput("getValidationError");
                //     if (error == intlTelInputUtils.validationError.TOO_SHORT) {
                //         console.log(error + " the number is too short");
                //         // the number is too short
                //     }

                //     var isValid = $(this).intlTelInput("isValidNumber");
                //     if (isValid) {
                //         var phone = $(this).intlTelInput("getNumber", intlTelInputUtils.numberFormat.E164);
                //         $(this).removeClass('error_custom');
                //     } else {
                //         $(this).addClass('error_custom');
                //         console.log($(this).intlTelInput("getNumber", intlTelInputUtils.numberFormat.E164));
                //         flag = '1';
                //     }
                // }

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

                    // var mobile = $('#update_q_uq_lead .lead_contact_mobile').intlTelInput("getNumber", intlTelInputUtils.numberFormat.E164);
                    // var work_phone = $('#update_q_uq_lead .lead_contact_telephone').intlTelInput("getNumber", intlTelInputUtils.numberFormat.E164);

                    var mobile = document.querySelector("#mobile");
                    var work_phone = document.querySelector("#telephone");
                    var iti = window.intlTelInputGlobals.getInstance(mobile);
                    var mobile_number = iti.getNumber(intlTelInputUtils.numberFormat.E164);
                    var iti2 = window.intlTelInputGlobals.getInstance(work_phone);
                    var work_phone_number = iti2.getNumber(intlTelInputUtils.numberFormat.E164);
                  

                     $('#update_q_uq_lead .lead_contact_mobile').val(mobile_number);
                     $('#update_q_uq_lead .lead_contact_telephone').val(work_phone_number);

                    $('#busyloading').show();
                    var formData = new FormData(document.getElementById("disqualify_form"));
                    formData.append('lead_uuid', lead_uuid);
                    formData.append('stage_uuid', stage_uuid);
                    formData.append('lead_name', lead_name);
                    formData.append('stage_updated_name', stage_updated_name);
                    formData.append('current_status_name', lead_current_status);
                    formData.append('disqualify', 1);
                }
            } else {
                $('#busyloading').show();
                var formData = new FormData();
               
                formData.append('lead_uuid', lead_uuid);
                formData.append('stage_uuid', stage_uuid);
                formData.append('lead_name', lead_name);
                formData.append('reason_popup', reason_popup);
                formData.append('stage_updated_name', stage_updated_name);
                formData.append('current_status_name', lead_current_status);
                formData.append('disqualify', 0);
            }
        }
        else {
            $('#busyloading').show();
            var formData = new FormData();
           
            formData.append('lead_uuid', lead_uuid);
            formData.append('stage_uuid', stage_uuid);
            formData.append('lead_name', lead_name);
            formData.append('stage_updated_name', stage_updated_name);
            formData.append('current_status_name', lead_current_status);
            formData.append('reason_popup', reason_popup);
         }
        
        $('#busyloading').show();
        var url = "{{ route('admin.leadspipeline.store') }}";
        $.ajax({
            url: url,
            type: 'POST',
            data: formData,
            processData: false,  // tell jQuery not to process the data
            contentType: false, 
            success: function (res) {
                if(res.status ==1000){
                    alertbox("success",res.message);
                    $('#update_q_uq_lead').modal('hide');
                    $('#busyloading').hide();
                }
            }
        });
        


    }

    function qualified_disQualified(stage_uuid, lead_uuid, lead_name, lead_current_status, stage_updated_name) {
        window.stageuuid = stage_uuid;
        window.leaduuid = lead_uuid;
        window.leadname = lead_name;
        window.leadcurrentstatus = lead_current_status;
        window.stageupdatedname = stage_updated_name;

    

        // $('#update_q_uq_lead .stage_uuid').val(stage_uuid);
        // $('#update_q_uq_lead .lead_uuid').val(lead_uuid);
        // $('#update_q_uq_lead .lead_name').val(lead_name);
        // $('#update_q_uq_lead .lead_current_status').val(lead_current_status);
        // $('#update_q_uq_lead .stage_updated_name').val(stage_updated_name);
         $('#update_q_uq_lead').modal();
       
      
    }

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

         var url = "{{route('admin.leadspipeline.disqualified')}}";
        $.ajax({
            url: url,
            context: this,
            method: "POST",
            dataType: "html",
            data: {

                'lead_uuid': LINKTOUUID,
            },
           
            success: function (response) {

                $(this).find('.modal-content').html(response);
                $(".select2").select2({
                    placeholder: "--Select--",
                    allowClear: true
                });
                        
                $('#update_q_uq_lead .stage_uuid').val(stageuuid);
                $('#update_q_uq_lead .lead_uuid').val(leaduuid);
                $('#update_q_uq_lead .lead_name').val(leadname);
                $('#update_q_uq_lead .lead_current_status').val(leadcurrentstatus);
                $('#update_q_uq_lead .stage_updated_name').val(stageupdatedname);

                var mobile = document.querySelector("#mobile");
                var telephone = document.querySelector("#telephone");
                window.intlTelInput(mobile, {
                    utilsScript: "{{ asset('intlTel/js/utils.js') }}",
                        initialCountry: "IN",
                });
                window.intlTelInput(telephone, {
                    utilsScript: "{{ asset('intlTel/js/utils.js') }}",
                        initialCountry: "IN",
                });

               
            }
        });
              
});
        function qualified(stage_uuid, lead_uuid, lead_name, lead_current_status, stage_updated_name) {

             $('#lead_convert').modal();
        }

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

         var url = "{{route('admin.leadspipeline.qualified')}}";
        $.ajax({
            url: url,
            context: this,
            method: "POST",
            dataType: "html",
            data: {

                'lead_uuid': LINKTOUUID,
            },
           
            success: function (response) {
                $(this).find('.modal-content').html(response);
                $(".select2").select2({
                    placeholder: "--Select--",
                    allowClear: true
                });

                var mobile = document.querySelector("#mobile");
                var telephone = document.querySelector("#telephone");
                window.intlTelInput(mobile, {
                    utilsScript: "{{ asset('intlTel/js/utils.js') }}",
                        initialCountry: "IN",
                });
                window.intlTelInput(telephone, {
                    utilsScript: "{{ asset('intlTel/js/utils.js') }}",
                        initialCountry: "IN",
                });

                 /*
                |--------------------------------------------------------------------------
                | 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();
                });
               
                 //Date open either previous or upcoming
                $('.calender_popup_date_open').datepicker({
                    format: 'dd-mm-yyyy',
                    pickerPosition: "top-left",
                    autoclose: true,
                    //startDate: date
                }).on('show.bs.modal', function (event) {
                    // prevent datepicker from firing bootstrap modal "show.bs.modal"
                    event.stopPropagation();
                });
                $('body').on('click', '.custom_calender_date_open', function () {
                    $(this).parent().parent().find('.calender_popup_date_open').trigger(
                        'focus');
                });
            }
        });
              
});
        
    

    $('body').on('click', '.lead_qualify_w_ca', function () {
        var chk_box_value = $(this).val();
        if (chk_box_value == 'qualify_w_ca') {
            $('.account_contact_section').show();


            $('.account_name').addClass('validate');
            $('.existing_account').removeClass('validate');
            $('#lead_convert_form .gbs_country').addClass('validate');
            $('#lead_convert_form .state').addClass('validate');
            $('#lead_convert_form .city').addClass('validate');
            $('#lead_convert_form .area').addClass('validate');
            $('#lead_convert_form .lead_rating').addClass('validate');
            $('#lead_convert_form .company_address').addClass('validate');
            $('#lead_convert_form .industry_type').addClass('validate');
            $('#lead_convert_form .zipcode').addClass('validate');
            $('#lead_convert_form .employees').addClass('validate');
            //$('.contact_name').addClass('validate');
            $('.existing_contact').removeClass('validate');
            $('.lead_contact_title').addClass('validate');
            $('.lead_contact_first_name').addClass('validate');
            $('.lead_contact_last_name').addClass('validate');
            $('.lead_contact_email').addClass('validate');
            $('.lead_contact_mobile').addClass('validate');
            $('.lead_contact_telephone').addClass('validate');


        } else {
            $('.account_contact_section').hide();

            $('.account_name').removeClass('validate');
            $('#lead_convert_form .gbs_country').removeClass('validate');
            $('#lead_convert_form .state').removeClass('validate');
            $('#lead_convert_form .city').removeClass('validate');
            $('#lead_convert_form .area').removeClass('validate');
            $('#lead_convert_form .lead_rating').removeClass('validate');
            $('#lead_convert_form .company_address').removeClass('validate');
            $('#lead_convert_form .industry_type').removeClass('validate');
            $('#lead_convert_form .zipcode').removeClass('validate');
            $('#lead_convert_form .employees').removeClass('validate');
            //$('.contact_name').removeClass('validate');
            $('.lead_contact_title').removeClass('validate');
            $('.lead_contact_first_name').removeClass('validate');
            $('.lead_contact_last_name').removeClass('validate');
            $('.lead_contact_email').removeClass('validate');
            $('.lead_contact_mobile').removeClass('validate');
            $('.lead_contact_telephone').removeClass('validate');
        }
    });
    //Onlick to edit the account
    $(document).on('click','.icon_account_edit_conversion',function() {
   
        // $('.contact_existing').hide();
        $('.account_edit').show();
        $('.account_info_update').val(1);
        $('.account_row').css('background', '#f5f6f7');
        //$('.account_edit .gbs_country').val(BUSINESS_COUNTRY_ID).trigger('change').prop('selected', true);
        $(this).hide();
    });

    //Onlick to edit the contact

    $(document).on('click','.icon_contact_edit_conversion',function() {
            $('.contact_existing').hide();
            $('.contact_edit').show();
            $('.contact_info_update').val(1);
        });

     //select country

    $(document).on('change', '#country', function () {
        $('#busyloading').show();
        var country_id = this.value;
        var action = "{{ url('admin/get-states/')}}?country=" + country_id
        $.ajax({
            url: action,
            method: 'GET',
            success: function (response) {
                $('#state').html(response.datas);
                $("#state.select2").select2({
                    placeholder: "--Select--",
                    allowClear: true
                });
                $('#busyloading').hide();
            }
        });
    });
    //select state

    $(document).on('change', '#state', function () {
        $('#busyloading').show();
        var state_id = this.value;
        var action = "{{ url('admin/get-cities/')}}?state=" + state_id
        $.ajax({
            url: action,
            method: 'GET',
            success: function (response) {
                $('#city').html(response.datas);
                $(".select2").select2({
                    placeholder: "--Select--",
                    allowClear: true
                });
                $('#busyloading').hide();
            }
        });
    });

    $('body').on('change', '.opportunity_chk', function () {
        var checked_value = $('input[name=opportunity_chk]:checked').val();

        if (checked_value == 'new_opportunity') {
            $('.opportunity_name').addClass('validate');
            $('.opportunity_dependency').show();

            $('.converted_status').addClass('validate');
            $('.opportunity_assing_to').addClass('validate');
            $('.task_due_on').addClass('validate');
            $('.task_due_on_time').addClass('validate');
        } else {
            $('.opportunity_name').removeClass('validate');
            $('.opportunity_dependency').hide();

            $('.converted_status').removeClass('validate');
            $('.opportunity_assing_to').removeClass('validate');
            $('.task_due_on').removeClass('validate');
            $('.task_due_on_time').removeClass('validate');

        }

    });

     // Validate fields base on radio button

    $('body').on('change', '.account_chk', function () {
        var checked_value = $('input[name=account_chk]:checked').val();

        if (checked_value == 'new_account') {
            $('.account_name').addClass('validate');
            $('.existing_account').removeClass('validate');
            $('#lead_convert_form .gbs_country').addClass('validate');
            $('#lead_convert_form .state').addClass('validate');
            $('#lead_convert_form .city').addClass('validate');
            $('#lead_convert_form .area').addClass('validate');
            $('#lead_convert_form .lead_rating').addClass('validate');
            $('#lead_convert_form .company_address').addClass('validate');
            $('#lead_convert_form .industry_type').addClass('validate');
            $('#lead_convert_form .zipcode').addClass('validate');
            $('#lead_convert_form .employees').addClass('validate');

        } else {
            $('.existing_account').addClass('validate');
            $('.account_name').removeClass('validate');

            $('#lead_convert_form .gbs_country').removeClass('validate');
            $('#lead_convert_form .state').removeClass('validate');
            $('#lead_convert_form .city').removeClass('validate');
            $('#lead_convert_form .area').removeClass('validate');
            $('#lead_convert_form .lead_rating').removeClass('validate');
            $('#lead_convert_form .company_address').removeClass('validate');
            $('#lead_convert_form .industry_type').removeClass('validate');
            $('#lead_convert_form .zipcode').removeClass('validate');
            $('#lead_convert_form .employees').removeClass('validate');
        }

    });
     $('body').on('change', '.contact_chk', function () {
        var checked_value = $('input[name=contact_chk]:checked').val();

        if (checked_value == 'new_contact') {
            //$('.contact_name').addClass('validate');
            $('.existing_contact').removeClass('validate');

            $('.lead_contact_title').addClass('validate');
            $('.lead_contact_first_name').addClass('validate');
            $('.lead_contact_last_name').addClass('validate');
            $('.lead_contact_email').addClass('validate');
            $('.lead_contact_mobile').addClass('validate');
            $('.lead_contact_telephone').addClass('validate');
        } else {
            $('.existing_contact').addClass('validate');
            //$('.contact_name').removeClass('validate');

            $('.lead_contact_title').removeClass('validate');
            $('.lead_contact_first_name').removeClass('validate');
            $('.lead_contact_last_name').removeClass('validate');
            $('.lead_contact_email').removeClass('validate');
            $('.lead_contact_mobile').removeClass('validate');
            $('.lead_contact_telephone').removeClass('validate');
        }

    });


    $(document).on('click','.dismiss',function() {
        location.reload();
    });
    $(document).on('click','.close_popup',function() {
        location.reload();
    });
//create note
    $('body').on('click', '.new_note', function () {


    var uuid = $(this).attr('data-uuid');
    var related_to = $(this).attr('data-related_to');
    var name = $(this).attr('data-name');


    $('.note_description').val('');
    $('li.notes a').trigger('click');


    $('.related_to').html('<option value="1">' + name + '</option>').val(1).trigger('change');

    $('#new_note_file .related_to').val(related_to);
    $('#new_note_file .related_to_uuid').val(uuid);
    });



    $('#note').submit(function (e) {
    e.preventDefault();
    var flag = 0;
    $('#note *').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 (flag == 1) {
        alertbox('dander','There are errors on page');
        return false;
    } else {
            e.preventDefault();
            $('#busyloading').show();
            var formData = new FormData(document.getElementById("note"));
            var related_to = $('#new_note_file .related_to').val();
            var related_to_uuid = $('#new_note_file .related_to_uuid').val();
            formData.append('note_type', related_to);
            formData.append('liked_to', related_to_uuid);
            var url = "{{route('admin.note.store')}}";
            $.ajax({
                url: url,
                type: 'POST',
                data: formData,
                processData: false,  // tell jQuery not to process the data
                contentType: false,  // tell jQuery not to set contentType
                success: function (res) {
                   location.reload();
                    $('#busyloading').hide();
                    return false;
                }
            });
        }
    });
    
$('.send_email').click(function (e) {
    e.preventDefault();
    var flag = '0';

    var testEmail = /^[A-Z0-9._%+-]+@([A-Z0-9-]+\.)+[A-Z]{2,4}$/i;

    $('#new_mail *').filter(':input').each(function () {
        if ($(this).hasClass('validate')) {
            if ($(this).val() == '') {
                $(this).parent().parent().parent().addClass('error_custom_compose');
                flag = '1';
            } else {
                $(this).parent().parent().parent().removeClass('error_custom_compose');

                /*FOR EMAIL VALIDATION*/
                if (($(this).is('.email'))) {
                    if (testEmail.test($(this).val())) {
                        $(this).removeClass('error_custom_compose');
                    } else {
                        $(this).addClass('error_custom_compose');
                        flag = '1';
                    }
                }
                /*FOR EMAIL VALIDATION*/
            }
        }
    });

    if($('.note-editable').html() == ''){
        $('.modal-body').addClass('error_custom_compose');
        flag = '1';
    }else{
        $('.modal-body').removeClass('error_custom_compose');
    }

    var emails_cc = $('.emails_cc').val();
    var emails_bcc = $('.emails_bcc').val();
    var emails_to = $('.emails_to').val();

    //To emails validation
    if (emails_to != '') {
        var array_to = emails_to.split(',');
        if (array_to.length > 1) {
            $.each(array_to, function (i, email) {
                email = $.trim(email);
                if (testEmail.test(email)) {
                    //$('.emails_to').removeClass('error_custom');
                } else {
                    $('.emails_to').addClass('error_custom_compose');
                    flag = '1';
                }
            });
        } else {
            emails_to = $.trim(emails_to);
            if (testEmail.test(emails_to)) {
                $('.emails_to').removeClass('error_custom_compose');
            } else {
                $('.emails_to').addClass('error_custom_compose');
                flag = '1';
            }
        }
    }

    //CC emails validation if entered
    if (emails_cc != '') {
        var array_cc = emails_cc.split(',');
        if (array_cc.length > 1) {
            $.each(array_cc, function (i, email) {
                email = $.trim(email);
                if (testEmail.test(email)) {
                    //$('.emails_cc').removeClass('error_custom');
                } else {
                    $('.emails_cc').addClass('error_custom_compose');
                    flag = '1';
                }
            });
        } else {
            emails_cc = $.trim(emails_cc);
            if (testEmail.test(emails_cc)) {
                $('.emails_cc').removeClass('error_custom_compose');
            } else {
                $('.emails_cc').addClass('error_custom_compose');
                flag = '1';
            }
        }
    }

    //BCC emails validation if entered
    if (emails_bcc != '') {
        var array_bcc = emails_bcc.split(',');
        if (array_bcc.length > 1) {
            $.each(array_bcc, function (i, email) {
                email = $.trim(email);
                if (testEmail.test(email)) {
                    //$('.emails_bcc').removeClass('error_custom');
                } else {
                    $('.emails_bcc').addClass('error_custom_compose');
                    flag = '1';
                }
            });
        } else {
            emails_bcc = $.trim(emails_bcc);
            if (testEmail.test(emails_bcc)) {
                $('.emails_bcc').removeClass('error_custom_compose');
            } else {
                $('.emails_bcc').addClass('error_custom_compose');
                flag = '1';
            }
        }
    }


    if (flag == '1') {
        alertbox('danger','There are errors on page');
        return false;
    } else {
        $('#busyloading').show();
        var formData = new FormData(document.getElementById("newMail"));
        var url = "{{route('admin.email.store')}}";
        $.ajax({
            url: url,
            type: 'POST',
            data: formData,
            processData: false,  // tell jQuery not to process the data
            contentType: false,  // tell jQuery not to set contentType
            success: function (res) {
                
                if (res) {

                 

                   
                        var from = res['From'];
                        var to = res['To'];
                        var subject = res['Subject'];
                        var date = res['Date'];


                      
                        // var Message_ID = to.match(/<<(.*?)>>/);
                        // var message_uuid_split = Message_ID.split('.');
                        // var message_uuid = message_uuid_split[0];


                        var clone = $('#tab_messages .message_row_clone').clone();
                        clone.find('span.user_name').text(from);
                        clone.find('span.last_updated').text('Just Now');
                        clone.find('.convo_type b').text(to);
                        clone.find('.convo_content').text(subject);
                        // clone.find('.user_name').attr('data-msg_uuid', result['email_data']['message_uuid']);
                        // clone.find('.user_name').attr('type', result['email_data']['type']);
                        // clone.find('.view_email_view').attr('data-msg_uuid', result['email_data']['message_uuid']);
                        // clone.find('.view_email_view').attr('type', result['email_data']['type']);

                        clone.removeClass('.message_row_clone');
                        clone.show();

                        $('#tab_messages .convo_row_wrap').prepend(clone);
                    

                    alertbox('success','Email sent.');
                    $('.dismiss').trigger('click');
                } else {
                    alertbox('danger','Something went wrong. Please try again later or contact to administrator.');
                }
                $('#busyloading').hide();
                return false;
            }
        });
    }
});

 // Lead conversion submit form
    $('body').on('click', '.convert_lead_btn', function (e) {
        e.preventDefault();


        if ($('.task_next_action').val() != '' && $('.task_eta').val() == '') {
            $('.task_eta').addClass('validate');
        }
        if ($('.task_next_action').val() == '') {
            $('.task_eta').removeClass('validate');
        }

        $('input').removeClass('error_custom');
        $('.select2-container .select2-selection').removeClass('error_custom');

        var flag = '0';
        $('#lead_convert_form *').filter(':input, textarea, select').each(function () {

            if ($(this).hasClass('validate')) {
                if ($(this).val() == '' || $(this).val() == null) {
                    $(this).addClass('error_custom');
                    $(this).parent().find('.select2-container .select2-selection').addClass('error_custom');

                    if ($(this).hasClass('account_field')) {
                        $('.icon_account_edit_conversion').trigger('click');
                    }
                    if ($(this).hasClass('contact_field')) {
                        $('.icon_contact_edit_conversion').trigger('click');
                    }

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

                /*FOR EMAIL VALIDATION*/
                if (($(this).is('.cemail')) && ($(this).val() != '')) {

                    var testEmail = /^[A-Z0-9._%+-]+@([A-Z0-9-]+\.)+[A-Z]{2,4}$/i;
                    if (testEmail.test($(this).val())) {
                        $(this).removeClass('error_custom');
                    } else {
                        $(this).addClass('error_custom');
                        flag = '1';
                    }
                }
                /*FOR EMAIL VALIDATION*/
            }
        });

        //Phone number validation
        if (($(this).is('.phone')) && ($(this).val() != '')) {
            var error = $(this).intlTelInput("getValidationError");
            if (error == intlTelInputUtils.validationError.TOO_SHORT) {
                console.log(error + " the number is too short");
                // the number is too short
            }

            var isValid = $(this).intlTelInput("isValidNumber");
            if (isValid) {
                var phone = $(this).intlTelInput("getNumber", intlTelInputUtils.numberFormat.E164);
                $(this).removeClass('error_custom');
            } else {
                $(this).addClass('error_custom');
                console.log($(this).intlTelInput("getNumber", intlTelInputUtils.numberFormat.E164));
                flag = '1';
            }
        }

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

            // $('#busyloading').show();
            var mobile = document.querySelector("#mobile");
            var work_phone = document.querySelector("#telephone");
            var iti = window.intlTelInputGlobals.getInstance(mobile);
            var mobile_number = iti.getNumber(intlTelInputUtils.numberFormat.E164);
            var iti2 = window.intlTelInputGlobals.getInstance(work_phone);
            var work_phone_number = iti2.getNumber(intlTelInputUtils.numberFormat.E164);
             var formData = new FormData(document.getElementById("lead_convert_form"));
             var url = "{{route('admin.leads.convert')}}";
             formData.append('lead_uuid', LINKTOUUID);
             formData.append('lead_contact_mobile', mobile_number);
             formData.append('lead_contact_telephone', work_phone_number);

            $.ajax({
                url: url,
                type: 'POST',
                data: formData,
                processData: false, // tell jQuery not to process the data
                contentType: false, // tell jQuery not to set contentType
                success: function (res) {
                    if(res.status ==1000){
                    alertbox("success",res.message);
                    $('#lead_convert').modal('hide');
                    $('#busyloading').hide();
                }
                }
            });
        }
    });     

     // When popup save button click
    $('body').on('click', '.save_reason', function () {

        var stage_uuid = $('#update_q_uq_lead .stage_uuid').val();
        var lead_uuid = $('#update_q_uq_lead .lead_uuid').val();
        var lead_name = $('#update_q_uq_lead .lead_name').val();
        var lead_current_status = $('#update_q_uq_lead .lead_current_status').val();
        var stage_updated_name = $('#update_q_uq_lead .stage_updated_name').val();
        var reason_popup = $('#update_q_uq_lead .reason_popup').val();
        var dq_reason = $('#update_q_uq_lead .dq_reason').val();
        var disqualify = 1;

        reason_popup = dq_reason + ' : ' + reason_popup;

        update_lead_status_pipeline(stage_uuid, lead_uuid, lead_name, lead_current_status, stage_updated_name, reason_popup, disqualify);

    });

    // Check if reason box is empty or not
    $('body').on('input', '.reason_popup', function () {

        var value = $(this).val();
        if (value != '') {

            $('.save_reason').prop('disabled', false);

        } else {
            $('.save_reason').prop('disabled', true);
        }

    });

    $('body').on('change', '.opportunity_owner', function () {

        var owner_val = $('option:selected', this).val();
        if (owner_val != '') {
        var chk_exist = $('.team_all .team_inputs.' + owner_val).length;
        if (chk_exist > 0) {

        $('.team_tags').removeClass('oppor_owner');
        $('.team_tags .remove_team').show();
        $('.team_all .team_inputs.' + owner_val).parent().addClass('oppor_owner');
        $('.oppor_owner .remove_team').hide();

        } else {
        $('.select_oppo_team option[value="' + owner_val + '"]').prop('selected', true).trigger('change');
        }
        }

        });


        $('body').on('change', '.select_oppo_team', function () {

        var team_member = $('option:selected', this).text();
        var team_member_uuid = $('option:selected', this).val();

        if (team_member != '') {

            $('.team_all').append('<span class="team_tags">' + team_member + ' <span class="remove_team" team_member_uuid="' + team_member_uuid + '" member_name ="' + team_member + '" >×</span><input type="hidden" name="oppor_team[]" value="' + team_member_uuid + '" class="team_inputs ' + team_member_uuid + '"></span>');
            $(".select_oppo_team option:selected").remove();
            $('.select_oppo_team').val('').trigger('change');

            // Check for team owner
            var opportunity_owner_uuid = $('.opportunity_owner').val();
            if (team_member_uuid == opportunity_owner_uuid) {
                $('.team_tags').removeClass('oppor_owner');
                $('.team_tags .remove_team').show();
                $('.team_all .team_tags:last').addClass('oppor_owner');
                $('.oppor_owner .remove_team').hide();
            }
        }
        });

        // Remove team member

        $('body').on('click', '#lead_convert .remove_team', function () {
        var team_member = $(this).attr('member_name');
        var team_member_uuid = $(this).attr('team_member_uuid');
        $(".select_oppo_team").append('<option value="' + team_member_uuid + '">' + team_member + '</option>');
        $(this).parent().remove();


        if ($('.team_tags').length == 0) {
            $('.opportunity_owner').val('').trigger('change');
        }

        })


    //sweetalert
    $(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 () {
            $("#update_q_uq_lead").modal("hide");
            $("#lead_convert").modal("hide");
            $('#sweetalert_wrap').hide();
        });
    });
//To set width of pipeline view
        $(document).ready(function(){
            var set_width = 0;
            var pipeline_wrapper_each_block_width = $('.pipeline_wrapper .each_block').width();
            var page_content_width = $('.page-content').width()-40;
            var count_each_block = $('.each_block').length;
            var pipeline_wrapper_width = pipeline_wrapper_each_block_width * count_each_block;
                
            if(page_content_width > pipeline_wrapper_width) {
                set_width = page_content_width/count_each_block;
                $(".pipeline_wrapper .inner_wrap .each_block, .pipeline_wrapper .inner_wrap_head .each_block_head").css("width",set_width);
            }
        });


	
</script>
@stop