@php
	use App\Models\User;
@endphp

@if ( $current_route_name === 'orders.edit' && !empty($customer_questions->where('order_id', $current_id)->first()) )

	<article class="row bg-info bg-opacity-20 border border-info rounded-end border-start-0 mb-2 me-1 py-2">
		<h4 class="text-okis py-1">auftragsspezifische Fragen / Bemerkungen</h4>
	</article>

	@foreach ($customer_questions->where('order_id', $current_id)->get() as $question)

		<article class="row bg-info bg-opacity-40 border border-info rounded-end border-start-0 mb-2 me-1 py-2">
			
			<section class="headline mb-1">
				@if ($question->replies()->count() < 1)
					<section class="col px-0 text-end dropdown-open-by-hover">
						@includeIf('layouts.components.btn_save', [
							'only_dropdown'			=> true,
							'without_head_div'		=> true,
							'dropdown_btn_class'	=> 'rounded-circle btn-success btn-sm fs-7',
							'dropdown_btn_icon_fa'	=> 'pencil',
							'dropdown_menu_class'	=> 'end-0 ms-auto fs-7',
							'dropdown_menu_attr'	=> 'style="inset: 0px 0 auto auto;"',
							'dropdown'				=> [
								[
									'href' 		=> '#',
									'class'		=> 'reply-button',
									'name'		=> 'antowrten',
									'fa_icon'	=> 'pencil',
									'attr'		=> 'data-question-route="' .route('customer_questions.reply', $question->id) .'"',
								],
								[
									'href' 		=> '#',
									'class'		=> 'taken-note-button',
									'name'		=> 'zur Kenntnis genommen',
									'fa_icon'	=> 'glasses',
									'attr'		=> 'data-href="/customer_questions/' .$question->id .'/reply"',
								],
							]
						])
					</section>
				@else
					<section class="col px-0 text-end dropdown-open-by-hover">
						@includeIf('layouts.components.btn_save', [
							'only_dropdown'			=> true,
							'without_head_div'		=> true,
							'dropdown_btn_class'	=> 'rounded-circle btn-success btn-sm fs-7',
							'dropdown_btn_icon_fa'	=> 'pencil',
							'dropdown_menu_class'	=> 'end-0 ms-auto fs-7',
							'dropdown_menu_attr'	=> 'style="inset: 0px 0 auto auto;"',
							'dropdown'				=> [
								[
									'href' 		=> '#',
									'class'		=> 'reply-button',
									'name'		=> 'antowrten',
									'fa_icon'	=> 'pencil',
									'attr'		=> 'data-question-route="' .route('customer_questions.reply', $question->id) .'"',
								]
							]
						])
					</section>
				@endif
			</section>

			<section class="body-container mb-1">
				<p class="fs-7 ellipsis p-2 bg-light rounded-end">
					{!! $question->text !!}
				</p>
			</section>

			<footer class="timeline">
				<span class="fs-7 badge rounded-pill text-bg-secondary">
					{{  diff_time_to_human($question->created_at, true) }}
				</span>
			</footer>

			@if ($question->replies()->count() > 0)
				<div class="replies-container">
					@foreach ($question->replies()->latestFirst()->get() as $reply)
						<section class="p-2 text-end bg-gradient bg-light ms-auto me-3 col-10 my-1 border-end-0 rounded-start">
							<p class="fs-7 ellipsis">{{ $reply->reply }}</p>
							<footer class="timeline">
								<span class="fs-7 badge rounded-pill {{ $reply->reply_by === auth()->user()->id ? "text-bg-success" : "text-bg-secondary" }}">
									{{ User::name($reply->reply_by) }}
								</span>
								<span class="fs-7 badge rounded-pill text-bg-secondary">
									{{  diff_time_to_human($reply->created_at, true) }}
								</span>
							</footer>
						</section>
					@endforeach
				</div>
			@endif

		</article>

	@endforeach

@endif


