@extends('layouts.app',['menu_type'=>'crm'])
@php
	Fun::lang();
@endphp
@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;
		}
		.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 -->
	@if(!empty(@$data))
	{!! Form::model($data, ['method' => 'PATCH','route' => ['leads.update', $data->id],'class'=>'form-submit']) !!}
	@else
    {!! Form::open(['route' => 'leads.store', 'method' => 'POST','class'=>'form-submit']) !!}
	@endif
		<div class="col-sm-12 mb-3" style="text-align: right;">
			@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_edit" }}">{{ __('auth.restore') }}</button>
				@endif

			@elseif(!empty(@$data))
				@if(canOrSeller('Convert Lead To Opportunity'))
					<button class="btn btn-info" type="button" 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" type="button" onclick="make_lead_to_lost(this)" data-href="{{ route("leads.mark_leads_as_lost",@$data->id)."?view_status=form_edit" }}">{{ __('auth.lost') }}</button>
				@endif

				@if(canOrSeller('Lead Activity'))
					<button type="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(@$data->close_status==2)
			<a class="btn  btn-info" href="{{ !empty(@$discard_redirect)?@$discard_redirect:route('leads.lost_of_leads') }}"><i
				class="fas fa-arrow-circle-left"></i> {{ __('auth.Discard') }}</a>
            @else
			<a class="btn  btn-info" href="{{ !empty(@$discard_redirect)?@$discard_redirect:route('leads.index') }}"><i
				class="fas fa-arrow-circle-left"></i> {{ __('auth.Discard') }}</a>
			@endif

			@if(canOrSeller('Edit Lead'))
				<button type="submit" class="btn  btn-success"><i class="far fa-save"></i> {{ __('auth.Save') }}</button>
			@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 mb-3">
								<input type="hidden" name="customer_id" value="{{ @$data->customer_id }}">
								<div class="col-md-12">
									<div class="form-group">
										<strong class="required">{{ __('auth.Date') }}:</strong>
										{!! Form::text('date',!empty(@$data->date)?date("d-m-Y",strtotime(@$data->date)):null, ['placeholder' => __('auth.Date'), 'class' => 'form-control date_picker','required']) !!}
									</div>
								</div>
							</div>
							<div class="row mb-3">
								<div class="col-md-6">
									<div class="form-group">
										<strong>{{ __('auth.product_pricing') }}:</strong>
										{!! Form::text('name',null, ['placeholder' => 'e.g. Product Pricing', 'class' => 'form-control']) !!}
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<strong>{{ __('auth.probability') }}:</strong>
										<div class="input-group">
											<span class="input-group-text"><i class="fas fa-percent"></i></span>
											{!! Form::text('probability',null, ['placeholder' => __('auth.number'), 'class' => 'form-control number-only']) !!}
										</div>
									</div>
								</div>
							</div>
							<div class="row mb-3">
								<div class="col-md-6">
									<div class="form-group">
										<strong>{{ __('auth.sale_person') }}:</strong>
										{!! Form::select('saleperson_id',getSalemember(),!empty($data->saleperson_id)?@$data->saleperson_id:auth()->user()->id, ['placeholder' => __('auth.Please Select'), 'class' => 'form-control select2']) !!}
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<strong>{{ __('auth.expected_closing') }}:</strong>
										{!! Form::text('date_expected_closing',!empty(@$data->date_expected_closing)?date("d-m-Y",strtotime(@$data->date_expected_closing)):null, ['placeholder' => __('auth.Date'), 'class' => 'form-control date_picker']) !!}
									</div>
								</div>
							</div>

							<div class="row mb-3">
								<div class="col-md-6">
									<div class="form-group">
										<strong>{{ __('auth.priority') }}:</strong>
										{!! Form::select('priority',getPriority(),!empty(@$data->priority)?@$data->priority:1, ['placeholder' => __('auth.Please Select'), 'class' => 'form-select select2']) !!}
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<strong>{{ __('auth.tags') }}:</strong>
										<div class="input-group">

											{!! Form::select('tag_id[]',getTags(),!empty(@$data->getPipelineTabes)?@$data->getPipelineTabes->pluck("tags_id")->toArray():null, ['class' => 'form-control select2 class_input_create','multiple']) !!}
											<span title="{{ __('auth.create') }}" class="input-group-text" onclick="edit_tage(this)" data-href = "{{ route('tags.create')."?input_class=class_input_create" }}"><i class="fas fa-plus"></i></span>
										</div>
										<!-- /.input group -->
									</div>
								</div>
							</div>
							<div class="row mb-3">
								<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="tab" 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="tab" href="#custom-tabs-four-messages" role="tab" aria-controls="custom-tabs-four-messages" aria-selected="false">{{ __("auth.customer_contact_info") }}</a>
											</li>
											{{-- marketing --}}
											<li class="nav-item">
												<a class="nav-link" id="custom-tabs-three-messages-tab" data-bs-toggle="tab" href="#custom-tabs-three-messages" role="tab" aria-controls="custom-tabs-three-messages" aria-selected="false">{{ __("auth.extra_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">
												{!! Form::textarea('internal_notes',null, ['placeholder' => __('auth.note'), 'class' => 'form-control','rows'=>'5']) !!}
											</div>
											{{-- Customer Info --}}
											<div class="tab-pane fade" id="custom-tabs-three-profile" role="tabpanel" aria-labelledby="custom-tabs-three-profile-tab">
												<div class="row mb-3">
													<div class="col-md-6">
														<div class="form-group">
															<strong class="required">{{ __('auth.name') }}:</strong>
															<div class="input-group">
																<span class="input-group-text"><i class="fas fa-kh">KH</i></span>
																{!! Form::text('customer_name_kh',@$data->getCustomer->name, ['placeholder' => __('auth.name'), 'class' => 'form-control','required']) !!}
															</div>
														</div>
													</div>
													<div class="col-md-6">
														<div class="form-group">
															<strong>{{ __('auth.name') }}:</strong>
															<div class="input-group">
																<span class="input-group-text"><i class="fas fa-en">EN</i></span>
																{!! Form::text('customer_name_en',@$data->getCustomer->name_en, ['placeholder' => __('auth.name'), 'class' => 'form-control']) !!}
															</div>
														</div>
													</div>
												</div>
												<div class="row mb-3">
													<div class="col-md-6">
														<strong>{{ __('auth.type') }}:</strong>
														{!! Form::select('customer_type',getCustomerType(),@$data->getCustomer->type, ['class' => 'form-select select2']) !!}
													</div>
													<div class="col-md-6">
														<div class="form-group">
															<strong class="required">{{ __('auth.phone') }}:</strong>
															<div class="input-group">
																<span class="input-group-text"><i class="fas fa-phone"></i></span>
																{!! Form::text('contact',@$data->getCustomer->contact, ['placeholder' => __('auth.phone'), 'class' => 'form-control','required']) !!}
															</div>

														</div>
													</div>
												</div>

												<div class="row mb-3">
													<div class="col-md-6">
														<div class="form-group">
															<strong>{{ __('auth.email') }}:</strong>
															<div class="input-group">
																<span class="input-group-text"><i class="fas fa-paper-plane"></i></i></span>
																{!! Form::text('email',@$data->getCustomer->email, ['placeholder' => __('auth.email'), 'class' => 'form-control']) !!}
															</div>

														</div>
													</div>
													<div class="col-md-6">
														<div class="form-group">
															<strong>{{ __('auth.website') }}:</strong>
															<div class="input-group">
																{!! Form::text('website',@$data->getCustomer->website, ['placeholder' => __('auth.website'), 'class' => 'form-control']) !!}
															</div>

														</div>
													</div>
												</div>
												<div class="row mb-3">
													<div class="col-md-6">
														<div class="form-group">
															<strong>{{__("auth.house_no")}} :</strong>
															<div class="input-group">
																{!! Form::text('house_no',@$data->getCustomer->house_number, array('placeholder' => __("auth.house_no"),'class' => 'form-control')) !!}
															</div>
														</div>
													</div>
													<div class="col-md-6">
														<div class="form-group">
															<strong>{{__("auth.street_no")}} :</strong>
															<div class="input-group">
																{!! Form::text('street_no',@$data->getCustomer->street_number, array('placeholder' => __("auth.street_no"),'class' => 'form-control')) !!}
															</div>
														</div>
													</div>
												</div>

												<div class="row mb-3">
													<div class="col-md-6">
														<div class="form-group">
															<strong>{{__("auth.province")}}:</strong>
															<div class="input-group">
																{!! Form::select('province',getProvince(),@$data->getCustomer->province, array('class' => 'form-control select2','id'=>'p_province')) !!}
															</div>
														</div>
													</div>
													<div class="col-md-6">
														<div class="form-group">
															<strong>{{__("auth.district")}}:</strong>
															<div class="input-group">
																{!! Form::select('district',getDistrict(@$data->getCustomer->province),@$data->getCustomer->district, array('class' => 'form-control select2','id'=>'p_district')) !!}
															</div>
														</div>
													</div>
												</div>

												<div class="row mb-3">
													<div class="col-md-6">
														<div class="form-group">
															<strong>{{__("auth.commune")}}:</strong>
															<div class="input-group">
																{!! Form::select('commune',getCommune(@$data->getCustomer->district),@$data->getCustomer->commune, array('class' => 'form-control select2','id'=>'p_commune')) !!}
															</div>

														</div>
													</div>
													<div class="col-md-6">
														<div class="form-group">
															<strong>{{__("auth.village")}}:</strong>
															<div class="input-group">
																{!! Form::select('village',getVillage(@$data->getCustomer->commune),@$data->getCustomer->village, array('class' => 'form-control select2','id'=>'p_village')) !!}
															</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="row mb-3">
													<div class="col-md-6">
														<div class="form-group">
															<strong>{{ __('auth.contact_person_name') }}:</strong>
															<div class="input-group">
																<span class="input-group-text"><i class="fas fa-kh">KH</i></span>
																{!! Form::text('contact_person_name_kh',@$data->getCustomer->getContactPerson->name_kh, ['placeholder' => __('auth.name'), 'class' => 'form-control']) !!}
															</div>
														</div>
													</div>
													<div class="col-md-6">
														<div class="form-group">
															<strong>{{ __('auth.contact_person_name') }}:</strong>
															<div class="input-group">
																<span class="input-group-text"><i class="fas fa-en">EN</i></span>
																{!! Form::text('contact_person_name_en',@$data->getCustomer->getContactPerson->name_en, ['placeholder' => __('auth.name'), 'class' => 'form-control']) !!}
															</div>

														</div>
													</div>
												</div>

												<div class="row mb-3">
													<div class="col-md-6">
														<div class="form-group">
															<strong>{{ __('auth.gender') }}:</strong>
															<div class="input-group">
																{!! Form::select('gender',['Male'=>"Male",'Female'=>'Female'],@$data->getCustomer->getContactPerson->gender, array('class' => 'form-control select2')) !!}
															</div>

														</div>
													</div>
													<div class="col-md-6">
														<div class="form-group">
															<strong>{{ __('auth.position') }}:</strong>
															<div class="input-group">
																{!! Form::text('job_position',@$data->getCustomer->getContactPerson->job_position, ['placeholder' => __('auth.position'), 'class' => 'form-control']) !!}
															</div>

														</div>
													</div>
												</div>

												<div class="row mb-3">
													<div class="col-md-6">
														<div class="form-group">
															<strong>{{ __('auth.phone') }}:</strong>
															<div class="input-group">
																<span class="input-group-text"><i class="fas fa-phone"></i></span>
																{!! Form::text('contact_phone_number',@$data->getCustomer->getContactPerson->phone_number, ['placeholder' => __('auth.phone'), 'class' => 'form-control']) !!}
															</div>

														</div>
													</div>
													<div class="col-md-6">
														<div class="form-group">
															<strong>{{ __('auth.email') }}:</strong>
															<div class="input-group">
																<span class="input-group-text"><i class="fas fa-paper-plane"></i></span>
																{!! Form::text('contact_person_email',@$data->getCustomer->getContactPerson->email, ['placeholder' => __('auth.email'), 'class' => 'form-control']) !!}
															</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="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>
																<th width="6%">
																	<a class="btn btn-sm btn-primary tooltip-top" href="javascript:;" data-toggle="tooltip"
																		data-placement="top" title="Add Product" onclick="addProduct()">
																		<i class="fa fa-plus"></i>
																	</a>
																</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">
																				{!! Form::text('account_contact_name[]', @$contact_account->name, ['placeholder' => "eg. Facebook", 'class' => 'form-control account_contact_name']) !!}
																			</div>
																		</td>
																		<td>
																			<div class="col-md-12">
																				{!! Form::text('account_contact_account_name[]', @$contact_account->account_name, ['placeholder' => __('auth.Name'), 'class' => 'form-control account_contact_account_name']) !!}
																			</div>
																		</td>
																		<td>
																			<div class="col-md-12">
																				{!! Form::text('account_contact_link[]', @$contact_account->link, ['placeholder' => __('auth.link'), 'class' => 'form-control account_contact_link']) !!}
																			</div>
																		</td>
																		<td>
																			<a class="btn btn-sm btn-danger" href="javascript:;" data-toggle="tooltip"
																				data-placement="top" title="Remove" onclick="remove(this)">
																				<i class="fa fa-trash"></i>
																			</a>
																		</td>
																	</tr>
																@endforeach
															@endif
														</tbody>
													</table>
												</div>
											</div>
											{{-- marketing --}}
											<div class="tab-pane fade" id="custom-tabs-three-messages" role="tabpanel" aria-labelledby="custom-tabs-three-messages-tab">
												<div class="row mb-3">
													<div class="col-md-6">
														<div class="form-group">
															<strong>{{__("auth.contact_by")}} :</strong>

															<div class="input-group">
																{!! Form::select('contact_by_id',getMarketing(),null, array('placeholder' => __("auth.Please Select"),'class' => 'form-control select2 class_input_create_contact_by')) !!}
																<span class="input-group-text" onclick="edit_marketing_tool(this)" title="{{ __('auth.create') }}" data-href = "{{ route('marketing_tool.create')."?input_class=class_input_create_contact_by" }}"><i class="fas fa-plus"></i></span>
															</div>
														</div>
													</div>
													<div class="col-md-6">
														<div class="form-group">
															<strong>{{__("auth.source")}}:</strong>
															<div class="input-group">
																{!! Form::select('source_id',getMarketing(),null, array('placeholder' => __("auth.Please Select"),'class' => 'form-control select2 class_input_create_source')) !!}
																<span class="input-group-text" onclick="edit_marketing_tool(this)" title="{{ __('auth.create') }}" data-href = "{{ route('marketing_tool.create')."?input_class=class_input_create_source" }}"><i class="fas fa-plus"></i></span>
															</div>
														</div>
													</div>
												</div>
												<div class="row mb-3">
													<div class="col-md-12">
														<div class="form-group">
															<strong>{{ __('auth.known_product_by') }}:</strong>
															<div class="input-group">
																{!! Form::textarea('know_product_by',null, ['placeholder' => __('auth.remark'), 'class' => 'form-control','rows'=>'3']) !!}
															</div>

														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
									<!-- /.card -->
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
        </section>
		<br><br><br>
        <!-- /.content -->
    </div>
    {!! Form::close() !!}
    <!-- /.content-wrapper -->

@endsection
@section('script')
	<!-- Scripts -->
	@include("crm.leads.covert-js")
	@include("crm.leads.schedule-activity-js")
    <script>
		function addProduct() {
            let tr = `
				<tr class="show">
					<td>1</td>
					<td>
						<div class="col-md-12">
							{!! Form::text('account_contact_name[]', null, ['placeholder' => "eg. Facebook", 'class' => 'form-control account_contact_name']) !!}
						</div>
					</td>
					<td>
						<div class="col-md-12">
							{!! Form::text('account_contact_account_name[]', null, ['placeholder' => __('auth.name'), 'class' => 'form-control account_contact_account_name']) !!}
						</div>
					</td>
					<td>
						<div class="col-md-12">
							{!! Form::text('account_contact_link[]', null, ['placeholder' => __('auth.link'), 'class' => 'form-control account_contact_link']) !!}
						</div>
					</td>
					<td>
						<a class="btn btn-sm btn-danger" href="javascript:;" data-toggle="tooltip"
							data-placement="top" title="Remove" onclick="remove(this)">
							<i class="fa fa-trash"></i>
						</a>
					</td>
				</tr>
            `;
            $('.create-list').append(tr);
            $('.create-list tr:last').find('.select2').select2({
                theme: 'bootstrap-5'
            });
            updateNo('.create-list');
        }
		function updateNo(_class = '.create-list', _this) {
            if (_class == ".create-list") {
                $.each($('tbody' + _class + ' tr.show'), function(i, val) {
                    $(this).closest('tr.show').find('td:eq(0)').text(i + 1);
                });
            } else {
                $.each($(_this).closest('.jconfirm').find('tbody tr.hide'), function(i, val) {
                    $(this).closest('tr.hide').find('td:eq(0)').text(i + 1);
                });
            }

        }

        function remove(obj) {
            $.confirm({
                title: 'Are you sure ?',
                content: '',
                theme: 'modern',
                buttons: {
                    cancel: {
                        btnClass: 'btn btn-primary',
                        text: 'Cancel',
                        action: function() {

                        }
                    },
                    submit: {
                        btnClass: 'btn btn-danger',
                        text: "Delete",
                        action: function() {
                            $(obj).closest('tr').remove();
                            updateNo(_class = '.create-list');
                        }
                    },
                },
            });
        }
    </script>
	@include('crm.configuration.tags.tags-js')
	@include('crm.configuration.marketing_tool.marketing-js')
@endsection