@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('center[center_code]', $center_code) !!}

		@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.center.center_label") !!}
					</label>
					{!! Form::text('center[center_label]', (isset($center)) ? $center['center_label'] : '', [
						'class' => 'form-control',
					]) !!}
				</div>
				<div class="mb-3">
					<label
						class="form-label"
						for=""
					>
						{!! __("lang.form.seq") !!}
					</label>
					{!! Form::number('center[seq]', (isset($center)) ? $center['seq'] : $seq, [
						'class' => 'form-control',
					]) !!}
				</div>
				<div class="mb-3">
					<label
						class="form-label"
						for=""
					>
						{!! __("lang.form.remark") !!}
					</label>
					{!! Form::textarea('center[remark]', (isset($center)) ? $center['remark'] : '', [
						'class' => 'form-control',
						'rows' => '4',
					]) !!}
				</div>
				<div class="mb-4">
					<label
						class="form-label"
						for=""
					>
						{!! __("lang.dictionary.is_disabled.1") !!}
					</label>
					<div class="col-auto d-flex align-items-center">
						<div class="btn-group" role="group">
							@for($i = 0; $i <= 1; $i++)
								{!! Form::radio('center[is_disabled]', $i, (isset($center)) ? (($i == $center['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.center.index') !!}"
					>
						<span class="fw-bold">
							{!! __("lang.button.reset") !!}
						</span>
					</a>
				</div>
			</div>
		</div>

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

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

		<!-- toolbar -->
		<div class="d-flex justify-content-start align-items-center mb-3 toolbar">
			<div class="">
				{!! __("lang.common.count") !!} :
				<span class="fw-bold">{!! $center_list_count !!}</span>
			</div>
			<div></div>
		</div>
		<!-- /.toolbar -->

		<!-- table -->
		<div class="table-response">
			<table class="table">
				<colgroup>
					<col>
					<col>
					<col>
					<col width="100%">
					<col>
					<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.center.center_label") !!}
						</th>
						<th scope="col" nowrap>
							{!! __("lang.form.seq") !!}
						</th>
						<th scope="col" nowrap>
							{!! implode('', [
								__("lang.department.title"),
								__("lang.unit.number"),
							]) !!}
						</th>
					</tr>
				</thead>
				<tbody class="table-group-divider">
					@if($center_list_count > 0)
						@foreach($center_list as $key => $value)
							<tr class="{!! ($value['center_code'] == $center_code) ? 'table-primary' : '' !!}">
								<td nowrap>
									<div
										class="btn-group btn-group-sm"
										role="group"
									>
										<a
											class="btn btn-outline-{!! ($value['center_code'] == $center_code) ? 'primary' : 'secondary' !!}"
											href="{!! route('master.center.index', [
												$value['center_code'],
											]) !!}"
										>
											<span class="small fw-bold">
												{!! implode('', [
													__("lang.button.update"),
												]) !!}
											</span>
										</a>
										<a
											class="btn btn-outline-{!! ($value['center_code'] == $center_code) ? 'primary' : 'secondary' !!}"
											href="{!! route('master.department.index', [
												$value['center_code'],
											]) !!}"
										>
											<span class="small fw-bold">
												{!! implode('', [
													__("lang.department.title"),
												]) !!}
											</span>
										</a>
										<a
											class="btn btn-outline-{!! ($value['center_code'] == $center_code) ? 'primary' : 'secondary' !!}"
											href="{!! route('master.staff_mapping.index', [
												$value['center_code'],
											]) !!}"
										>
											<span class="small fw-bold">
												{!! implode('', [
													__("lang.staff.title"),
												]) !!}
											</span>
										</a>
									</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['center_label'] !!}
								</td>
								<th nowrap scope="row">
									<div class="text-center">
										{!! $value['seq'] !!}
									</div>
								</th>
								<th nowrap scope="row">
									<div class="text-center">
										{!! $value['department_list_count'] !!}
									</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>
									<a
										class="btn btn-outline-secondary disabled"
										href="#"
									>
										<span class="small fw-bold">
											{!! implode('', [
												__("lang.department.title"),
											]) !!}
										</span>
									</a>
								</div>
							</td>
							<td colspan="4">
								{!! __("lang.error.empty") !!}
							</td>
						</tr>
					@endif
				</tbody>
			</table>
		</div>
		<!-- /.table -->

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

<!-- btn-fixed -->
<div
	class="btn-fixed"
	style="z-index:999"
>
	<a
		class="btn btn-outline-secondary"
		href="{!! route('master.home.index') !!}"
		style="width:120px;"
	>
		<span class="small fw-bold">
			{!! __("lang.button.back") !!}
		</span>
	</a>
	<a
		class="btn btn-secondary"
		href="#page-top"
	>
		<i class="fas fa-angle-up"></i>
	</a>
</div>
<!-- /.btn-fixed -->
@endsection

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

</style>
@stop

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