@extends('admin.layouts.app')

@section('title', 'Team')

@section('content')
	<!-- 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.account.index') }}" class="">Account</a></li>
                <li><a href="#" class="breadcrumb_link" onclick="return false">{{ !empty($accounts->account_name) ? $accounts->account_name : ''}}</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">
								<div class="caption">
									<h2>Account View 
										<span class="subtitle"> view and manage an account in detail, you will get a 360 degree view on the account with rating, communication, team, tasks and overall opportunities linked..</span>
									</h2>
								</div>
							</div>

							<div class="portlet full_wrap">
								<div class="row form-group full_wrap_row">

									<!--LEFT SECTION ALL-->
									<div class="col-md-12 pl_pr_0">
										<div class="col-md-9">

											<!--OVERVIEW SECTION -->
											<div class="overview_section">
												<div class="row">
													<div class="col-md-12 pl_pr_0">
														<div class="portlet-body updating">

															<!--LEFT SECTION DP-->
															<div class="col-md-2 left_profile">

																<!--IMAGE-->
																<div class="img_wrap">
                                                                    @if(!empty($accounts->thumbnail) && file_exists('uploads/accounts/thumbnail/'.$accounts->thumbnail))
                                                                    <img src="{{ asset('uploads/accounts/thumbnail/'.$accounts->thumbnail) }}" class="dp">
                                                                @else
                                                                    <div class="dp">	
																		<img src="{{ asset('images/avatar2.png') }}" class="dp">
                                                                    </div>
                                                                    @endif
																</div>
																<!--IMAGE-->

																<!--CONTACT TYPE-->
																<div class="contact_type">
                                                                @php($class_rating = 'yellow_btn')
                                                                @if ($accounts->account_rating == 1) 
                                                                    @php($class_rating = 'd_green_btn')
                                                                
                                                                @elseif ($accounts->account_rating == 2)
                                                                    @php($class_rating = 'green_btn')
                                                                
                                                                @elseif ($accounts->account_rating == 3) 
                                                                    @php($class_rating = 'yellow_btn')
                                                                
                                                                @elseif ($accounts->account_rating == 4) 
                                                                    @php($class_rating = 'red_btn')
																@endif
																@if(!empty($accounts->account_rating))
																@foreach ($customer_rating as $key => $status )
																@if($accounts->account_rating == $key)
																<span class="{{$class_rating}}">{{ $status }}</span>
																@endif
															
																@endforeach
																@else
																<span class="{{$class_rating}}">UNDEFINED</span>
																@endif
                                                                </div>
                                                                <!--CONTACT TYPE-->
                                                                <div class="op_deals deals">
                                                                    <span class="op_amount deals_amount">{{ number_format($total_budget,$business->amt_decimal) }} </span>
                                                                    <span class="ongoing small">{{ count($ongoing_opportunities) }}
                                                                        Project ongoing</span>
                                                                </div>
                                                                <div class="op_deals deals">
                                                                    <span class="op_amount deals_amount"></span>
                                                                    <span class="won small">{{ count($won_opportunities) }}
                                                                        Project won</span>
                                                                </div>
                                                                <div class="cl_deals deals last">
                                                                    <span class="cl_amount deals_amount"></span>
                                                                    <span class="lost small">{{ count($lost_opportunities) }}
                                                                        Project lost</span>
                                                                </div>
                                                                <div class="social_media_link">
                                                                    @if(!empty($accounts->google))
                                                                        <a href="{{ $accounts->google }}" class="gp social_icon" target="_blank">
                                                                            <i class="fa fa-google-plus"></i>
                                                                        </a>
                                                                    @endif
                                                                    @if(!empty($accounts->twitter))
                                                                        <a href="{{ $accounts->twitter }}" class="tw social_icon" target="_blank">
                                                                        <i class="fa fa-twitter"></i>
                                                                        </a>
                                                                    @endif
                                                                    @if(!empty($accounts->linked_in))
                                                                        <a href="{{$accounts->linked_in}}" class="in social_icon" target="_blank">
                                                                        <i class="fa fa-linkedin"></i>
                                                                    </a>
                                                                    @endif
                                                                    @if(!empty($accounts->facebook))
                                                                        <a href="{{ $accounts->facebook }}" class="fb social_icon" target="_blank">
                                                                            <i class="fa fa-facebook-f"></i>
                                                                        </a>
                                                                    @endif
                                                                </div>

																

															</div>
															<!--LEFT SECTION DP-->

															<div class="col-md-10 middle_overview pl_pr_0">
																<!--TOP INTRO SECTION-->
                                                                <div class="top_intro">
                                                                    <div class="row">
                                                                        <div class="col-md-8 contact_info">
        
                                                                            <h2 class="business_name">
                                                                                <span class="contact_name object_name">
                                                                                    {{ $accounts->account_name}}
                                                                                </span>
																			</h2>
																			
																		     @if(!empty($contacts[0]))
                                                                            <span class="color_theme">{{$contacts[0]->contact_title .' '.$contacts[0]->contact_first_name .' '.$contacts[0]->contact_last_name}},
																			<label class="designation">{{$contacts[0]->contact_job_title}}</label> </span>
																			@endif
                                                                            <span class="contact_address">{{(empty($cities->name) || is_null($cities->name))?"-":$cities->name}},{{(empty($countries->code) || is_null($countries->code))?"-":$countries->code}} </span>
																		   
        
                                                                        </div>
        
                                                                        <div class="col-md-4 contact_action_grey">
        
                                                                            <div class="actions_dropdown_grey hide_important" style="height: 32px; display: block;">
                                                                                <span>Account Options</span>
        
                                                                                <ul class="actions_list_grey">
        
                                                                                    
        
                                                                                    <li class="follow" data-staff_uuid="8cab4e20-5d97-11e8-bbb0-3709e21a52c8" data-uuid="93153b80-0454-11ea-840a-81a338aaa98c">
                                                                                        Follow
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
        
                                                                        </div>
                                                                    </div>
        
                                                                </div>
																<!--TOP INTRO SECTION-->

																<!--MIDDLE DETAIL INFO SECTION-->
																<div class="content_detail_info">


                                                                    <div class="row">
                                                                        <div class="col-md-12">
                                                                            <div class="col-md-2">Account owner</div>
                                                                            <div class="col-md-4">
																	
                                                                                <span class="account_owner">{{ !empty($current_owner) ? $current_owner->title .' '.$current_owner->firstname.' '.$current_owner->lastname : trans('general.undefined') }}</span>
                                                                            </div>
                                                                            <div class="col-md-2">Account Since</div>
                                                                            <div class="col-md-4">
                                                                                <span class="customer_since">{{(empty($accounts->customer_since) || is_null($accounts->customer_since))? trans('general.undefined') :date("d M,Y", strtotime($accounts->customer_since))}}</span>
                                                                            </div>
                                                                        </div>
                                                                    </div>
        
        
                                                                    <div class="row">
                                                                        <div class="col-md-12">
                                                                            <div class="col-md-2">Contact owner</div>
                                                                            <div class="col-md-4">
                                                                                <span class="contact_owner">{{ !empty($contact_owner) ? $contact_owner->title .' '.$contact_owner->firstname.' '.$contact_owner->lastname : trans('general.undefined') }}</span>
                                                                            </div>
                                                                            <div class="col-md-2">Email</div>
                                                                            <div class="col-md-4 email_clr">
                                                                                <span class="email">{{(empty($accounts->email) || is_null($accounts->email))? trans('general.undefined') :$accounts->email}}</span>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="row">
                                                                        <div class="col-md-12">
                                                                            <div class="col-md-2">Country</div>
                                                                            <div class="col-md-4">
                                                                                <span class="country">{{(empty($countries->name) || is_null($countries->name))? trans('general.undefined') :$countries->name}}</span>
                                                                            </div>
                                                                            <div class="col-md-2">Telephone</div>
                                                                            <div class="col-md-4">
                                                                                <span class="business_phone">{{(empty($accounts->phone) || is_null($accounts->phone))? trans('general.undefined') :$accounts->phone}}</span>
                                                                            </div>
                                                                        </div>
                                                                    </div>
        
                                                                    <div class="row">
                                                                        <div class="col-md-12">
                                                                            <div class="col-md-2">State</div>
                                                                            <div class="col-md-4">
                                                                                <span class="account_state">{{(empty($states->name) || is_null($states->name))? trans('general.undefined') :$states->name}}</span>
                                                                            </div>
                                                                            <div class="col-md-2">Mobile</div>
                                                                            <div class="col-md-4">
                                                                                <span class="mobile">{{(empty($accounts->mobile) || is_null($accounts->mobile))? trans('general.undefined') :$accounts->mobile}}</span>
                                                                            </div>
        
                                                                        </div>
                                                                    </div>
                                                                    <div class="row">
                                                                        <div class="col-md-12">
                                                                            <div class="col-md-2">City</div>
                                                                            <div class="col-md-4">
                                                                                <span class="account_city">{{(empty($cities->name) || is_null($cities->name))? trans('general.undefined') :$cities->name}}</span>
                                                                            </div>
        
                                                                            <div class="col-md-2">Zipcode</div>
                                                                            <div class="col-md-4">
                                                                                <span class="account_zip_code">{{(empty($accounts->zipcode) || is_null($accounts->zipcode))? trans('general.undefined') :$accounts->zipcode}}</span>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="row">
                                                                        <div class="col-md-12">
                                                                            <div class="col-md-2">Address</div>
                                                                            <div class="col-md-4">
																			<span class="account_address">{{(empty($accounts->address) || is_null($accounts->address))? trans('general.undefined') :$accounts->address}}</span>
                                                                            </div>
        
                                                                        </div>
                                                                    </div>
                                                                    <div class="row">
                                                                        <div class="col-md-12">
                                                                            <a href="" data-href="{{ route('admin.account.edit', encrypt($accounts->id))}}" data-toggle="modal" data-target="#add_update_account">
                                                                            <span class="edit_link pull-right update_load_form"
                                                                            data-uuid="{{ $accounts->id }}">View &amp; Edit all fields</span>
                                                                        </a>
                                                                        </div>
                                                                    </div>
                                                                </div>
																<!--MIDDLE DETAIL INFO SECTION-->
															</div>
														</div>
													</div>
												</div>
											</div>
											<!--END OVERVIEW SECTION -->

											<!--START TAB SECTION -->
											<div class="row">
												<!--LOG TABS-->
												<div class="right_tabs">
													<div class="tabs_plus_wrap">
														<div class="tabs_plus_view action_convo tabs pull-right">
															<span class="tabs_option dots_menu_grey"><i class="fa fa-plus-circle"></i></span>
															<ul class="dropdown_row tabs_drop_view">
																<li>
																	<a href="javascript:void(0);" id="email" onClick="uploadModal('new_mail')" data-toggle="modal" data-target="#new_mail" class="dropdown_row_option compose_email" data-uuid="{{$accounts->account_uuid}}" data-related_to="Account">New message</a>
																	<!-- <span class="dropdown_row_option compose_email" data-uuid="" data-related_to="" data-name="" data-from_related_view="1" type="staff.view">New message</span> -->
																</li>
																<li>
																	<a href="javascript:void(0);" onClick="uploadModal('new_upload_file')" data-toggle="modal" data-target="#new_upload_file" class="dropdown_row_option file_upload" data-uuid="{{$accounts->account_uuid}}" data-related_to="Account"
																		data-name="{{$accounts->account_name}}">Upload File</a>
																</li>
																<li>
																	<a href="javascript:void(0);" onClick="uploadModal('new_note_file')" data-toggle="modal" data-target="#new_note_file" class="dropdown_row_option new_note" data-uuid="{{$accounts->account_uuid}}" data-related_to="Account"
																		data-name="{{$accounts->account_name}}">New Note</a>
																</li>
															</ul>
														</div>
													</div>
													<div class="tabbable-line">
														<ul class="nav nav-tabs">
															<li class="messages active">
																<a href="#tab_messages" data-toggle="tab" aria-expanded="false">Messages</a>
															</li>

															<li class="opportunities">
																<a href="#tab_opportunities" data-toggle="tab" aria-expanded="false">Opportunities</a>
															</li>
															
															<li class="files">
																<a href="#tab_files" data-toggle="tab" aria-expanded="false">FILES </a>
															</li>
															<li class="notes">
																<a href="#tab_notes" data-toggle="tab" aria-expanded="true">NOTES</a>
															</li>
															<li class="">
																<a href="#activities_section" data-toggle="tab" aria-expanded="true"> Log </a>
															</li>
														</ul>
														<div class="tab-content">
															<!--APPOINTMENTS TAB-->
														    <div class="tab-pane messages_tab active" id="tab_messages">
																@include('admin.bottom.messages')
															</div>
															<!--MESSAGES TAB-->
															<!--OPPORTUNITIES TAB-->
															<div class="tab-pane tab_opportunities" id="tab_opportunities">
																@include('admin.bottom.opportunity')
															</div>
															<!--OPPORTUNITIES TAB-->
														
															<!--FILES TAB-->
															<div class="tab-pane" id="tab_files">
																@include('admin.bottom.files')
															</div>
															<!--FILES TAB-->
															<!--NOTES TAB-->
															<div class="tab-pane note_tab" id="tab_notes">
																@include('admin.bottom.notes')
															</div>
															<!--NOTES TAB-->
															<!--LOG TABS-->
															<div class="tab-pane tab_logs" id="activities_section">
																@include('admin.bottom.logs')
																<!--ACTIVITIES SECTION -->
															</div>
															<!--LOG TABS-->
														</div>
													</div>
												</div>
											</div>
											<!--LEFT SECTION ALL-->

											<!--RIGHT TAB SECTION ALL-->
											<div class="col-md-3 pl_pr_0"></div>
										</div>
										<!--RIGHT TAB SECTION ALL-->
										<div class="col-md-3 pl_pr_0">
											<div class="right_tabs">
												<div class="col-md-12">
													<div class="row">
														<div class="col-md-12 heading_title">
															<span>Related contacts</span>
														</div>
													</div>
												</div>
												<div class="col-md-12 related_contact_wrap pl_pr_0">
													@foreach ($contacts as $contact)
													<div class="each_contact">
														<div class="col-md-12 pl_pr_0">
																
															<div class="col-md-1 pl_pr_0">
																<!--IMAGE-->
																								<div class="related_contact_wrap width_100_percent">
																		<img src="{{ asset('images/avatar2.png') }}" class="related_contact_dp width_100_percent">
																	</div>
																							<!--IMAGE-->
															</div>
															<div class="col-md-11">
															<a href="{{url('admin/contact/'.encrypt($contact->id))}}">
																
																<span class="display_name green width_100_percent">{{$contact->contact_title .' '.$contact->contact_first_name .' '.$contact->contact_last_name}}</span>
																</a>
															<span class="grey small width_100_percent">{{$contact->contact_job_title}}</span>
																<span class="contact_company">{{ $accounts->account_name}}</span>
															</div>
															
														</div>
													</div>
													@endforeach
												</div>
											</div>
										</div>
									</div>
									<!--MIDDLE SECTION -->
								</div>
							</div>
						</div>
						<!-- End: life time stats -->
					</div>
				</div>
			</div>
            <!-- END PAGE CONTENT -->
            <div class="modal scrollable fade bs-modal right modal-fullscreen"
            id="add_update_account" role="dialog"
            aria-hidden="true">
            <div class="sweet-overlay" tabindex="-1"></div>
           <div class="modal-dialog modal-lg">
               <div class="modal-content">
               </div>
           </div>
           </div>
           @include('admin.common-modals.sweet-alert');

           @include('admin.common-modals.upload-image');
			@include('admin.common-modals.note');
			@include('admin.common-modals.upload-file');
            @include('admin.common-modals.newmessage');
            @include('admin.common-modals.mail-view');
            @include('admin.bottom.file_viewer');
