@extends('admin.layouts.app')

@section('title', 'Contact')

@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.contact.index') }}" class="">Contact</a></li>
				<li><a href="#" class="breadcrumb_link" onclick="return false"> {{ $contact->contact_title.' '.$contact->contact_first_name.' '.$contact->contact_middle_name.' '.$contact->contact_last_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>Contact View 
										<span class="subtitle">View and manage contact in detail, you will get a clear idea on the address, past deals, communication and any sales quote recorded.</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($contact->thumbnail) && file_exists('uploads/contact/thumbnail/'.$contact->thumbnail))
                                                                    <img src="{{ asset('uploads/contact/thumbnail/'.$contact->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 ($contact->contact_status == 1) 
                                                                        @php($class_rating = 'orange_btn')
                                                                    
                                                                    @elseif ($contact->contact_status == 2)
                                                                        @php($class_rating = 'yellow_btn')
                                                                    
                                                                    @elseif ($contact->contact_status == 3) 
                                                                        @php($class_rating = 'blue_btn')
                                                                    @endif
                                                                    @if(!empty($contact->contact_status))
                                                                    @foreach ($customer_rating as $key => $status )
                                                                    @if($contact->contact_status == $key)
                                                                    <span class="{{$class_rating}}">{{ $status }}</span>
                                                                    @endif
                                                                
                                                                    @endforeach
                                                                    @else
                                                                    <span class="{{$class_rating}}"> Warm Contact</span>
                                                                    @endif
                                                                    </div>
                                                                <!--CONTACT TYPE-->
                                                                <div class="op_deals deals">
                                                                    <span class="op_amount deals_amount">{{count($opportunity)}}</span>
                                                                    <span class="deal_open_close">Opportunities</span>
                                                                </div>
        
                                                                <div class="op_deals deals">
                                                                <span class="op_amount deals_amount">{{count($won_opportunities)}}</span>
                                                                    <span class="deal_open_close">Won</span>
                                                                </div>
                                                                
                                                                <div class="cl_deals deals last">
                                                                <span class="cl_amount deals_amount">{{count($ongoing_opportunities)}}</span>
                                                                    <span class="deal_open_close">In Process </span>
                                                                </div>

                                                                <div class="social_media_link">
                                                                    @if(!empty($contact->google))
                                                                        <a href="{{ $contact->google }}" class="gp social_icon" target="_blank">
                                                                            <i class="fa fa-google-plus"></i>
                                                                        </a>
                                                                    @endif
                                                                    @if(!empty($contact->twitter))
                                                                        <a href="{{ $contact->twitter }}" class="tw social_icon" target="_blank">
                                                                        <i class="fa fa-twitter"></i>
                                                                        </a>
                                                                    @endif
                                                                    @if(!empty($contact->linked_in))
                                                                        <a href="{{$contact->linked_in}}" class="in social_icon" target="_blank">
                                                                        <i class="fa fa-linkedin"></i>
                                                                    </a>
                                                                    @endif
                                                                    @if(!empty($contact->facebook))
                                                                        <a href="{{ $contact->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">
                                                                            {{ $contact->contact_title.' '.$contact->contact_first_name.' '.$contact->contact_middle_name.' '.$contact->contact_last_name }}
                                                                        </span>
                                                                    </h2>
                                                                <span class="jobtitle">{{!empty($contact->contact_job_title)? $contact->contact_job_title:'Undefined'}}</span>,
                                                                <span class="companyname">{{!empty($contact->contact_company)?$contact->contact_company:'Undefined'}}</span>
                                                                    {{--<span class="contact_address">City </span>--}}
                                                                </div>

                                                                <div class="col-md-4 contact_action_grey">

                                                                    <div class="actions_dropdown_grey hide">
                                                                        <span>Contact Options</span>

                                                                        <ul class="actions_list_grey">
                                                                            <li class="new_mail">
                                                                                New Mail
                                                                            </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">Email</div>
                                                                    <div class="col-md-4 email_clr">
                                                                    <span class="email">{{!empty($contact->email) ? $contact->email : 'Undefined'}}</span>
                                                                    </div>
                                                                    <div class="col-md-2">Department</div>
                                                                    <div class="col-md-4">
                                                                        <span class="department_name">{{!empty($contact->contact_department) ? $contact->contact_department : 'Undefined'}}</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-md-12">
                                                                    <div class="col-md-2">Telephone</div>
                                                                    <div class="col-md-4">
                                                                        <span class="phone">{{!empty($contact->phone) ? $contact->phone : 'Undefined'}}</span>
                                                                    </div>
                                                                    <div class="col-md-2">Mobile</div>
                                                                    <div class="col-md-4">
                                                                        <span class="mobile">{{!empty($contact->mobile) ? $contact->mobile : 'Undefined'}}</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="contact_city">{{(empty($cities->name) || is_null($cities->name))?"Undefined":$cities->name}}</span>
                                                                    </div>
                                                                    <div class="col-md-2">Do not disturb</div>
                                                                    <div class="col-md-4">
                                                                        <span class="do_not_disturb">
                                                                            @if(!empty($donot_disturb) && !empty($contact->donot_disturb))
                                                                            @foreach ( $donot_disturb as $key => $value)
                                                                              @if($contact->donot_disturb == $key) 
                                                                              {{ $value }}
                                                                              @endif 
                                                                            @endforeach
                                                                            @else
                                                                            Undefined
                                                                            @endif
                                                                        </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="contact_state">{{(empty($states->name) || is_null($states->name))?"Undefined":$states->name}}</span>
                                                                    </div>
                                                                    <div class="col-md-2">Address</div>
                                                                    <div class="col-md-4">
                                                                        <span class="contact_address">{{!empty($contact->address) ? $contact->address : 'Undefined'}}</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-md-12">
                                                                    <div class="col-md-2">Zipcode</div>
                                                                    <div class="col-md-4">
                                                                        <span class="contact_zip_code">{{!empty($contact->zipcode) ? $contact->zipcode : 'Undefined'}}</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-md-12">
                                                                    <a href="" data-href="{{ route('admin.contact.edit', encrypt($contact->id))}}" data-toggle="modal" data-target="#add_update_contact">
                                                                    <span class="edit_link pull-right update_load_form"
                                                                    data-uuid="{{ $contact->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);" onClick="uploadModal('new_mail')" id="email" data-toggle="modal" data-target="#new_mail" class="dropdown_row_option compose_email" data-uuid="{{$contact->contact_uuid}}" data-related_to="Contact">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="{{$contact->contact_uuid}}" data-related_to="Contact">Upload File</a>
																</li>
																<li>
                                                                <a href="#tab_notes" onClick="uploadModal('new_note_file')" data-toggle="modal" data-target="#new_note_file" class="dropdown_row_option new_note" data-uuid="{{$contact->contact_uuid}}" data-related_to="Contact"
                                                                data-name="{{$contact->contact_title.' '.$contact->contact_first_name.' '.$contact->contact_middle_name.' '.$contact->contact_last_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="#">
																
																<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"></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_contact" 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.mail-view');

            @include('admin.bottom.file_viewer');
            @include('admin.common-modals.newmessage');
@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, .overview_section .middle_overview {height: 401px;}
	.overview_section .content_detail_info {padding: 26px 16px 0;}

</style>
@stop

@section('admin_js')
@include('admin.contact.js.view')
@include('admin.common-js.common')
@stop