@extends('layouts.app',['menu_type'=>'crm'])
@php
	Fun::lang();
@endphp
@section('style')

    <!--End-->
@endsection
@section('main')
    <style>
        .create-list td {
            vertical-align: middle !important;
        }

        .sub_package {
            display: none;
        }

        .select2-dropdown.select2-dropdown--below {
            z-index: 999999999999 !important;
        }
		.select2-dropdown{
			z-index: 999999999999999999999999 !important;
		}
		.btn{
			margin-top: 5px;
			margin-bottom: 5px;
		}
		.box {
			width: 200px;
			height: 300px;
			position: relative;
			border: 1px solid #bbb;
			background: #eee;
			float: left;
			margin: 20px;
		}
		.ribbon {
			position: absolute;
			right: -5px;
			top: -5px;
			z-index: 1;
			overflow: hidden;
			width: 93px;
			height: 93px;
			text-align: right;
		}
		.ribbon span {
			font-size: 0.8rem;
			color: #fff;
			text-transform: uppercase;
			text-align: center;
			font-weight: bold;
			line-height: 32px;
			transform: rotate(45deg);
			width: 125px;
			display: block;
			background: #79a70a;
			background: linear-gradient(#9bc90d 0%, #79a70a 100%);
			box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
			position: absolute;
			top: 17px; // change this, if no border
			right: -29px; // change this, if no border
		}

		.ribbon span::before {
			content: '';
			position: absolute;
			left: 0px; top: 100%;
			z-index: -1;
			border-left: 3px solid #79A70A;
			border-right: 3px solid transparent;
			border-bottom: 3px solid transparent;
			border-top: 3px solid #79A70A;
		}
		.ribbon span::after {
			content: '';
			position: absolute;
			right: 0%; top: 100%;
			z-index: -1;
			border-right: 3px solid #79A70A;
			border-left: 3px solid transparent;
			border-bottom: 3px solid transparent;
			border-top: 3px solid #79A70A;
		}

		.red span {
			background: linear-gradient(#f70505 0%, #8f0808 100%);
		}
		.red span::before {
			border-left-color: #8f0808;
			border-top-color: #8f0808;
		}
		.red span::after {
			border-right-color: #8f0808;
			border-top-color: #8f0808;
		}

		.blue span {
			background: linear-gradient(#2989d8 0%, #1e5799 100%);
		}
		.blue span::before {
			border-left-color: #1e5799;
			border-top-color: #1e5799;
		}
		.blue span::after {
			border-right-color: #1e5799;
			border-top-color: #1e5799;
		}

		.foo {
			clear: both;
		}

		.bar {
			content: "";
			left: 0px;
			top: 100%;
			z-index: -1;
			border-left: 3px solid #79a70a;
			border-right: 3px solid transparent;
			border-bottom: 3px solid transparent;
			border-top: 3px solid #79a70a;
		}

		.baz {
			font-size: 1rem;
			color: #fff;
			text-transform: uppercase;
			text-align: center;
			font-weight: bold;
			line-height: 2em;
			transform: rotate(45deg);
			width: 100px;
			display: block;
			background: #79a70a;
			background: linear-gradient(#9bc90d 0%, #79a70a 100%);
			box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
			position: absolute;
			top: 100px;
			left: 1000px;
		}

		/* Ribbon's reference : https://codepen.io/magnusriga/pen/aKopeG */
    </style>
    <!-- Content Wrapper. Contains page content -->
		<div class="col-sm-12 mb-3" style="text-align: right;">
			@if(@$data->status==2)
				<a class="btn  btn-info" href="{{ route('leads.lost_of_leads') }}"><i class="fas fa-arrow-circle-left"></i> {{ __('auth.Discard') }}</a>
			@else
				@if(!empty(@$data)&&@$data->close_status==2)
					@if(canOrSeller('Convert Lead To Opportunity'))
						<button type="button" class="btn  btn-info" onclick = 'restore(this)' data-href="{{ route("leads.restore_lead_from_lost",@$data->id)."?view_status=form_show" }}">{{ __('auth.restore') }}</button>
					@endif
				@elseif(!empty(@$data))

					@if(canOrSeller('Edit Lead'))
						<button class="btn  btn-info" onclick="leads_to_opportunity(this)" data-href="{{ route("leads.covert_leads_to_opportunity",@$data->id) }}">{{ __('auth.convert_to_opportunity') }}</button>
					@endif

					@if(canOrSeller('Lost Lead'))
						<button class="btn  btn-info" onclick="make_lead_to_lost(this)" data-href="{{ route("leads.mark_leads_as_lost",@$data->id)."?view_status=form_show" }}">{{ __('auth.lost') }}</button>
					@endif

					@if(canOrSeller('Lead Activity'))
						<button data-href = "{{ route('leads.schedule_activity',$data->id) }}" onclick="schedule_activity(this)"  class="btn  btn-info" title = "{{ __('auth.schedule_activity') }}"><i class="fas fa-clock"></i> {{ __("auth.schedule_activity") }}</button>
					@endif

				@else
				@endif

				@if(canOrSeller('Edit Lead'))
					<a href = "{{ route('leads.edit',$data->id)."?discard=".route('leads.show',$data->id) }}" class="btn  btn-primary" title = "{{ __('auth.edit') }}"><i class="fa fa-edit"></i> {{ __("auth.edit") }}</a>
				@endif

				@if($data->close_status==2)
					<a class="btn  btn-info" href="{{ route('leads.lost_of_leads') }}"><i class="fas fa-arrow-circle-left"></i> {{ __('auth.Discard') }}</a>
				@else
					<a class="btn  btn-info" href="{{ route('leads.index') }}"><i
					class="fas fa-arrow-circle-left"></i> {{ __('auth.Discard') }}</a>
				@endif

			@endif

		</div>

    <div class="content-wrapper">
        <!-- Main content -->
        <section class="content">
            <div class="row">
				<div class="col-12">
					<div class="card" >
						<div class="card-body">
							@if(@$data->close_status==2)
								<div class="ribbon red"><span>LOST</span></div>
							@endif
							<div class="row">
								<div class="col-md-6">
									<div class="form-group">
										<strong d-value="{{ $data->name }}">{{ __('auth.product_pricing') }} : </strong>
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<strong d-value="{{ $data->probability }}">{{ __('auth.probability') }} : % </strong>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6">
									<div class="form-group">
										<strong d-value="{{ !empty(@$data->saleperson_id)?getSalemember($data->saleperson_id):"" }}">{{ __('auth.sale_person') }} : </strong>
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<strong d-value='{{ !empty(@$data->date_expected_closing)?date("d-m-Y",strtotime(@$data->date_expected_closing)):"" }}'>{{ __('auth.expected_closing') }} : </strong>
									</div>
								</div>
							</div>

							<div class="row">
								<div class="col-md-6">
									<div class="form-group">
										@php
											$priority = "";
											if(intval($data->priority)==0) $priority = '';
											else if($data->priority==1) $priority = "<span class='badge' style='background-color:#83c38b;'>Low</span>";
											else if($data->priority==2) $priority = "<span class='badge' style='background-color:#e9db8e;'>Meduim</span>";
											else if($data->priority==3) $priority = "<span class='badge' style='background-color:#e17e53;'>Hight</span>";
											else if($data->priority==4) $priority = "<span class='badge' style='background-color:f06c33;'>Very Hight</span>";
											else{
												$priority = "";
											}
										@endphp

										@if(!empty(@$priority))
										<strong >{{ __('auth.priority') }} : </strong> {!! $priority !!}
										@else
											<span class="empty-value">{{ __('auth.priority') }} : </span>
										@endif

									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										@php
											$pipeline_tags = App\Models\Crm\PipelineTagsModel::where("pipeline_id",$data->id)->get();
											$tags_name = '';
											if(!empty($pipeline_tags)&&count($pipeline_tags)>0){
												foreach($pipeline_tags as $tag){
													$tag_data = App\Models\Crm\TagsModel::find($tag->tags_id);
													$tags_name .="<span class='badge' style='background-color:".$tag_data->color.";'>".$tag_data->name."</span> ";
												}
											}
										@endphp
										@if(!empty(@$tags_name))
										<strong >{{ __('auth.tags') }} : </strong> {!! $tags_name !!}
										@else
										<span class="empty-value">{{ __('auth.tags') }} : </span>
										@endif
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6">
									<div class="form-group">
										<strong d-value='{{ !empty(@$data->contact_by_id)?getMarketing(@$data->contact_by_id):"" }}'>{{__("auth.contact_by")}} : </strong>
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<strong d-value='{{ !empty(@$data->source_id)?getMarketing(@$data->source_id):"" }}'>{{__("auth.source")}} : </strong>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6">
									<div class="form-group">
										<strong d-value='{{ $data->know_product_by }}'>{{ __('auth.known_product_by') }} : </strong>
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<strong d-value='{{ !empty(@$data->date)?date("d-m-Y",strtotime(@$data->date)):"" }}'>{{ __('auth.Date') }} : </strong>
									</div>
								</div>
							</div>
							@if($data->close_status==2)
							<div class="row mb-3">
								<div class="col-md-12">
									<div class="form-group">
										<strong d-value='{{ $data->lost_reason }}'>{{ __('auth.lost_reason') }} : </strong>
									</div>
								</div>
							</div>
							@endif
							<div class="row">
								<div class="col-md-12 card card-primary card-outline card-outline-tabs">
									<div class="card-header p-0 border-bottom-0">
										<ul class="nav nav-tabs" id="custom-tabs-three-tab" role="tablist">
											{{-- Internal Note --}}
											<li class="nav-item">
												<a class="nav-link active" id="custom-tabs-three-home-tab" data-bs-toggle="pill" href="#custom-tabs-three-home" role="tab" aria-controls="custom-tabs-three-home" aria-selected="true">{{ __("auth.internal_notes") }}</a>
											</li>
											{{-- Customer Info --}}
											<li class="nav-item">
												<a class="nav-link" id="custom-tabs-three-profile-tab" data-bs-toggle="pill" href="#custom-tabs-three-profile" role="tab" aria-controls="custom-tabs-three-profile" aria-selected="false">{{ __("auth.customer_info") }}</a>
											</li>
											{{-- contact of customer --}}
											<li class="nav-item">
												<a class="nav-link" id="custom-tabs-four-messages-tab" data-bs-toggle="pill" href="#custom-tabs-four-messages" role="tab" aria-controls="custom-tabs-four-messages" aria-selected="false">{{ __("auth.customer_contact_info") }}</a>
											</li>
										</ul>
									</div>
									<div class="card-body">
										<div class="tab-content" id="custom-tabs-three-tabContent">
											{{-- Internal Note --}}
											<div class="tab-pane fade show active" id="custom-tabs-three-home" role="tabpanel" aria-labelledby="custom-tabs-three-home-tab">
												{{ @$data->internal_notes }}
											</div>
											{{-- Customer Info --}}
											<div class="tab-pane fade" id="custom-tabs-three-profile" role="tabpanel" aria-labelledby="custom-tabs-three-profile-tab">
												<div class="container-fluid" style="padding-left:30px;padding-right:30px;">
													<div class="row">
														<div class="col-md-6">
															<div class="form-group">
																<strong d-value='{{ @$data->getCustomer->name }}'>{{ __('auth.name') }} (kh) : </strong>
															</div>
														</div>
														<div class="col-md-6">
															<div class="form-group">
																<strong d-value='{{ @$data->getCustomer->name_en }}'>{{ __('auth.name') }} (en) : </strong>
															</div>
														</div>
													</div>
													<div class="row">
														<div class="col-md-6">
															<div class="form-group">
																<strong d-value='{{ getCustomerType(@$data->getCustomer->type) }}'>{{ __('auth.type') }} : </strong>
															</div>
														</div>
														<div class="col-md-6">
															<div class="form-group">
																<strong d-value='{{ @$data->getCustomer->contact }}'>{{ __('auth.phone') }} : </strong>
															</div>
														</div>
													</div>

													<div class="row">
														<div class="col-md-6">
															<div class="form-group">
																<strong d-value='{{ @$data->getCustomer->email }}'>{{ __('auth.email') }} : </strong>
															</div>
														</div>
														<div class="col-md-6">
															<div class="form-group">
																<strong d-value='{{ @$data->getCustomer->website }}'>{{ __('auth.website') }} : </strong>
															</div>
														</div>
													</div>
													<div class="row">
														<div class="col-md-6">
															<div class="form-group">
																<strong d-value='{{ @$data->getCustomer->house_number }}'>{{__("auth.house_no")}} : </strong>
															</div>
														</div>
														<div class="col-md-6">
															<div class="form-group">
																<strong d-value='{{ @$data->getCustomer->street_number }}'>{{__("auth.street_no")}} : </strong>
															</div>
														</div>
													</div>

													<div class="row">
														<div class="col-md-6">
															<div class="form-group">
																<strong d-value='{{ !empty(@$data->getCustomer->province)?get_provinces(@$data->getCustomer->province):"" }}'>{{__("auth.province")}} : </strong>
															</div>
														</div>
														<div class="col-md-6">
															<div class="form-group">
																<strong d-value='{{ !empty(@$data->getCustomer->district)?get_district(@$data->getCustomer->district):"" }}'>{{__("auth.district")}} : </strong>
															</div>
														</div>
													</div>

													<div class="row">
														<div class="col-md-6">
															<div class="form-group">
																<strong d-value='{{ !empty(@$data->getCustomer->commune)?get_commune(@$data->getCustomer->commune):"" }}'>{{__("auth.commune")}} : </strong>
															</div>
														</div>
														<div class="col-md-6">
															<div class="form-group">
																<strong d-value='{{ !empty(@$data->getCustomer->village)?get_village(@$data->getCustomer->village):"" }}'>{{__("auth.village")}} : </strong>
															</div>
														</div>
													</div>
												</div>
											</div>
											{{-- contact of customer --}}
											<div class="tab-pane fade" id="custom-tabs-four-messages" role="tabpanel" aria-labelledby="custom-tabs-four-messages-tab">
												{{-- main contact person --}}
												<h4>{{ __("auth.contact_person_info") }}</h4><br>
												<div class="container-fluid" style="padding-left:30px;padding-right:30px;">
													<div class="row">
														<div class="col-md-6">
															<div class="form-group">
																<strong d-value='{{ @$data->getCustomer->getContactPerson->name_kh }}'>{{ __('auth.contact_person_name') }} (kh) : </strong>
															</div>
														</div>
														<div class="col-md-6">
															<div class="form-group">
																<strong d-value='{{ @$data->getCustomer->getContactPerson->name_en }}'>{{ __('auth.contact_person_name') }} (en) : </strong>
															</div>
														</div>
													</div>

													<div class="row">
														<div class="col-md-6">
															<div class="form-group">
																<strong d-value='{{ @$data->getCustomer->getContactPerson->gender }}'>{{ __('auth.gender') }} : </strong>
															</div>
														</div>
														<div class="col-md-6">
															<div class="form-group">
																<strong d-value='{{ @$data->getCustomer->getContactPerson->job_position }}'>{{ __('auth.job_position') }} : </strong>
															</div>
														</div>
													</div>

													<div class="row">
														<div class="col-md-6">
															<div class="form-group">
																<strong d-value='{{ @$data->getCustomer->getContactPerson->phone_number }}'>{{ __('auth.phone') }} : </strong>
															</div>
														</div>
														<div class="col-md-6">
															<div class="form-group">
																<strong d-value='{{ @$data->getCustomer->getContactPerson->email }}'>{{ __('auth.email') }} : </strong>
															</div>
														</div>
													</div>
												</div>
												<div style="border-top: 1px black solid;margin-top:17px;">&nbsp;</div>
												{{-- Customer social account info --}}
												<h4>{{ __('auth.customer_social_account_info') }}</h4>
												<br>
												<!-- <div class="container-fluid"> -->
													<div class="col-md-12 table-responsive">
														<table class="table table-bordered table-hover nowrap text-center" width="100%" id="main_table">
															<thead>
																<tr>
																	<th width="3%">{{ __('auth.no') }}</th>
																	<th>{{ __('auth.name') }}</th>
																	<th>{{ __('auth.account_name') }}</th>
																	<th>{{ __('auth.link') }}</th>
																</tr>
															</thead>
															<tbody class="create-list">
																@php
																	$contact_account_datas = @$data->getCustomer->getContactAccounts;
																@endphp
																@if(!empty($contact_account_datas)&&count($contact_account_datas)>0)
																	@foreach ($contact_account_datas as $key_acc=>$contact_account)
																		<tr class="show">
																			<td>{{ $key_acc+1 }}</td>
																			<td>
																				<div class="col-md-12">
																					{{ @$contact_account->name }}
																				</div>
																			</td>
																			<td>
																				<div class="col-md-12">
																					{{ @$contact_account->account_name }}
																				</div>
																			</td>
																			<td>
																				<div class="col-md-12">
																					<a href="{{ @$contact_account->link }}">{{ @$contact_account->link }}</a>
																				</div>
																			</td>
																		</tr>
																	@endforeach
																@endif
															</tbody>
														</table>
													</div>
												</div>
											<!-- </div> -->
										</div>
									</div>
									<!-- /.card -->
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
        </section>
		<br><br><br>
        <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->

@endsection
@section('script')
	@include("crm.leads.schedule-activity-js")
	@include("crm.leads.covert-js")

@endsection