@extends('masterdata::gelombang')

@section('content')
<div class="form-group">

	{{-- <div class="input-group">
		<input type="text" name="time-input" class="form-control input-time">
		<span class="input-group-text">
			<label for='time-input' class="p-0 m-0">
				<i class="fa fa-clock"></i>
			</label>
		</span>
	</div>

	<div class="input-group">
		<input type="text" name="time-input" class="form-control input-time">
		<span class="input-group-text">
			<label for='time-input' class="p-0 m-0">
				<i class="fa fa-clock"></i>
			</label>
		</span>
	</div> --}}
	<!-- /.input group -->
</div>

@if ($gelombang_aktif)
<div class="alert alert-info">
	<h5>
		<i class="mdi mdi-information-outline"></i>
		<strong>Informasi</strong>
	</h5>
	<p>
		Gelombang yang sedang aktif : <strong>{{ $gelombang_aktif->name }}</strong>,
		Segera lakukan pengaturan untuk
		mengaktifkan fungsionalitas gelombang.
		Jika Sudah, pesan ini bisa diabaikan
	</p>

	<a class="btn btn-primary btn-sm" href="gelombang?id_gelombang={{ $gelombang_aktif->id }}">
		<i class="fa fa-gear"></i>
		Pengaturan
	</a>

	<button class="btn btn-outline-primary btn-sm" data-bs-toggle="modal"
		data-bs-target="#edit-aktif-{{ $gelombang_aktif->id }}">
		<i class="fa fa-pencil"></i>
		Edit
	</button>
