@extends("layouts.master")
@section('content')
    <style>
        .create-list td {
            vertical-align: middle !important;
        }

        .sub_package {
            display: none;
        }

        .select2-dropdown.select2-dropdown--below {
            z-index: 999999999999 !important;
        }
    </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 --}}
	@section("button_submit")
		<div class="col-sm-6" style="text-align: right;">
			@if(permission_check(368,3))
				<a href = "{{ route('customers.edit',$data->id)."?discard=".route('customers.show',$data->id) }}" class="btn btn-sm btn-primary" title = "{{ __('application.Edit') }}"><i class="fa fa-edit"></i> {{ __("application.Edit") }}</a>
			@endif
			<a class="btn btn-sm btn-info" href="{{ route('customers.index') }}"><i
				class="fas fa-arrow-circle-left"></i> {{ __('application.Discard') }}</a>
		</div>
	@endsection

    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            {{-- <div class="container-fluid"> --}}
                <div class="row mb-2">
					<div class="col-sm-6">
						<h4>{{ __('application.Show') }} {{ __('application.customers') }}</h4>
					</div>
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
							<li class="breadcrumb-item"><a href="{{route('home')}}">{{__("application.Dashboard")}}</a></li>
							<li class="breadcrumb-item">{{__("application.crm")}}</li>
							<li class="breadcrumb-item active">{{__("application.customers")}}</li>
						</ol>
                    </div>
                </div>
            {{-- </div><!-- /.container-fluid --> --}}
        </section>
        <!-- Main content -->
        <section class="content">
            <div class="row">
				<div class="col-12">
					<div class="card" >
						<div class="card-body">
							<div class="row">
								<div class="col-md-6">
									<div class="form-group">
										<strong d-value='{{ @$data->name_kh }}'>{{ __('application.Name') }} (KH) : </strong> 
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<strong d-value='{{ @$data->name_en }}'>{{ __('application.Name') }} (EN) : </strong> 
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6">
									<div class="form-group">
										<strong d-value='{{ @$data->type==1?"Company":"Individual" }}'>{{ __('application.Type') }} : </strong> 
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<strong d-value='{{ @$data->phone_number }}'>{{ __('application.Phone') }} : </strong> 
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6">
									<div class="form-group">
										<strong d-value='{{ @$data->type==1?"Contact":"Customer" }}'>{{ __('application.Status') }} : </strong> 
									</div>
								</div>
							</div>
							<br>
							<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">
											{{-- Customer Info --}}
											<li class="nav-item">
												<a class="nav-link active" id="custom-tabs-three-profile-tab" data-toggle="pill" href="#custom-tabs-three-profile" role="tab" aria-controls="custom-tabs-three-profile" aria-selected="false">{{ __("application.customer_info") }}</a>
											</li>
											{{-- contact of customer --}}
											<li class="nav-item">
												<a class="nav-link" id="custom-tabs-four-messages-tab" data-toggle="pill" href="#custom-tabs-four-messages" role="tab" aria-controls="custom-tabs-four-messages" aria-selected="false">{{ __("application.customer_contact_info") }}</a>
											</li>
										</ul>
									</div>
									<div class="card-body">
										<div class="tab-content" id="custom-tabs-three-tabContent">
											{{-- Customer Info --}}
											<div class="tab-pane fade show active" 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->email }}'>{{ __('application.Email') }} : </strong> 
															</div>
														</div>
														<div class="col-md-6">
															<div class="form-group">
																<strong d-value='{{ @$data->website }}'>{{ __('application.website') }} : </strong> 
															</div>
														</div>
													</div>
													<div class="row">
														<div class="col-md-6">
															<div class="form-group">
																<strong d-value='{{ @$data->house_number }}'>{{__("application.house_no")}} : </strong> 
															</div>
														</div>
														<div class="col-md-6">
															<div class="form-group">
																<strong d-value='{{ @$data->street_number }}'>{{__("application.street_no")}} : </strong> 
															</div>
														</div>
													</div>
								
													<div class="row">
														<div class="col-md-6">
															<div class="form-group">
																<strong d-value='{{ !empty(@$data->province)?\Globals::get_provinces(@$data->province):"" }}'>{{__("application.Province")}} : </strong> 
															</div>
														</div>
														<div class="col-md-6">
															<div class="form-group">
																<strong d-value='{{ !empty(@$data->district)?\Globals::get_district(@$data->province,@$data->district):"" }}'>{{__("application.District")}} : </strong> 
															</div>
														</div>
													</div>
								
													<div class="row">
														<div class="col-md-6">
															<div class="form-group">
																<strong d-value='{{ !empty(@$data->commune)?\Globals::get_commune(@$data->district,@$data->commune):"" }}'>{{__("application.Commune")}} : </strong> 
															</div>
														</div>
														<div class="col-md-6">
															<div class="form-group">
																<strong d-value='{{ !empty(@$data->village)?\Globals::get_village(@$data->commune,@$data->village):"" }}'>{{__("application.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>{{ __("application.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->getContactPerson->name_kh }}'>{{ __('application.contact_person_name') }} (kh) : </strong> 
															</div>
														</div>
														<div class="col-md-6">
															<div class="form-group">
																<strong d-value='{{ @$data->getContactPerson->name_en }}'>{{ __('application.contact_person_name') }} (en) : </strong> 
															</div>
														</div>
													</div>

													<div class="row">
														<div class="col-md-6">
															<div class="form-group">
																<strong d-value='{{ @$data->getContactPerson->gender }}'>{{ __('application.Gender') }} : </strong> 
															</div>
														</div>
														<div class="col-md-6">
															<div class="form-group">
																<strong d-value='{{ @$data->getContactPerson->job_position }}'>{{ __('application.job_position') }} : </strong> 
															</div>
														</div>
													</div>
						
													<div class="row">
														<div class="col-md-6">
															<div class="form-group">
																<strong d-value='{{ @$data->getContactPerson->phone_number }}'>{{ __('application.Phone') }} : </strong> 
															</div>
														</div>
														<div class="col-md-6">
															<div class="form-group">
																<strong d-value='{{ @$data->getContactPerson->email }}'>{{ __('application.Email') }} : </strong> 
															</div>
														</div>
													</div>
												</div>
												<div style="border-top: 1px black solid;margin-top:17px;">&nbsp;</div>
												{{-- Customer social account info --}}
												<h4>{{ __('application.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%">{{ __('application.No') }}</th>
																	<th>{{ __('application.Name') }}</th>
																	<th>{{ __('application.account_name') }}</th>
																	<th>{{ __('application.link') }}</th>
																</tr>
															</thead>
															<tbody class="create-list">
																@php
																	$contact_account_datas = @$data->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>
        <!-- /.content -->
    </div>
    {{-- {!! Form::close() !!} --}}
    <!-- /.content-wrapper -->
@endsection
{{-- include('stock.purchase.js') --}}
@section('js')
@stop