@extends('layouts.master', ['class' => 'mailbox'])

@section('content')

	
	@component('components.card_main', [
											'title' 		=> 'Message ' . $message->id,
											'title_options' => ['centered' => true, 'h' => 'h1'],
										])

		@slot( 'body' )
	
			<div class="row text-center">
				<div class="col-12 col-md-6 my-3">
					<div class="card h-100">
						<div class="card-header text-primary-800 header-elements-inline">
							<h5 class="card-title mx-auto font-weight-semibold">General Information</h5>								
						</div>

						<div class="card-body">
							<div class="row my-3">
								<div class="col-6">
									<h6 class="mb-0">{{$message->plant->name}}</h6>
									<span class="text-muted">Plant</span>
								</div>
								<div class="col-6">
									<h6 class="mb-0">{{$message->subPlant->name}}</h6>
									<span class="text-muted">Facility</span>
								</div>										
							</div>

							<div class="row my-3">
								<div class="col-6">
									<h6 class="mb-0">{{$message->created_at_ymd_hi}}</h6>
									<span class="text-muted">Created At</span>
								</div>	
								<div class="col-6">								
									<h6 class="mb-0">{{$message->reason_name}}</h6>
									<span class="text-muted">Reason</span>
								</div>
							</div>

							<div class="row my-3">
								<div class="col-6">
									<h6 class="mb-0">{{$message->request_ip ?? '--'}}</h6>
									<span class="text-muted">Request IP</span>
								</div>
								@if($message->is_complaint)
								<div class="col-6">
									<h6 class="mb-0">{{$message->complaint_type->name}}</h6>
									<span class="text-muted">Complain Type</span>
								</div>
								@endif	
							</div>
						</div>
					</div>
				</div>

				<div class="col-12 col-md-6 my-3">
					<div class="card h-100">
						<div class="card-header text-primary-800 header-elements-inline">
							<h5 class="card-title mx-auto font-weight-semibold">User Information</h5>								
						</div>

						<div class="card-body">
							<div class="row my-3">
								<div class="col-6">
									<h6 class="mb-0">{{$message->name ?? '--'}}</h6>
									<span class="text-muted">Name</span>
								</div>
								<div class="col-6">
									<h6 class="mb-0">{{$message->telephone ?? '--'}}</h6>
									<span class="text-muted">Telephone</span>
								</div>										
							</div>

							<div class="row my-3">
								<div class="col-6">
									<h6 class="mb-0">{{$message->email ?? '--'}}</h6>
									<span class="text-muted">Email</span>
								</div>	
								<div class="col-6">
									<h6 class="mb-0">{{$message->follow_up_name}}</h6>
									<span class="text-muted">Follow Up Required</span>
								</div>								
							</div>

							<div class="row my-3">
								<div class="col-6">
									<h6 class="mb-0">{{$message->user_type_name}}</h6>
									<span class="text-muted">User Type</span>
								</div>
								@if($message->other_user_type)
								<div class="col-6">
									<h6 class="mb-0">{{$message->other_user_type}}</h6>
									<span class="text-muted">Other User Type</span>
								</div>
								@endif

								@if($message->supplier_contact)
								<div class="col-6">
									<h6 class="mb-0">{{$message->supplier_contact}}</h6>
									<span class="text-muted">Supplier Contact</span>
								</div>
								@endif
							</div>

							{{-- <div class="row my-3">
								<div class="col-6">
									<h6 class="mb-0">{{$message->user_id ? 'Yes' : 'No'}}</h6>
									<span class="text-muted">User Was Authenticated?</span>
								</div>
								@if($message->user_id)															
								<div class="col-6">
									<h6 class="mb-0">{{$message->user->full_name .  ' ' . $message->user->email}}</h6>
									<span class="text-muted">User Authenticated</span>
								</div>
								@endif 
							</div> --}}
						</div>
					</div>
				</div>
			</div>
																
			<div class="row text-center">
				<div class="col-12 col-md-6 my-3">
					<div class="card h-100">
						<div class="card-header text-primary-800 header-elements-inline">
							<h5 class="card-title mx-auto font-weight-semibold">Message Content</h5>								
						</div>
						<div class="card-body">
							<h6 class="mb-0 text-justify">{{$message->message}}</h6>
						</div>
					</div>
				</div>

				<div class="col-12 col-md-6 my-3">
					<div class="card h-100">
						<div class="card-header text-primary-800 header-elements-inline">
							<h5 class="card-title mx-auto font-weight-semibold">Message Attachments</h5>								
						</div>
						<div class="card-body">

							<div class="table-responsive text-center" style="">
								<table class="table">
									<thead>
										<tr>
											<th>File</th>
											<th>Download</th>
										</tr>
									</thead>
									<tbody>
										@foreach ($message->evidence as $name=>$info)
										<tr>
											<td>
												<h6 class="mb-0">File {{ $loop->index+1 }}</h6>
											</td>
											<td class="text-center">
												<button onclick='window.location="/mailbox/download/{{$message->id}}/{{$name}}"' class="btn btn-light mx-2" ><i class="icon-file-download"></i></button>
											</td>
										</tr>
										@endforeach
									</tbody>
								</table>
							</div>

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

			<div class="row text-center my-3">
				<div class="col-12 col-md-6">
					<div class="card">
						<div class="card-header text-primary-800 header-elements-inline">
							<h5 class="card-title mx-auto font-weight-semibold">Internal views</h5>								
						</div>
						<div class="card-body">
							<div class="table-responsive text-center" style="min-height: 200px">
								<table class="table">
									<thead>
										<tr>
											<th>#</th>
											<th>Seen By</th>
											<th>Seen At</th>
										</tr>
									</thead>
									<tbody>
										@foreach ($message->views as $item)
										<tr>
											<td>
												<h6 class="mb-0">{{ $loop->index+1 }}</h6>
											</td>
											<td class="text-center">
												<h6 class="mb-0">{{ $item->seen_user ? $item->seen_user->full_name : '' }}</h6>
											</td>
											<td class="text-center">
												<h6 class="mb-0">{{ $item->seen_at }}</h6>
											</td>
										</tr>
										@endforeach
									</tbody>
								</table>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="card-header text-center">
				<h5 class="card-title mx-auto font-weight-semibold  text-primary-800">Follow up process</h5>		
				<h4 class="mb-0 text-center"><span class="font-weight-600">@lang('master.status'): </span> <span class="badge badge-{{$message->status_color}}"> {{$message->status_name}}</span></h6>

			</div>
			@if (Auth::user()->roles->has(Role::MAILBOX_ADMIN))
			<div class="row">
				{{-- ________________ STEP 1: ANALYSIS PROCESS ________________ --}}
				<div class="col-4 d-flex">
					<div class="card">
						<div class="card-body">
							<h5 class="card-title mb-1 font-weight-bold">Analysis process</h5>
							<h6 class="card-subtitle mb-2 text-muted">@lang('audit.step') 1 </h6>

							@if($message->status_id == App\Mailbox\Message::NUEVO)

								@if($user_is_admin)
									<div class="text-center my-2">
										@component('components.button', 
											['type'=>'send', 'id'=>'btn-to-in-revision', 'text'=>__('mailbox.to_revision_status'), 'extra_class'=>'mb-2'])
										@endcomponent
										<br>
										@component('components.button', 
											['type'=>'cancel', 'id'=>'btn-not-apply', 'text'=>__('mailbox.not_apply_status'), 'extra_class'=>''])
										@endcomponent
									</div>
								@else
									<h6>Wating for admin action</h6>
								@endif
							@else
								
								@if($message->rejected_at)
								<h5><span class="font-weight-600">Rejected by: </span> {{$message->rejectedBy->full_name}}</h5>
								<h5><span class="font-weight-600">Rejected at: </span> {{$message->rejected_at_ymd_hi}}</h5>
								<h5><span class="font-weight-600">Marked as: </span> Follow up not applicable.</h5>
								@else 
								<h5><span class="font-weight-600">Performed by: </span> {{$message->revisionBy->full_name}}</h5>
								<h5><span class="font-weight-600">Performed at: </span> {{$message->revision_at_ymd_hi}}</h5>
								<h5><span class="font-weight-600">Marked as: </span> Follow up required.</h5>
								@endif
							@endif
						</div>
					</div>
					{{-- ________________ IF MARKED AS NOT APPLICABLE ________________ --}}
					@if($message->rejected_at)
						<div class="d-flex align-items-center mx-3 arrow-div">
							<i class="far fa-check-circle pb-4 text-success-300"></i>
						</div>
					@else
						<div class="d-flex align-items-center mx-3 arrow-div">
							<i class="fas fa-chevron-double-right {{$message->revision_at ? 'text-primary-300' : 'text-muted'}}"></i>
						</div>
					@endif
				</div>

				@if(!$message->rejected_at)
					{{-- ________________ STEP 2: REVISION PROCESS ________________ --}}
					<div class="col-4 d-flex">
						<div class="card">
							<div class="card-body">
								<h5 class="card-title mb-1 font-weight-bold">Revision process</h5>
								<h6 class="card-subtitle mb-2 text-muted">@lang('audit.step') 2 </h6>

								@if($message->status_id == App\Mailbox\Message::EN_REVISION)
									@if($user_is_admin)
										<form id="action-plan-form">	
											<div class="mx-2">
												<label class="col-form-label">Action plan</label>
												<textarea cols="50" class="form-control" required="" name="action_plan" placeholder="Write action plan"></textarea> 
											</div>
											<div class="mx-2" >
												<label class="col-form-label">Due date</label>
												<input class="form-control" required type="date" name="action_plan_due_date" placeholder=""> 
											</div>
											<div class="pl-3">
												<label class="col-form-label">@lang('mailbox.attach_evidence')</label>
												<div class="evidence-container">
													<div class="input-group my-2">
														<div class="custom-file">
															<input type="file" class="custom-file-input" name="evidences[]" data-count="1" id="evidence_1" aria-describedby="evidence_1" accept="image/jpeg,image/gif,image/png,application/pdf">
															<label class="custom-file-label text-muted" for="evidence_1">@lang('mailbox.choose_file')</label>
														</div>
														<div class="input-group-append" style="display: none">
															<button class="btn btn-danger remove-file px-3" data-toggle="tooltip" title="Borrar" type="button" id="file_button" ><i class="icon-cross2" aria-hidden="true"></i></button>
														</div>									
													</div>
												</div>
												<span class="text-muted">@lang('mailbox.file_size_legend')</span>
											</div>
											<div class="text-center py-2">
												<button id="btn-to-revised" type="submit" class="btn btn-primary btn-lg btn-ladda btn-ladda-spinner correct-finding ml-2" data-style="zoom-in"><span class="ladda-label"><i class="icon-paperplane mr-2"></i>@lang('master.save')</span></button>
											</div>
										</form>

									@else
										<h6>Wating for admin action</h6>
									@endif
								@elseif($message->status_id == App\Mailbox\Message::NUEVO)
									<h5><span class="font-weight-600">Waiting for step 1</h5>
								@else 
									<h5><span class="font-weight-600">Performed by: </span> {{$message->revisedBy->full_name}}</h5>
									<h5><span class="font-weight-600">Performed at: </span> {{$message->revised_at_ymd_hi}}</h5>
									<h5><span class="font-weight-600">Action plan: </span> {{$message->action_plan}}</h5>
									<h5><span class="font-weight-600">Due date: </span> {{$message->action_plan_due_date->format('y-M-d')}}</h5>
									@if($message->status_id == App\Mailbox\Message::REVISADO || $message->status_id == App\Mailbox\Message::CERRADO)
										@if($message->action_plan_evidence_count > 0)
											<div style="text-align: center">
											@foreach($message->action_plan_evidence as $name => $info)
												<button onclick='window.location="/mailbox/download/tracing/{{$message->id}}/{{$name}}"' class="btn btn-light mx-2" >File {{$loop->index +1}}<i class="icon-file-download ml-2"></i></button>
											@endforeach
											</div>
										@endif	
									@endif
								@endif
							</div>
						</div>

						<div class="d-flex align-items-center mx-3 arrow-div">
							<i class="fas fa-chevron-double-right {{$message->revision_at ? 'text-primary-300' : 'text-muted'}}"></i>
						</div>
					</div>
					@if($message->revision_at)
						{{-- ________________ STEP 3: REVISION PROCESS ________________ --}}
						<div class="col-4 d-flex">
							<div class="card" style="width: 100%">
								<div class="card-body">
									<h5 class="card-title mb-1 font-weight-bold">Closing process</h5>
									<h6 class="card-subtitle mb-2 text-muted">@lang('audit.step') 3 </h6>

									@if($message->status_id == App\Mailbox\Message::REVISADO)
										@if($user_is_admin)
										<form id="close-form">
											<div class="pl-3 my-2">
												<label class="col-form-label">@lang('mailbox.attach_evidence')</label>
												<div class="evidence-container">
													<div class="input-group my-2">
														<div class="custom-file">
															<input type="file" class="custom-file-input" name="closed_evidences[]" data-count="1" id="evidence_1" aria-describedby="evidence_1" accept="image/jpeg,image/gif,image/png,application/pdf">
															<label class="custom-file-label text-muted" for="evidence_1">@lang('mailbox.choose_file')</label>
														</div>
														<div class="input-group-append" style="display: none">
															<button class="btn btn-danger remove-file px-3" data-toggle="tooltip" title="Borrar" type="button" id="file_button" ><i class="icon-cross2" aria-hidden="true"></i></button>
														</div>									
													</div>
												</div>
												<span class="text-muted">@lang('mailbox.file_size_legend')</span>
											</div>
											<div class="text-center">
												<button id="btn-to-closed" type="submit" class="btn btn-success btn-lg btn-ladda btn-ladda-spinner mx-2 px-2" data-style="zoom-in"><span class="ladda-label">@lang('mailbox.to_closed_status')<i class="icon-finish ml-1"></i></span></button>
											</div>
										</form>
										@else
											<h6>Wating for admin action</h6>
										@endif
									@elseif($message->status_id == App\Mailbox\Message::EN_REVISION)
										<h5><span class="font-weight-600">Waiting for step 2</h5>
									@else 
										<h5><span class="font-weight-600">Closed by: </span> {{$message->closedBy->full_name}}</h5>
										<h5><span class="font-weight-600">Closed at: </span> {{$message->closed_at_ymd_hi}}</h5>
										@if($message->status_id == App\Mailbox\Message::CERRADO)
											@if($message->closed_evidence_count > 0)
												<div style="text-align: center">
												@foreach($message->closed_evidence as $name => $info)
													<button onclick='window.location="/mailbox/download/closed/{{$message->id}}/{{$name}}"' class="btn btn-light mx-2" >File {{$loop->index +1}}<i class="icon-file-download ml-2"></i></button>
												@endforeach
												</div>
											@endif
										@endif
										{{-- ________________ IF MARKED AS CLOSED ________________ --}}
										@if($message->closed_at)
											<div class="d-flex align-items-center mx-3 my-3 arrow-div">
												<i class="far fa-check-circle pb-4 text-success-300" style="margin: auto"></i>
											</div>
										@endif
									@endif
								</div>
							</div>
						</div>
					@endif
				@endif
				
			</div>
			@endif
		@endslot

	@endcomponent

@endsection


@section('plugin-scripts')
{{-- CODE --}}
@endsection


@section('app-scripts')
	<script type="text/javascript">
		const MESSAGE = {!! $message->toJSON() !!};
		const EN_REVISION     = {{ \App\Mailbox\Message::EN_REVISION }};
		const REVISADO        = {{ \App\Mailbox\Message::REVISADO }};
		const CERRADO   	  = {{ \App\Mailbox\Message::CERRADO }};
		const NO_APLICA       = {{ \App\Mailbox\Message::NO_APLICA }};
	</script>
	<script src="{{mix('js/mailbox/show.js')}}"></script>
@endsection