@extends('admin.layouts.app')

@section('title', 'Opportunity pipeline')

@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.opportunities.index') }}">Opportunities</a></li>
                    <li><a href="#" class="breadcrumb_link lead_name" onclick="return false">opportunities 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_opportunity']))
							    <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_opportunities = $each_stage['stage_all_opportunity'])

                                @php($each_stage_deals = count($a_stage_all_opportunities))
                                @php($lock_attr = '')
                                    @if($each_stage['stage_uuid'] == $won_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">
                                       @if(count($a_stage_all_opportunities) > 0)
                                          @foreach($a_stage_all_opportunities as $each_opportunity)
                                      <div class="each_task {{$lock_attr}}" id="{{$each_opportunity['opportunity_uuid']}}" data-stage_uuid_from="{{$each_stage['stage_uuid']}}" data-lead_name="{{$each_opportunity['opportunity_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_opportunity['opportunity_amount'])?$each_opportunity['opportunity_amount']:0 }}">


                                          <div class="lead_info">
                                              <div class="lead_title">
                                                  <a class="green" href="{{url('admin/opportunities/'.encrypt($each_opportunity['opportunity_id']))}}">{{$each_opportunity['opportunity_name']}}</a>
                                              </div>
                                              <div class="contact_name" title="{{$each_opportunity['account_name']}}">{{$each_opportunity['account_name']}}</div>
                                              <div class="convo_user">
                                                  <span class="user_name">{{$each_opportunity['opportunity_owner']}}</span>
                                                  @if($each_opportunity['due_class'] != 'due')
                                                        <span class="last_updated img {{$each_opportunity['due_class']}}"> in {{$each_opportunity['expiry_in_days']}}
                                                        days</span>
                                                    @else 
                                                        <span class="last_updated img {{$each_opportunity['due_class']}}"> {{$each_opportunity['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_opportunity['opportunity_amount']) && !empty($each_opportunity['opportunity_amount']))?number_format($each_opportunity['opportunity_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_opportunity['opportunity_uuid']}}" data-related_to="Opportunity" data-name="{{$each_opportunity['opportunity_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 -->
            
            <div class="modal fade bs-modal right modal-fullscreen" id="update_q_uq" 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>
            <!-- Lead, opportunity qualified and disqualified update Modal End-->  
            
            @include('admin.common-modals.note');
            @include('admin.common-modals.newmessage');
            @include('admin.common-modals.sweet-alert');

@stop

@section('styles')
<link rel="stylesheet" type="text/css" href="{{ asset('plugins/global/summernote/summernote.css') }}" />
<style>
    .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')
@include('admin.opportunities.js.opportunity-pipeline')
@stop