@extends('admin.layouts.app')

@section('title', 'Task 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.tasks.index') }}">Task</a></li>
                    <li><a href="#" class="breadcrumb_link lead_name" onclick="return false">Task 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="task_icon_wrap">
                        <ul class="list_icons">
                            <li>
                                <a href="{{ route('admin.tasks.index') }}" title="List View">
                                    <i class="list_view_ico"></i>
                                </a>
                            </li>
                            <li>
                                <a href="{{ route('admin.taskpipeline.index') }}" title="Kanban View">
                                    <i class="kanban_view_ico"></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="tabbable-line">
                        <ul class="nav nav-tabs">
                            <li class="messages active" data-value="mytask">
                                <a href="#tab_mytask" data-toggle="tab" data-id="tab_mytask" data-value="1" aria-expanded="false" class="task_tab">My Task</a>
                            </li>
                            <li class="tasks" data-value="alltask">
                                <a href="#tab_alltask" data-toggle="tab" data-id="tab_alltask" data-value="2"  aria-expanded="false" class="task_tab">All Task</a>
                            </li>
                        </ul>
                        <div class="tab-content">
                            <!--MY TASK TAB START-->
                            <div class="tab-pane active" id="tab_mytask">
                                <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_ind_task']))
                                        
                                            <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}}
                                                        Task(s)</span>
                                                
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                    <div class="bottom_wrap">
                                        <div class="inner_wrap ">
                                        
                                            @foreach ($a_each_stage_data as $each_stage)
                                            @php($a_stage_all_tasks = $each_stage['stage_ind_task'])
                                
                                            @php($each_stage_deals = count($a_stage_all_tasks))
                                            @php($lock_attr = '')
                                                @if($each_stage['stage_uuid'] == $completed_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="" data-total_lead="{{$each_stage_deals}}">
                                        
                                            <div class="each_block_wrap">
                                                @if(count($a_stage_all_tasks) > 0)
                                                    @foreach($a_stage_all_tasks as $each_opportunity)
                                                    
                                                <div class="each_task {{$lock_attr}}" id="{{$each_opportunity['task_uuid']}}" task_id ="{{ encrypt($each_opportunity['task_id']) }}" data-stage_uuid_from="{{$each_stage['stage_uuid']}}" data-lead_name="{{$each_opportunity['task_name']}}" data-stage_name="{{$each_stage['stage_name']}}" data-stage_amount="" data-total_lead="{{$each_stage_deals}}" data-lead_amount="">
                                
                                
                                                    <div class="lead_info">
                                                        <div class="lead_title">
                                                            <a data-href="{{route('admin.tasks.edit', encrypt($each_opportunity['task_id']))}}" data-toggle="modal" data-target="#new_task" class="editable_name edit task_create">{{$each_opportunity['task_name']}}</a>
                                                           
                                                        </div>
                                                        <div class="contact_name" title="">Due On
                                                            <span class="dueon pull-right"><span class="circle_priority yellow">&nbsp;</span>{{date('d, M, Y',strtotime($each_opportunity['Due_on']))}}</span>
                                                        </div>
                                                        <div class="convo_user">
                                                            <span class="user_name">{{$each_opportunity['task_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>
                                                </div>
                                                @endforeach
                                                @endif
                                            </div>
                                        </div>
                                        @endforeach
                                            
                                            
                                            
                                        </div>
                                    </div>
                                    <!--MIDDLE SECTION -->
                                </div>
                            </div>
                            <!--MY TASK TAB END-->
                            <!--ALL TASKS TAB START-->
                            <div class="tab-pane tasks" id="tab_alltask">
                                <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_task']))
                                            <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}}
                                                        Task(s)</span>
                                                
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                    <div class="bottom_wrap">
                                        <div class="inner_wrap ">
                                        
                                            @foreach ($a_each_stage_data as $each_stage)
                                            @php($a_stage_all_tasks = $each_stage['stage_all_task'])
                                
                                            @php($each_stage_deals = count($a_stage_all_tasks))
                                            @php($lock_attr = '')
                                                @if($each_stage['stage_uuid'] == $completed_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="" data-total_lead="{{$each_stage_deals}}">
                                        
                                            <div class="each_block_wrap">
                                                @if(count($a_stage_all_tasks) > 0)
                                                    @foreach($a_stage_all_tasks as $each_opportunity)
                                                    
                                                <div class="each_task {{$lock_attr}}" id="{{$each_opportunity['task_uuid']}}" task_id ="{{ encrypt($each_opportunity['task_id']) }}" data-stage_uuid_from="{{$each_stage['stage_uuid']}}" data-lead_name="{{$each_opportunity['task_name']}}" data-stage_name="{{$each_stage['stage_name']}}" data-stage_amount="" data-total_lead="{{$each_stage_deals}}" data-lead_amount="">
                                
                                
                                                    <div class="lead_info">
                                                        <div class="lead_title">
                                                            <a data-href="{{route('admin.tasks.edit', encrypt($each_opportunity['task_id']))}}" data-toggle="modal" data-target="#new_task" class="editable_name edit task_create">{{$each_opportunity['task_name']}}</a>
                                                        </div>
                                                        <div class="contact_name" title="">Due On
                                                            <span class="dueon pull-right"><span class="circle_priority yellow">&nbsp;</span> {{date('d, M, Y',strtotime($each_opportunity['Due_on']))}}</span>
                                                        </div>
                                                        <div class="convo_user">
                                                            <span class="user_name">{{$each_opportunity['task_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>
                                                </div>
                                                @endforeach
                                                @endif
                                            </div>
                                        </div>
                                        @endforeach
                                            
                                            
                                            
                                        </div>
                                    </div>
                                    <!--MIDDLE SECTION -->
                                </div>  
                            </div>
                            <!--ALL TASKS TAB END-->
                        </div>
                    </div>
				</div>
				<!-- END LEADS PIPELINE -->
			</div>
            <!-- END PAGE CONTENT -->

            <div class="modal fade bs-modal right modal-fullscreen r_u_sure" id="new_task" role="dialog" aria-hidden="true">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">
            
                    </div>
            
                    <!-- /.modal-Task -->
                </div>
                <!-- /.modal-dialog -->
            </div>
            <!-- New Task Modal End-->
            
          
            
          

@stop

@section('styles')

<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;}

    .tb_search {position: absolute;top: 75px;right: 0;width: 12%;float: right;margin-top: 0;}
    .task_icon_wrap {float: right;}
    .task_icon_wrap ul.list_icons, ul.filter_icons {margin: 0;padding: 0;list-style: none;}
    .task_icon_wrap li {width: 30px;height: 30px;display: inline-block;margin-left: 4px;}
    i.list_view_ico {background: url("{{ asset('images/task_list_ico.png') }}") no-repeat scroll center 0 / 24px auto;}
    i.kanban_view_ico {background: url("{{ asset('images/task_list_ico.png') }}") no-repeat scroll center -32px / 24px auto;}
    .task_icon_wrap li:hover i.kanban_view_ico {background-position: center -135px;border-color: #37c6d3;}
    .task_icon_wrap li:hover i.list_view_ico {background-position: center -171px;border-color: #37c6d3;}
    ul.filter_icons {float:right;}
    .task_icon_wrap ul.list_icons i, ul.filter_icons i {
        width: 30px;
        height: 30px;
        display: inline-block;
        position: relative;
        border: 1px solid #c4c6ca;
        border-radius: 5px;
        background-color: #ffffff;
    }
    .task_icon_wrap ul.list_icons li:hover i, .task_searchBox li:hover i {background-color: #37c6d3;opacity: inherit;}
    .task_icon_wrap ul.list_icons li:hover a:hover, .task_searchBox li:hover a:hover {opacity: inherit;}
    .tb_search.task_searchBox {width: 15%;}
    .task_searchBox input {width: 85%;float: left;}
    i.filter_view_ico {background: url("{{ asset('images/task_list_ico.png') }}") no-repeat scroll center -68px / 24px auto;}
    li:hover i.filter_view_ico {background-position: center -101px;border-color: #37c6d3;}
    .tabbable-line>.nav-tabs>li>a {font-weight: 600;}
</style>
@stop

@section('admin_js')
@include('admin.task.js.taskpipeline')
@stop