@extends('frontend.layouts.app')

{{-- content --}}
@section('content')
	<main>
		<div id="myCarousel" class="carousel slide mb-6" data-bs-ride="carousel">
			<div class="carousel-indicators">
			<button
				type="button"
				data-bs-target="#myCarousel"
				data-bs-slide-to="0"
				class="active"
				aria-current="true"
				aria-label="Slide 1"
			></button>
			<button
				type="button"
				data-bs-target="#myCarousel"
				data-bs-slide-to="1"
				aria-label="Slide 2"
			></button>
			<button
				type="button"
				data-bs-target="#myCarousel"
				data-bs-slide-to="2"
				aria-label="Slide 3"
			></button>
			</div>
			<div class="carousel-inner">
			<div class="carousel-item active">
				<svg
				aria-hidden="true"
				class="bd-placeholder-img"
				height="100%"
				preserveAspectRatio="xMidYMid slice"
				width="100%"
				xmlns="http://www.w3.org/2000/svg"
				>
				<rect
					width="100%"
					height="100%"
					fill="var(--bs-secondary-color)"
				></rect>
				</svg>
				<div class="container">
				<div class="carousel-caption text-start">
					<h1>第136回 東京支部セミナー</h1>
					<p class="opacity-75">
					Some representative placeholder content for the first slide of
					the carousel.
					</p>
					<p>
					<a class="btn btn-lg btn-primary" href="#">Sign up today</a>
					</p>
				</div>
				</div>
			</div>
			<div class="carousel-item">
				<svg
				aria-hidden="true"
				class="bd-placeholder-img"
				height="100%"
				preserveAspectRatio="xMidYMid slice"
				width="100%"
				xmlns="http://www.w3.org/2000/svg"
				>
				<rect
					width="100%"
					height="100%"
					fill="var(--bs-secondary-color)"
				></rect>
				</svg>
				<div class="container">
				<div class="carousel-caption">
					<h1>第136回 東京支部セミナー</h1>
					<p>
					Some representative placeholder content for the second slide
					of the carousel.
					</p>
					<p><a class="btn btn-lg btn-primary" href="#">Learn more</a></p>
				</div>
				</div>
			</div>
			<div class="carousel-item">
				<svg
				aria-hidden="true"
				class="bd-placeholder-img"
				height="100%"
				preserveAspectRatio="xMidYMid slice"
				width="100%"
				xmlns="http://www.w3.org/2000/svg"
				>
				<rect
					width="100%"
					height="100%"
					fill="var(--bs-secondary-color)"
				></rect>
				</svg>
				<div class="container">
				<div class="carousel-caption text-end">
					<h1>第136回 東京支部セミナー</h1>
					<p>
					Some representative placeholder content for the third slide of
					this carousel.
					</p>
					<p>
					<a class="btn btn-lg btn-primary" href="#">Browse gallery</a>
					</p>
				</div>
				</div>
			</div>
			</div>
			<button
			class="carousel-control-prev"
			type="button"
			data-bs-target="#myCarousel"
			data-bs-slide="prev"
			>
			<span class="carousel-control-prev-icon" aria-hidden="true"></span>
			<span class="visually-hidden">Previous</span>
			</button>
			<button
			class="carousel-control-next"
			type="button"
			data-bs-target="#myCarousel"
			data-bs-slide="next"
			>
			<span class="carousel-control-next-icon" aria-hidden="true"></span>
			<span class="visually-hidden">Next</span>
			</button>
		</div>

		


		
		<div class="container mt-8">

			{{-- アラートセクション --}}
			<section  class = "mb-5">
				<div
					class="alert alert-danger text-center py-4"
					role="alert"
				>
					<h5 class="alert-heading fw-bold">
						<span class="me-2">
							<i class="fas fa-exclamation-triangle fa-fw fa-lg"></i>
						</span>
						ご利用に関するお願いについて
					</h5>
					<hr>
					<div class="container text-start">
						<div class="row align-items-center">
							<div class="col-12">			
								<p class="lead fs-6 mb-0">
									＊各動画視聴時にRacNe（ラクネ）に登録しているメールアドレスを入力してください。
								</p>	
							
						
								<p class="lead fs-6 mb-0">
									＊ランチョンセミナーを除く10講義（370分）のうち70%以上（259分以上）の視聴が確認
							された方にのみ出席証明書を発行いたします。
								</p>
								<p class="lead fs-6 mb-0">
									＊本セミナーは放射線治療品質管理士更新の際に必要なカテゴリー2の0.3単位および、
							放射線治療専門放射線技師認定の1.0単位／年が認められています。
								</p>
								<p class="lead fs-6 mb-0">
									＊日本放射線学会オンラインセミナー利用規約 （<span class="text-break"><a href = "https://www.jsrt.or.jp/data/pdf/etc/onlineseminar_kiyaku.pdf" target="_blank">https://www.jsrt.or.jp/data/pdf/etc/onlineseminar_kiyaku.pdf</a></span>）を遵守して下さい。
								</p>
							</div>
						</div>
					</div>
					
			</section>
			{{-- /.アラートセクション --}}
			
			@if (count($content_list[0]) > 0)
				{{-- イントロセクション --}}
				<section >
					<div class="row row-cols-1 row-cols-lg-2 g-4">

						@foreach($content_list[0] as $i => $content)
							<div class="col text-center">
								<svg
									aria-label="Placeholder"
									class="bd-placeholder-img rounded-circle"
									height="140"
									preserveAspectRatio="xMidYMid slice"
									role="img"
									width="140"
									xmlns="http://www.w3.org/2000/svg"
								>
								<title>Placeholder</title>
								<rect
									width="100%"
									height="100%"
									fill="var(--bs-secondary-color)"
								></rect>
								</svg>
								<h2 class="fw-normal">Heading</h2>
								<p>
								Some representative placeholder content for the three columns of
								text below the carousel. This is the first column.
								</p>
								<p>
								<a class="btn btn-secondary" href="#">View details &raquo;</a>
								</p>
							</div>
						@endforeach

					</div>
					<hr class="featurette-divider" />
				</section>
				{{-- /.イントロセクション --}}
			@endif




			@if (count($content_list[1]) > 0)
				{{-- 医師セクション --}}
				<section>
					<div class="row row-cols-1 row-cols-lg-2 g-5">

						@foreach($content_list[1] as $i => $content)
							<div class="col text-center">
								<div class="card h-100">
									<img
										class="img-fluid"
										src="{{ asset('frontend/assets/img/' . $content['img']) }}"
									>
									<div class="card-body">
										
										<h5>
											{{ $content['title'] }}
										</h5>
										<p class="mb-3">
											{{ $content['author'] }}
											{{ $content['belongto'] }}
										</p>
									</div>
									{{-- <div class="card-footer bg-white py-3">
										<div class="d-grid gap-2">
											<button class="btn btn-danger" type="button">ダウンロード</button>
										</div>
									</div> --}}
								</div>
							</div>
						@endforeach

					</div>
					<hr class="featurette-divider" />
				</section>
				{{-- /.医師セクション --}}
			@endif
			
				
						
			  @if (count($content_list[2]) > 0)
				{{-- スポンサーセクション --}}
				<section>
					<div class="text-center mb-5">
						<h2>
							ランチョンセミナー
						</h2>
					</div>
					<div class="row row-cols-1 row-cols-lg-2 g-5 justify-content-center">

						@foreach($content_list[2] as $i => $content)
							<div class="col text-center">
								<div class="card h-100">
									<img
										class="img-fluid"
										src="{{ asset('frontend/assets/img/' . $content['img']) }}"
									>
									<div class="card-body">
										
										<h5>
											{{ $content['title'] }}
										</h5>
										<p class="mb-3">
											{{ $content['author'] }}
											{{ $content['belongto'] }}
										</p>
									</div>
									{{-- <div class="card-footer bg-white py-3">
										<div class="d-grid gap-2">
											<button class="btn btn-danger" type="button">ダウンロード</button>
										</div>
									</div> --}}
								</div>
							</div>
						@endforeach

					</div>
					<hr class="featurette-divider" />
				</section>
				{{-- /.スポンサーセクション --}}
			 @endif 
			
		</div>
	</main>


	{{-- modal --}}
	{{-- <div class="bg_onetime_popup">
		<div class="onetime_popup">
			
			<!-- modal-content -->
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title fw-bold">
						RacNe登録アドレスを入力してください
					</h5>
				</div>
				<div class="modal-body py-3">
					{!! Form::open($form) !!}
					<div class="row justify-content-md-center">
						<div class="col">
							<div class="input-group input-group-lg">
								<span class="input-group-text">
									<i class="far fa-envelope fa-fw fa-lg"></i>
								</span>
								{!! Form::email('email', '', [
									'class' => 'form-control',
									'id' => 'email',
								]) !!}
								{!! Form::button('登録', [
									'class' => 'btn btn-primary px-4',
									'type' => 'submit',
								]) !!}
							</div>
						</div>
					</div>
					{!! Form::close() !!}		
				</div>
			</div>
			<!-- /.modal-content -->
			
		</div>
	</div> --}}
	{{-- /.modal --}}
@endsection

{{-- css --}}
@section('css')

@stop

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