@extends('layouts.dashboard.main')

{{-- content --}}
@section('content')
<div class="row g-4 mb-5">

	<!-- aside -->
	<aside class="col col-lg-3">
		{!! Form::open($form) !!}
		{!! Form::hidden('table', $table) !!}
		{!! Form::hidden('master[id]', $id) !!}

		@if($errors->any())
			<div class="alert alert-danger mb-3">
				<ul class="small fw-bold mb-0 ps-3">
					@foreach($errors->all() as $error)
						<li>
							{!! $error !!}
						</li>
					@endforeach
				</ul>
			</div>
		@endif

		<div class="card">
			<div class="card-body">
				<div class="mb-3">
					<label
						class="form-label"
						for=""
					>
						<span class="badge text-bg-danger me-1">
							{!! __("lang.form.request") !!}
						</span>
						{!! __("lang.master.label") !!}
					</label>
					{!! Form::text('master[label]', (isset($master)) ? $master["{$table}_label"] : '', [
						'class' => 'form-control',
					]) !!}
				</div>
				<div class="mb-3">
					<label
						class="form-label"
						for=""
					>
						{!! __("lang.form.seq") !!}
					</label>
					{!! Form::number('master[seq]', (isset($master)) ? $master['seq'] : $seq, [
						'class' => 'form-control',
					]) !!}
				</div>
				<div class="mb-3">
					<label
						class="form-label"
						for=""
					>
						{!! __("lang.form.remark") !!}
					</label>
					{!! Form::textarea('master[remark]', (isset($master)) ? $master['remark'] : '', [
						'class' => 'form-control',
						'rows' => '4',
					]) !!}
				</div>
				@if($table == 'qualification')
					<div class="mb-3">
						<label
							class="form-label"
							for=""
						>
							{!! __("lang.qualification.has_level") !!}
						</label>
						<div class="col-auto d-flex align-items-master">
							<div class="btn-group" role="group">
								@for($i = 0; $i <= 1; $i++)
									{!! Form::radio('master[has_level]', $i, (isset($master)) ? (($i == $master['has_level']) ? true : false) : (($i == 0) ? true : false), [
										'class' => 'btn-check',
										'id' => "has_level{$i}",
									]) !!}
									<label
										class="btn btn-outline-primary btn-sm"
										for="has_level{!! $i !!}"
										style="width: 80px;"
									>
										<span class="fw-bold">
											{!! __("lang.dictionary.is_yesno.{$i}") !!}
										</span>
									</label>
								@endfor
							</div>
						</div>
					</div>
					<div class="mb-3">
						<label
							class="form-label"
							for=""
						>
							{!! __("lang.qualification.is_national") !!}
						</label>
						<div class="col-auto d-flex align-items-master">
							<div class="btn-group" role="group">
								@for($i = 0; $i <= 1; $i++)
									{!! Form::radio('master[is_national]', $i, (isset($master)) ? (($i == $master['is_national']) ? true : false) : (($i == 0) ? true : false), [
										'class' => 'btn-check',
										'id' => "is_national{$i}",
									]) !!}
									<label
										class="btn btn-outline-primary btn-sm"
										for="is_national{!! $i !!}"
										style="width: 80px;"
									>
										<span class="fw-bold">
											{!! __("lang.dictionary.is_yesno.{$i}") !!}
										</span>
									</label>
								@endfor
							</div>
						</div>
					</div>
				@endif
				<div class="mb-4">
					<label
						class="form-label"
						for=""
					>
						{!! __("lang.dictionary.is_disabled.1") !!}
					</label>
					<div class="col-auto d-flex align-items-master">
						<div class="btn-group" role="group">
							@for($i = 0; $i <= 1; $i++)
								{!! Form::radio('master[is_disabled]', $i, (isset($master)) ? (($i == $master['is_disabled']) ? true : false) : (($i == 0) ? true : false), [
									'class' => 'btn-check',
									'id' => "is_disabled{$i}",
								]) !!}
								<label
									class="btn btn-outline-primary btn-sm"
									for="is_disabled{!! $i !!}"
									style="width: 80px;"
								>
									<span class="fw-bold">
										{!! __("lang.dictionary.is_yesno.{$i}") !!}
									</span>
								</label>
							@endfor
						</div>
					</div>
				</div>

				<div class="d-grid gap-2">
					<button
						class="btn btn-primary btn-sm"
						id="submit"
						type="submit"
						name="action"
						value="store"
					>
						<span class="fw-bold">
							{!! __("lang.button.submit") !!}
						</span>
					</button>
					<a
						class="btn btn-outline-secondary btn-sm"
						href="{!! route('master.international.index', [
							$table,
						]) !!}"
					>
						<span class="fw-bold">
							{!! __("lang.button.reset") !!}
						</span>
					</a>
				</div>
			</div>
		</div>

		{!! Form::close() !!}
	</aside>
	<!-- /.aside -->

	<!-- main -->
	<main class="col">

		<!-- section -->
		<section class="mb-5">

			<!-- section-title -->
			<div class="section-title d-flex justify-content-between align-items-center mb-3">
				<div>
					<h5>
						{!! __("lang.{$table}.title") !!}
					</h5>
				</div>
			</div>
			<!-- /.section-title -->

			<!-- toolbar -->
			<div class="d-flex justify-content-start align-items-center mb-3">
				<div class="me-auto">
					{!! __("lang.common.count") !!} :
					<span class="fw-bold">{!! $master_list_count !!}</span>
				</div>
				<div>
					<div
						class="btn-toolbar"
						role="toolbar"
					>
						<div
							class="btn-group btn-group-sm"
							role="group"
						>
							<a
								class="btn btn-outline-secondary"
								href="{!! route('master.home.index') !!}"
							>
								<span class="small fw-bold">
									{!! implode('', [
										__("lang.button.back"),
									]) !!}
								</span>
							</a>
						</div>
					</div>
				</div>
			</div>
			<!-- /.toolbar -->

			<!-- table -->
			<div class="table-response">
				<table class="table">
					<colgroup>
						<col>
						<col>
						<col>
						<col width="100%">
						@if($table == 'qualification')
							<col>
							<col>
						@endif
						<col>
					</colgroup>
					<tbody class="table-group-divider">
						<tr>
							<th scope="col" nowrap>
								&nbsp;
							</th>
							<th scope="col" nowrap>
								#
							</th>
							<th scope="col" nowrap>
								{!! __("lang.dictionary.is_disabled.1") !!}
							</th>
							<th scope="col" nowrap>
								{!! __("lang.master.label") !!}
							</th>
							@if($table == 'qualification')
								<th scope="col" nowrap>
									{!! __("lang.qualification.has_level") !!}
								</th>
								<th scope="col" nowrap>
									{!! __("lang.qualification.is_national") !!}
								</th>
							@endif
							<th scope="col" nowrap>
								{!! __("lang.form.seq") !!}
							</th>
						</tr>
					</thead>
					<tbody class="table-group-divider">
						@if($master_list_count > 0)
							@foreach($master_list as $key => $value)
								<tr class="{!! ($value["mtb_{$table}_id"] == $id) ? 'table-primary' : '' !!}">
									<td nowrap>
										<div
											class="btn-group btn-group-sm"
											role="group"
										>
											<a
												class="btn btn-outline-secondary"
												href="{!! route('master.international.index', [
													$table,
													$value["mtb_{$table}_id"],
												]) !!}"
											>
												<span class="small fw-bold">
													{!! implode('', [
														__("lang.button.update"),
													]) !!}
												</span>
											</a>
											@if($table == 'qualification')
												<a
													class="btn btn-outline-secondary {!! ($value['has_level']) ? '' : '' !!}"
													href="{!! route('master.qualification_level.index', [
														$value['mtb_qualification_id'],
													]) !!}"
												>
													<span class="small fw-bold">
														{!! implode('', [
															__("lang.qualification_level.short_title"),
														]) !!}
													</span>
												</a>
											@endif
										</div>
									</td>
									<th nowrap scope="row">
										<div class="text-center">
											{!! $key + 1 !!}
										</div>
									</th>
									<td>
										@if($value['is_disabled'])
											<div class="text-center">
												<i class="fa-solid fa-check fa-fw fa-lg"></i>
											</div>
										@endif
									</td>
									<td nowrap>
										{!! $value["{$table}_label"] !!}
									</td>
									@if($table == 'qualification')
										<td nowrap>
											@if($value['has_level'])
												<div class="text-center">
													<i class="fa-solid fa-check fa-fw fa-lg"></i>
												</div>
											@endif
										</td>
										<td nowrap>
											@if($value['is_national'])
												<div class="text-center">
													<i class="fa-solid fa-check fa-fw fa-lg"></i>
												</div>
											@endif
										</td>
									@endif
									<th nowrap scope="row">
										<div class="text-center">
											{!! $value['seq'] !!}
										</div>
									</th>
								</tr>
							@endforeach
						@else
							<tr>
								<td nowrap>
									<div
										class="btn-group btn-group-sm"
										role="group"
									>
										<a
											class="btn btn-outline-secondary disabled"
											href="#"
										>
											<span class="small fw-bold">
												{!! implode('', [
													__("lang.button.update"),
												]) !!}
											</span>
										</a>
										@if($table == 'qualification')
											<a
												class="btn btn-outline-secondary disabled"
												href="{!! route('international.master.home.index') !!}"
											>
												<span class="small fw-bold">
													{!! implode('', [
														__("lang.qualification_level.short_title"),
													]) !!}
												</span>
											</a>
										@endif
									</div>
								</td>
								<td colspan="4">
									{!! __("lang.error.empty") !!}
								</td>
							</tr>
						@endif
					</tbody>
				</table>
			</div>
			<!-- /.table -->

		</section>
		<!-- /.section -->

	</main>
	<!-- /.main -->
</div>
@endsection

{{-- css --}}
@section('css')
<style>

</style>
@stop

{{-- js --}}
@section('js')
<script>
$(function() {
	//
});
</script>
@stop