</div>
<div id="edit-aktif-{{ $gelombang_aktif->id }}" class="modal fade" tabindex="-1" role="dialog"
	aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<form class="custom-validation" novalidate action="/masterdata/gelombang/{{ $gelombang_aktif->id }}" method="POST">
			@csrf
			@method('put')
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title mt-0" id="myModalLabel">Update Data Gelombang</h5>
					<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
					</button>
				</div>

				<div class="modal-body">
					<div class="row">
						<div class="mb-2">
							<div class="form-group col">
								<label for="">Tahun</label>
								<select required class="form-control form-select" name="year_id">
									<option value="">Pilih Tahun</option>
									@foreach ($tahuns as $index => $year)
									<option @if ($gelombang_aktif->year_id == $year->id) selected @endif value="{{ $year->id }}">
										{{ $year->year }}</option>
									@endforeach
								</select>
							</div>
						</div>
					</div>

					<div class="row mb-2">
						<div class="col">
							<label class="form-label">
								Nama Gelombang
							</label>
							<input required name="name" value="{{ $gelombang_aktif->name }}" placeholder="Masukkan Nama gelombang"
								class="form-control" />
						</div>
					</div>

					<strong>
						JADWAL GELOMBANG
					</strong>
					<hr class="m-1" />
					<div class="ps-3">
						<div class="row mb-2">
							<div class="col">
								<label class="form-label">
									Tanggal Pembukaan
								</label>

								<div class="input-group" id="datepicker-buka-mulai-aktif">
									<input name="start_date" type="text" class="form-control input-date" placeholder="dd/mm/yyyy"
										data-date-format="dd/mm/yyyy" data-date-container="#datepicker-buka-mulai-aktif"
										id='tanggal-buka-mulai-aktif' value="{{formatValueDate($gelombang_aktif->mulai)}}"
										data-provide="datepicker" data-inputmask-inputformat="dd/mm/yyyy" />
									<span class="input-group-text">
										<label for='tanggal-buka-mulai-aktif' class="p-0 m-0">
											<i class="mdi mdi-calendar"></i>
										</label>
									</span>
								</div>
							</div>
							<div class="col">
								<label class="form-label">
									Waktu
								</label>
								<input required name="start_time" value="{{ explode(' ', $gelombang_aktif->mulai)[1] }}"
									class="form-control input-time" placeholder="HH:MM" id="" />
							</div>
						</div>

						<div class="row mb-2">
							<div class="col">
								<label class="form-label">
									Tanggal Penutupan
								</label>
								<div class="input-group" id="datepicker-buka-selesai-aktif">
									<input name="end_date" type="text" class="form-control input-date" placeholder="dd/mm/yyyy"
										data-date-format="dd/mm/yyyy" data-date-container="#datepicker-buka-selesai-aktif"
										id='tanggal-buka-selesai-aktif' value="{{formatValueDate($gelombang_aktif->selesai)}}"
										data-provide="datepicker" data-inputmask-inputformat="dd/mm/yyyy" />
									<span class="input-group-text">
										<label for='tanggal-buka-selesai-aktif' class="p-0 m-0">
											<i class="mdi mdi-calendar"></i>
										</label>
									</span>
								</div>
							</div>
							<div class="col">
								<label class="form-label">
									Waktu
								</label>
								<input required name="end_time" value="{{ explode(' ', $gelombang_aktif->selesai)[1] }}"
									class="form-control input-time" placeholder="HH:MM" id="" />
							</div>
						</div>
					</div>

					<strong>
						JADWAL PENGUMUMAN KELULUSAN
					</strong>
					<hr class="m-1" />
					<div class="ps-3">
						<div class="row mb-2">
							<div class="col">
								<label class="form-label">
									Tanggal Pembukaan
								</label>


								<div class="input-group" id="datepicker-buka-lulus-aktif">
									<input name="start_date_lulus" type="text" class="form-control input-date" placeholder="dd/mm/yyyy"
										data-date-format="dd/mm/yyyy" data-date-container="#datepicker-buka-lulus-aktif"
										id='tanggal-buka-lulus-aktif' value="{{formatValueDate($gelombang_aktif->mulai_pengumuman_lulus)}}"
										data-provide="datepicker" data-inputmask-inputformat="dd/mm/yyyy" />
									<span class="input-group-text">
										<label for='tanggal-buka-lulus-aktif' class="p-0 m-0">
											<i class="mdi mdi-calendar"></i>
										</label>
									</span>
								</div>


							</div>
							<div class="col">
								<label class="form-label">
									Waktu
								</label>
								<input required name="start_time_lulus"
									value="{{ explode(' ', $gelombang_aktif->mulai_pengumuman_lulus)[1] }}"
									class="form-control input-time" placeholder="HH:MM" id="" />
							</div>
						</div>
						<div class="row mb-2">
							<div class="col">
								<label class="form-label">
									Tanggal Penutupan
								</label>

								<div class="input-group" id="datepicker-selesai-lulus-aktif">
									<input name="finish_date_lulus" type="text" class="form-control input-date" placeholder="dd/mm/yyyy"
										data-date-format="dd/mm/yyyy" data-date-container="#datepicker-selesai-lulus-aktif"
										id='tanggal-selesai-lulus-aktif' value="{{formatValueDate($gelombang_aktif->selesai_pengumuman_lulus)}}"
										data-provide="datepicker" data-inputmask-inputformat="dd/mm/yyyy" />
									<span class="input-group-text">
										<label for='tanggal-selesai-lulus-aktif' class="p-0 m-0">
											<i class="mdi mdi-calendar"></i>
										</label>
									</span>
								</div>
							</div>
							<div class="col">
								<label class="form-label">
									Waktu
								</label>
								<input required name="finish_time_lulus"
									value="{{ explode(' ', $gelombang_aktif->selesai_pengumuman_lulus)[1] }}"
									class="form-control input-time" placeholder="HH:MM" placeholder="HH:MM" id="" />
							</div>
						</div>
					</div>


					<div class="row mb-2">
						<div class="form-group col">
							<label for="">Status</label>
							<select required name="status" class="form-control form-select">
								<option @if ($gelombang_aktif->status == '1') selected @endif value="1">Aktif</option>
								<option @if ($gelombang_aktif->status == '0') selected @endif value="0">Nonaktif
								</option>
							</select>
						</div>
					</div>


				</div>

				<div class="modal-footer">
					<button type="button" class="btn btn-secondary waves-effect" data-bs-dismiss="modal">Close</button>
					<button type="submit" class="btn btn-primary waves-effect waves-light">Simpan</button>
				</div>
			</div>!-- /.modal-content -->
		</form>
	</div>
</div>
@else
<div class="alert alert-info">
	<h5>
		<i class="mdi mdi-information-outline"></i>
		<strong>Informasi</strong>
	</h5>
	<p>
		Belum ada gelombang aktif
	</p>
</div>
@endif