@foreach ($active_questions->get() as $question)
	@php 
		if ($current_route_name === 'orders.edit' && $current_id == $question->order_id) {
			continue;
		}
	@endphp

	<article class="row bg-light bg-opacity-40 border border-light rounded-start border-end-0 mb-2 ms-1 py-2">
		
		<section class="row headline mb-1">
			<section class="col">
				<a href="{{ route('orders.'.'edit', $question->order_id) }}" class="fs-7 text-black badge rounded-pill text-bg-secondary" title="zum Auftrag">
					{{ $question->order_id }}
				</a> 
					- 
				<a href="{{ route('customers.'.'edit', $question->customer->id) }}" class="fs-7 text-black badge rounded-pill text-bg-secondary" title="zum Kunden">
					{{ $question->KuNr}}
				</a>
			</section>

			<section class="col px-0 text-end dropdown-open-by-hover">
				@includeIf('layouts.components.btn_save', [
					'only_dropdown'			=> true,
					'without_head_div'		=> true,
					'dropdown_btn_class'	=> 'rounded-circle btn-success btn-sm fs-7',
					'dropdown_btn_icon_fa'	=> 'pencil',
					'dropdown_menu_class'	=> 'end-0 ms-auto fs-7',
					'dropdown'				=> [
						[
							'href' 		=> '#',
							'class'		=> 'reply-button',
							'name'		=> 'antowrten',
							'fa_icon'	=> 'pencil',
							'attr'		=> 'data-question-route="' .route('customer_questions.reply', $question->id) .'"',
						],
						[
							'href' 		=> '#',
							'class'		=> 'taken-note-button',
							'name'		=> 'zur Kenntnis genommen',
							'fa_icon'	=> 'glasses',
							'attr'		=> 'data-href="/customer_questions/' .$question->id .'/reply"',
						],
					]
				])
			</section>
		</section>

		<section class="body-container mb-1">
			<p class="fs-7 ellipsis p-1 bg-light rounded-start">
				{!! $question->text !!}
			</p>
		</section>

		<footer class="timeline">
			<span class="fs-7 badge rounded-pill text-bg-secondary">
				{{  diff_time_to_human($question->created_at) }}
			</span>
		</footer>

	</article>

@endforeach

@once
	<script src="{{ asset('js/views/news/_form_customer_questions.js') }}"></script>
@endonce

@section('modal')
	@parent

	<div class="modal fade" id="{{ "customer-question-reply-modal" }}" tabindex="-1" aria-labelledby="{{ "customer-question-reply-modal" }}Label" aria-hidden="true">
		<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
			<div class="modal-content">

				<form class="" id="customer-question-reply-form" action="$-route-$" method="{{ 'POST' }}">
					@csrf

					<input type="hidden" name="modal" value="1">
					
					<div class="modal-header card-header card-title">
						<h1 class="modal-title fs-5" id="{{ "customer-question-reply-modal" }}Label"></h1>
						<button type="button" class="btn-close bg-white" data-bs-dismiss="modal" aria-label="Close"></button>
					</div>
					<div class="modal-body card card-light">
						<div class="border border-info rounded-end border-start-0 bg-info bg-opacity-20 p-2 me-3 mb-2 question-text shadow">
							$-text-$
						</div>
						@includeIf('layouts.components.inputs', [ 
							'input_id' 		=> "textarea_input",
							'label'			=> 'Antwort',
							'required'		=> true,
							'input_type'	=> 'textarea',
							'input_attr'	=> 'minlength=3',
						])
						<div class="replies-container d-none mt-3 bg-secondary bg-gradient bg-opacity-20 border border-secondary py-3 rounded vh-30 shadow">
							{{-- $-replies-$ --}}
						</div>
					</div>
					<div class="modal-footer dark-tobacco-ad-background">
						<button type="submit" class="btn btn-success btn-sm">Bestätigen</button>
						<button type="button" class="btn btn-outline-secondary btn-sm" data-bs-dismiss="modal">Abbrechen</button>
					</div>

				</form>

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

@stop