@stop
@section('styles')
<link rel="stylesheet" href="{{ asset('intlTel/css/intlTelInput.css') }}">
<link rel="stylesheet" href="{{ asset('intlTel/css/demo.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('plugins/global/summernote/summernote.css') }}" />
<style>
    .errorDiv {
        color: red;
        margin-top: 4px;
    }

    div.pac-container {
        z-index: 99999999999 !important;
    }

    .theme_btn_round.filter_all {
        height: 30px;
    }

    a.theme_btn_round:focus,
    a.theme_btn_round:active,
    .theme_btn_round:hover {
        color: #fff !important;
        background: #74d1da;
        border-color: #74d1da;
    }

    #new_mail .note-editor.note-frame .note-statusbar {
        border: none !important;
    }

    #new_mail .note-editor.note-frame .note-editing-area .note-editable {
        min-height: 300px;
    }

    #new_mail .fs-upload.fs-light .fs-upload-target {
        padding: 12px 25px !important;
        border: 1px dashed #eee;
        font-size: 12px;
    }

    #new_mail .fs-upload-element {
        position: fixed;
        bottom: 8px;
        z-index: 5;
    }

    #new_mail .filelist {
        padding: 10px 0 0 !important;
    }

    #new_mail .filelist li {
        padding: 5px 5px 0px;
        background: #eee;
        border-radius: 3px;
    }

    #new_mail .progress,
    .extension_img {
        display: none !important;
    }

    #new_mail li .image_upload_wrap {
        width: 100%;
    }

    #new_mail button.send_email {
        max-width: 70px;
    }
	.overview_section .left_profile {height: 401px;}
	.overview_section .content_detail_info {padding: 26px 16px 0;}

</style>
@stop

@section('admin_js')

@include('admin.account.js.view')
@include('admin.common-js.common')
@stop