{{-- tambahkan data --}}



<div class="card p-3">
	<div class="">
		@if (Session::has('success'))
		<div class="alert alert-success alert-dismissible fade show" role="alert">

			<strong> {{ Session::get('success') }}</strong>
		</div>
		@endif

		@if ($errors->any())
		{!! implode(
		'',
		$errors->all('<div class="alert alert-danger alert-dismissible fade show" role="alert">
			 <strong>:message</strong>
		</div>'),
		) !!}
		@endif

		<div class="float-end d-none d-sm-block">
			<button class="btn btn-success" data-bs-toggle="modal" data-bs-target="#tambahdata">Tambah Gelombang</button>
		</div>

		<div class="modal fade" id="tambahdata" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
			aria-hidden="true">
			<div class="modal-dialog">
				<form class="custom-validation" novalidate action="/masterdata/gelombang" method="POST">
					@csrf
					@method('post')
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title mt-0" id="myModalLabel">Tambah Data Gelombang</h5>
							<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
							</button>
						</div>

						<div class="modal-body">
							<div class="row">
								<div class="mb-2">
									<div class="form-group col">
										<label for="">Tahun</label>
										<select required name="year_id" class="form-control form-select">
											<option selected value="">Pilih Tahun</option>
											@foreach ($tahuns as $index => $year)
											<option value="{{ $year->id }}">{{ $year->year }}</option>
											@endforeach
										</select>
									</div>
								</div>
							</div>

							<div class="row mb-2">
								<div class="col">
									<label class="form-label">
										Nama Gelombang
									</label>
									<input required name="name" placeholder="Masukkan Nama gelombang" class="form-control" />
								</div>
							</div>

							<strong>
								JADWAL PEMBUKAAN GELOMBANG
							</strong>
							<hr class="m-1" />
							<div class="ps-3">
								<div class="row mb-2">
									<div class="col">
										<label class="form-label">
											Tanggal Pembukaan
										</label>
										<div class="input-group" id="datepicker-mulai-jadwal">
											<input name="start_date" type="text" class="form-control input-date" placeholder="dd/mm/yyyy"
												data-date-format="dd/mm/yyyy" data-date-container="#datepicker-mulai-jadwal"
												id='tanggal-mulai-jadwal' data-provide="datepicker" data-inputmask-inputformat="dd/mm/yyyy" />
											<span class="input-group-text">
												<label for='tanggal-mulai-jadwal' class="p-0 m-0">
													<i class="mdi mdi-calendar"></i>
												</label>
											</span>
										</div>
									</div>
									<div class="col">
										<label class="form-label">
											Waktu
										</label>
										<input required name="start_time" class="form-control input-time" placeholder="HH:MM"  id="" />
									</div>
								</div>

								<div class="row mb-2">
									<div class="col">
										<label class="form-label">
											Tanggal Penutupan
										</label>
										<div class="input-group" id="datepicker-selesai-jadwal">
											<input name="end_date" type="text" class="form-control input-date" placeholder="dd/mm/yyyy"
												data-date-format="dd/mm/yyyy" data-date-container="#datepicker-selesai-jadwal"
												id='tanggal-selesai-jadwal' data-provide="datepicker" data-inputmask-inputformat="dd/mm/yyyy" />
											<span class="input-group-text">
												<label for='tanggal-selesai-jadwal' class="p-0 m-0">
													<i class="mdi mdi-calendar"></i>
												</label>
											</span>
										</div>

									</div>
									<div class="col">
										<label class="form-label">
											Waktu
										</label>
										<input required name="end_time" class="form-control input-time" placeholder="HH:MM"  id="" />
									</div>
								</div>
							</div>


							<strong>
								JADWAL PENGUMUMAN KELULUSAN
							</strong>
							<hr class="m-1" />
							<div class="ps-3">
								<div class="row mb-2">
									<div class="col">
										<label class="form-label">
											Tanggal Pembukaan
										</label>
										<div class="input-group" id="datepicker-mulai-tambah">
											<input name="start_date_lulus" type="text" class="form-control input-date"
												placeholder="dd/mm/yyyy" data-date-format="dd/mm/yyyy"
												data-date-container="#datepicker-mulai-tambah" id='tanggal-mulai-tambah'
												data-provide="datepicker" data-inputmask-inputformat="dd/mm/yyyy" />
											<span class="input-group-text">
												<label for='tanggal-mulai-tambah' class="p-0 m-0">
													<i class="mdi mdi-calendar"></i>
												</label>
											</span>
										</div>
									</div>
									<div class="col">
										<label class="form-label">
											Waktu
										</label>
										<input required name="start_time_lulus" class="form-control input-time" placeholder="HH:MM" id="" />
									</div>
								</div>
								<div class="row mb-2">
									<div class="col">
										<label class="form-label">
											Tanggal Penutupan
										</label>
										<div class="input-group" id="datepicker-selesai-tambah">
											<input name="finish_date_lulus" type="text" class="form-control input-date"
												placeholder="dd/mm/yyyy" data-date-format="dd/mm/yyyy"
												data-date-container="#datepicker-selesai-tambah" id='tanggal-selesai-tambah'
												data-provide="datepicker" data-inputmask-inputformat="dd/mm/yyyy" />
											<span class="input-group-text">
												<label for='tanggal-selesai-tambah' class="p-0 m-0">
													<i class="mdi mdi-calendar"></i>
												</label>
											</span>
										</div>
									</div>
									<div class="col">
										<label class="form-label">
											Waktu
										</label>
										<input required name="finish_time_lulus" class="form-control input-time"  placeholder="HH:MM" id="" />
									</div>
								</div>
							</div>

						</div>

						<div class="modal-footer">
							<button type="button" class="btn btn-secondary waves-effect" data-bs-dismiss="modal">Close</button>
							<button type="submit" class="btn btn-primary waves-effect waves-light">Simpan</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>


	<div style="overflow-x: auto" class="mt-2 ">
		<table id="" class="table  table-striped table-bordered rounded table-hover">
			<thead class="bg-primary text-white">
				<tr>
					<th rowspan="2">No</th>
					<th rowspan="2">Tahun</th>
					<th rowspan="2">Gelombang</th>
					<th colspan="2">Jadwal Gelombang</th>
					<th colspan="2">Pengumuman Kelulusan</th>
					<th rowspan="2">Status</th>
					<th rowspan="2">Aksi</th>
				</tr>
				<tr>
					<th>Mulai</th>
					<th>Selesai</th>
					<th>Mulai</th>
					<th>Selesai</th>
				</tr>
			</thead>

			<tbody>

				@foreach ($gelombangs as $index => $gelombang)
				{{-- {{$gelombang->status}} --}}
				{{-- {{ explode(' ', $gelombang->mulai_pengumuman_lulus)[1] }} --}}

				<tr>
					<td>{{ $index + 1 + ($page_detail['page'] - 1) * $page_detail['per_page'] }}</td>
					<td>{{ $gelombang->year->year }}</td>
					<td>{{ $gelombang->name }}</td>
					<td>
						{{ \Carbon\Carbon::parse($gelombang->mulai)->translatedFormat('l, d M Y, H:i') }} WITA
					</td>
					<td>
						{{ \Carbon\Carbon::parse($gelombang->selesai)->translatedFormat('l, d M Y, H:i') }} WITA
					</td>

					<td>
						{{ \Carbon\Carbon::parse($gelombang->mulai_pengumuman_lulus)->translatedFormat('l, d M Y, H:i') }} WITA
					</td>
					<td>
						{{ \Carbon\Carbon::parse($gelombang->selesai_pengumuman_lulus)->translatedFormat('l, d M Y, H:i') }} WITA
					</td>

					<td>
						@if ($gelombang->status == 1)
						<span class="badge p-2 rounded-pill bg-success">Aktif</span>
						@else
						<span class="badge p-2 rounded-pill bg-danger">Nonaktif</span>
						@endif
					</td>


					<td>
						<div class="d-flex flex-row gap-1">


							<button class="btn btn-outline-primary btn-sm" data-bs-toggle="modal"
								data-bs-target="#edit{{ $gelombang->id }}">
								<i class="fa fa-pencil"></i>

							</button>


							<a href="gelombang?id_gelombang={{ $gelombang->id }}">
								<button class="btn btn-primary btn-sm">
									<i class="fa fa-gear"></i>
								</button>
							</a>

							<a href="gelombang/report?id_gelombang={{ $gelombang->id }}">
								<button class="btn btn-outline-success  btn-sm">
									<i class="fa-solid fa-file-lines"></i>
								</button>
							</a>

						</div>


						<div id="edit{{ $gelombang->id }}" class="modal fade" tabindex="-1" role="dialog"
							aria-labelledby="myModalLabel" aria-hidden="true">
							<div class="modal-dialog">
								<form class="custom-validation" novalidate action="/masterdata/gelombang/{{ $gelombang->id }}"
									method="POST">
									@csrf
									@method('put')
									<div class="modal-content">
										<div class="modal-header">
											<h5 class="modal-title mt-0" id="myModalLabel">Update Data Gelombang</h5>
											<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
											</button>
										</div>

										<div class="modal-body">
											<div class="row">
												<div class="mb-2">
													<div class="form-group col">
														<label for="">Tahun</label>
														<select required class="form-control form-select " name="year_id">
															<option value="">Pilih Tahun</option>
															@foreach ($tahuns as $index => $year)
															<option @if ($gelombang->year_id == $year->id) selected @endif
																value="{{ $year->id }}">
																{{ $year->year }}</option>
															@endforeach
														</select>
													</div>
												</div>
											</div>

											<div class="row mb-2">
												<div class="col">
													<label class="form-label">
														Nama Gelombang
													</label>
													<input required name="name" value="{{ $gelombang->name }}"
														placeholder="Masukkan Nama gelombang" class="form-control" />
												</div>
											</div>

											<strong>
												JADWAL GELOMBANG
											</strong>
											<hr class="m-1" />
											<div class="ps-3">
												<div class="row mb-2">
													<div class="col">
														<label class="form-label">
															Tanggal Pembukaan
														</label>
														<div class="input-group" id="datepicker-buka-mulai-{{$gelombang->id}}">
															<input name="start_date" type="text" class="form-control input-date"
																placeholder="dd/mm/yyyy" data-date-format="dd/mm/yyyy"
																data-date-container="#datepicker-buka-mulai-{{$gelombang->id}}"
																id='tanggal-buka-mulai-{{$gelombang->id}}'
																value="{{formatValueDate($gelombang->mulai)}}" data-provide="datepicker"
																data-inputmask-inputformat="dd/mm/yyyy" />
															<span class="input-group-text">
																<label for='tanggal-buka-mulai-{{$gelombang->id}}' class="p-0 m-0">
																	<i class="mdi mdi-calendar"></i>
																</label>
															</span>
														</div>


													</div>
													<div class="col">
														<label class="form-label">
															Waktu
														</label>

														<input required name="start_time" value="{{ explode(' ', $gelombang->mulai)[1] }}"
															class="form-control input-time" placeholder="HH:MM" id="" />
													</div>
												</div>

												<div class="row mb-2">
													<div class="col">
														<label class="form-label">
															Tanggal Penutupan
														</label>
														<div class="input-group" id="datepicker-buka-selesai-{{$gelombang->id}}">
															<input name="end_date" type="text" class="form-control input-date"
																placeholder="dd/mm/yyyy" data-date-format="dd/mm/yyyy"
																data-date-container="#datepicker-buka-selesai-{{$gelombang->id}}"
																id='tanggal-buka-selesai-{{$gelombang->id}}'
																value="{{formatValueDate($gelombang->selesai)}}" data-provide="datepicker"
																data-inputmask-inputformat="dd/mm/yyyy" />
															<span class="input-group-text">
																<label for='tanggal-buka-selesai-{{$gelombang->id}}' class="p-0 m-0">
																	<i class="mdi mdi-calendar"></i>
																</label>
															</span>
														</div>
													</div>
													<div class="col">
														<label class="form-label">
															Waktu
														</label>
														<input required name="end_time" value="{{ explode(' ', $gelombang->selesai)[1] }}"
															class="form-control input-time" placeholder="HH:MM"  id="" />
													</div>
												</div>
											</div>

											<strong>
												JADWAL PENGUMUMAN KELULUSAN
											</strong>
											<hr class="m-1" />
											<div class="ps-3">
												<div class="row mb-2">
													<div class="col">
														<label class="form-label">
															Tanggal Pembukaan
														</label>
														<div class="input-group" id="datepicker-pengumuman-mulai-{{$gelombang->id}}">
															<input name="start_date_lulus" type="text" class="form-control input-date"
																placeholder="dd/mm/yyyy" data-date-format="dd/mm/yyyy"
																data-date-container="#datepicker-pengumuman-mulai-{{$gelombang->id}}"
																id='tanggal-pengumuman-mulai-{{$gelombang->id}}'
																value="{{formatValueDate($gelombang->mulai_pengumuman_lulus)}}"
																data-provide="datepicker" data-inputmask-inputformat="dd/mm/yyyy" />
															<span class="input-group-text">
																<label for='tanggal-pengumuman-mulai-{{$gelombang->id}}' class="p-0 m-0">
																	<i class="mdi mdi-calendar"></i>
																</label>
															</span>
														</div>
													</div>
													<div class="col">
														<label class="form-label">
															Waktu
														</label>
														<input required name="start_time_lulus"
															value="{{ explode(' ', $gelombang->mulai_pengumuman_lulus)[1] }}" class="form-control input-time" placeholder="HH:MM"
															id="" />
													</div>
												</div>
												<div class="row mb-2">
													<div class="col">
														<label class="form-label">
															Tanggal Penutupan
														</label>

														<div class="input-group" id="datepicker-pengumuman-selesai-{{$gelombang->id}}">
															<input name="finish_date_lulus" type="text" class="form-control input-date"
																placeholder="dd/mm/yyyy" data-date-format="dd/mm/yyyy"
																data-date-container="#datepicker-pengumuman-selesai-{{$gelombang->id}}"
																id='tanggal-pengumuman-selesai-{{$gelombang->id}}'
																value="{{formatValueDate($gelombang->selesai_pengumuman_lulus)}}"
																data-provide="datepicker" data-inputmask-inputformat="dd/mm/yyyy" />
															<span class="input-group-text">
																<label for='tanggal-pengumuman-selesai-{{$gelombang->id}}' class="p-0 m-0">
																	<i class="mdi mdi-calendar"></i>
																</label>
															</span>
														</div>
													</div>
													<div class="col">
														<label class="form-label">
															Waktu
														</label>
														<input required name="finish_time_lulus"
															value="{{ explode(' ', $gelombang->selesai_pengumuman_lulus)[1] }}" class="form-control input-time" placeholder="HH:MM"
															 id="" />
													</div>
												</div>
											</div>

											<div class="row mb-2">
												<div class="form-group col">
													<label for="">Status</label>
													<select required name="status" class="form-control form-select">
														<option @if ($gelombang->status == '1') selected @endif value="1">Aktif</option>
														<option @if ($gelombang->status == '0') selected @endif value="0">Nonaktif
														</option>
													</select>
												</div>
											</div>
											<div class="alert alert-warning">
												<i class="mdi mdi-information-outline"></i>
												Jika gelombang diaktifkan, maka gelombang lain yang sedang aktif akan di-nonaktifkan
											</div>
										</div>

										<div class="modal-footer">
											<button type="button" class="btn btn-secondary waves-effect"
												data-bs-dismiss="modal">Close</button>
											<button type="submit" class="btn btn-primary waves-effect waves-light">Simpan</button>
										</div>
									</div>!-- /.modal-content -->
								</form>
							</div>
						</div>
				</tr>
				@endforeach

			</tbody>
		</table>

	</div>




	{{-- jumlaah --}}
	<span class="mt-2 font-weight-bold"> Menampilkan data dari {{ $page_detail['awal'] }} sampai
		{{ $page_detail['end'] }} dengan total
		{{ $page_detail['total'] }} data </span>


	{{ $gelombangs->links('pagination::bootstrap-4') }}
	<div class="mt-2">

		<div class="alert alert-warning alert-dismissible show fade" role="alert">


			<strong>
				Catatan :
			</strong>

			<ul>
				<li>Hanya akan ada 1 gelombang aktif</li>
				<li>Jika gelombang diaktifkan maka gelombang lain yang sedang akif akan di-nonaktif-kan</li>
				<li>Pastikan untuk melakukan pengaturan mendetail untuk masing masing gelombang yang telah dibuat</li>
			</ul>
		</div>
	</div>
</div>

@endsection