@extends('partials.master')
@section('content')
	<!--begin::Content-->
	<div id="kt_app_content" class="app-content flex-column-fluid">
		
		<!--begin::Content container-->
		<div id="kt_app_content_container" class="app-container container-xxl">
			<!--begin::Navbar-->
			<div class="card mb-5 mb-xl-10">
				<div class="card-body pt-9 pb-0">
					<!--begin::Details-->
					<div class="d-flex flex-wrap flex-sm-nowrap">
						<!--begin: Pic-->
						<div class="me-7 mb-4">
							<!-- <div class="symbol symbol-100px symbol-lg-160px symbol-fixed position-relative"> -->
							<div class="symbol symbol-100px symbol-lg-160px symbol-fixed position-relative">
								<!-- <img src="{{ asset('assets/media/avatars/blank.png') }}" alt="image" /> -->
								@if($siswa->pas_foto_2 == NULL)
									<img src="{{ asset('assets/media/avatars/blank.png') }}" alt="image" />
								@elseif( $siswa->pas_foto_2 == !NULL )
									<img src="{{ asset('storage/'.$siswa->pas_foto_2) }}" alt="image" />
								@endif
								<div class="position-absolute translate-middle bottom-0 start-100 mb-6 bg-success rounded-circle border border-4 border-body h-20px w-20px"></div>
							</div>
						</div>
						<!--end::Pic-->
						<!--begin::Info-->
						<div class="flex-grow-1">
							<!--begin::Title-->
							<div class="d-flex justify-content-between align-items-start flex-wrap mb-2">
								<!--begin::User-->
								<div class="d-flex flex-column">
									<!--begin::Name-->
									<div class="d-flex align-items-center mb-2">
										<a href="#" class="text-gray-900 text-hover-primary fs-2 fw-bold me-1">{{ $siswa->fullname }}</a>
										<a href="#">
											<i class="ki-outline ki-verify fs-1 text-primary"></i>
										</a>
									</div>
									<!--end::Name-->
									<!--begin::Info-->
									<div class="d-flex flex-wrap fw-semibold fs-6 mb-4 pe-2">
										<a href="#" class="d-flex align-items-center text-gray-400 text-hover-primary me-5 mb-2">
										<i class="ki-outline ki-profile-circle fs-4 me-1"></i>Kelas</a>
										<a href="#" class="d-flex align-items-center text-gray-400 text-hover-primary me-5 mb-2">
										<i class="ki-outline ki-geolocation fs-4 me-1"></i>Wali Kelas</a>
										<a href="#" class="d-flex align-items-center text-gray-400 text-hover-primary mb-2">
										<i class="ki-outline ki-sms fs-4 me-1"></i>Kirim Whatsapp</a>
									</div>
									<!--end::Info-->
								</div>
								<!--end::User-->
							</div>
							<!--end::Title-->
							<!--begin::Stats-->
							<div class="d-flex flex-wrap flex-stack">
								<!--begin::Wrapper-->
								<div class="d-flex flex-column flex-grow-1 pe-8">
									<!--begin::Stats-->
									<div class="d-flex flex-wrap">
										<!--begin::Stat-->
										<!-- <div class="border border-gray-300 border-dashed rounded min-w-125px py-3 px-4 me-6 mb-3"> -->
										<div class="border border-gray-300 border-dashed rounded min-w-100px py-3 px-4 me-6 mb-3">
											<!--begin::Number-->
											<div class="d-flex align-items-center">
												<!-- <i class="ki-outline ki-arrow-up fs-3 text-success me-2"></i> -->
												<div class="fs-2 fw-bold" data-kt-countup="true" data-kt-countup-value="0" data-kt-countup-prefix="">0</div>
												<div class="fs-4 fw-bold">-Hari</div>
											</div>
											<!--end::Number-->
											<!--begin::Label-->
											<div class="fw-semibold fs-6 text-gray-400">Absen</div>
											<!--end::Label-->
										</div>
										<!--end::Stat-->
										<!--begin::Stat-->
										<div class="border border-gray-300 border-dashed rounded min-w-100px py-3 px-4 me-6 mb-3">
											<!--begin::Number-->
											<div class="d-flex align-items-center">
												<!-- <i class="ki-outline ki-arrow-down fs-3 text-danger me-2"></i> -->
												<div class="fs-2 fw-bold" data-kt-countup="true" data-kt-countup-value="0" data-kt-countup-prefix="">0 </div>
												<div class="fs-4 fw-bold">-Hari</div>
											</div>
											<!--end::Number-->
											<!--begin::Label-->
											<div class="fw-semibold fs-6 text-gray-400">Sakit</div>
											<!--end::Label-->
										</div>
										<!--end::Stat-->
										<!--begin::Stat-->
										<div class="border border-gray-300 border-dashed rounded min-w-125px py-3 px-4 me-6 mb-3">
											<!--begin::Number-->
											<div class="d-flex align-items-center">
												<!-- <i class="ki-outline ki-arrow-up fs-3 text-success me-2"></i> -->
												<div class="fs-2 fw-bold" data-kt-countup="true" data-kt-countup-value="0" data-kt-countup-prefix="">0</div>
												<div class="fs-4 fw-bold">-Menit</div>
											</div>
											<!--end::Number-->
											<!--begin::Label-->
											<div class="fw-semibold fs-6 text-gray-400">Telat</div>
											<!--end::Label-->
										</div>
										<!--end::Stat-->
										<!--begin::Stat-->
										<div class="border border-gray-300 border-dashed rounded min-w-125px py-3 px-4 me-6 mb-3">
											<!--begin::Number-->
											<div class="d-flex align-items-center">
												<!-- <i class="ki-outline ki-arrow-up fs-3 text-success me-2"></i> -->
												<div class="fs-2 fw-bold" data-kt-countup="true" data-kt-countup-value="0" data-kt-countup-prefix="">0</div>
												<div class="fs-4 fw-bold">-Kali</div>
											</div>
											<!--end::Number-->
											<!--begin::Label-->
											<div class="fw-semibold fs-6 text-gray-400">Pelanggaran</div>
											<!--end::Label-->
										</div>
										<!--end::Stat-->
									</div>
									<!--end::Stats-->
								</div>
								<!--end::Wrapper-->
								<!--begin::Progress-->
								<div class="d-flex align-items-center w-200px w-sm-300px flex-column mt-3">
									<!-- <div class="d-flex justify-content-between w-100 mt-auto mb-2">
										<span class="fw-semibold fs-6 text-gray-400">Profile Compleation</span>
										<span class="fw-bold fs-6">90%</span>
									</div> -->
									<!-- <div class="h-5px mx-3 w-100 bg-light mb-3">
										<div class="bg-success rounded h-5px" role="progressbar" style="width: 90%;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
									</div> -->
								</div>
								<!--end::Progress-->
							</div>
							<!--end::Stats-->
						</div>
						<!--end::Info-->
					</div>
					<!--end::Details-->
					<!--begin::Navs-->
					<ul class="nav nav-stretch nav-line-tabs nav-line-tabs-2x border-transparent fs-5 fw-bold">
						<!--begin::Nav item-->
						<li class="nav-item mt-2">
							@if(auth()->user()->level == "superadmin" || auth()->user()->level =="Guru" || auth()->user()->level == 'kesiswaan')
							<a class="nav-link text-active-primary ms-0 me-10 py-5 {{ (request()->segment(2) == 'dataDiri') ? 'active' : '' }}" href="{{ route('/admin.siswa.dataDiri',['id'=>$siswa->id]) }}">Data Diri</a>
							@elseif(auth()->user()->level == "siswa")
							<a class="nav-link text-active-primary ms-0 me-10 py-5 {{ (request()->segment(2) == 'dataDiri') ? 'active' : '' }}" href="{{ route('/siswa.dataDiri') }}">Data Diri</a>
							@endif
						</li>
						<!--end::Nav item-->
						<!--begin::Nav item-->
						<li class="nav-item mt-2">
							@if(auth()->user()->level == "superadmin" || auth()->user()->level =="Guru" || auth()->user()->level == 'kesiswaan')
							<a class="nav-link text-active-primary ms-0 me-10 py-5 {{ (request()->segment(2) == 'dataOrangTua') ? 'active' : '' }}" href="{{ route('/admin.siswa.dataOrangTua',['id'=>$siswa->id]) }}">Data Orang Tua</a>
							@elseif(auth()->user()->level == "siswa")
							<a class="nav-link text-active-primary ms-0 me-10 py-5 {{ (request()->segment(2) == 'orangTua') ? 'active' : '' }}" href="{{ route('/siswa.orangTua') }}">Data Orang Tua</a>
							@endif
						</li>
						<!--end::Nav item-->
						<!--begin::Nav item-->
						<li class="nav-item mt-2">
							@if(auth()->user()->level == "superadmin" || auth()->user()->level =="Guru" || auth()->user()->level == 'kesiswaan')
							<a class="nav-link text-active-primary ms-0 me-10 py-5 {{ (request()->segment(2) == 'dataBerkas') ? 'active' : '' }}" href="{{ route('/admin.siswa.dataBerkas',['id'=>$siswa->id]) }}">Data Berkas</a>
							@elseif(auth()->user()->level == "siswa")
							<a class="nav-link text-active-primary ms-0 me-10 py-5 {{ (request()->segment(2) == 'dataBerkas') ? 'active' : '' }}" href="{{ route('/siswa.dataBerkas') }}">Data Berkas</a>
							@endif
						</li>
						<!--end::Nav item-->
						<!--begin::Nav item-->
						<li class="nav-item mt-2">
							<!-- <a class="nav-link text-active-primary ms-0 me-10 py-5 {{ (request()->segment(3) == 'dataHafalan') ? 'active' : '' }}" href="{{ route('/admin.siswa.dataHafalan',['id'=>$siswa->id]) }}">Data Hafalan</a> -->
						</li>
						<!--end::Nav item-->
						<!--begin::Nav item-->
						<li class="nav-item mt-2">
							<!-- <a class="nav-link text-active-primary ms-0 me-10 py-5 {{ (request()->segment(3) == 'dataNilai') ? 'active' : '' }}" href="{{ route('/admin.siswa.dataNilai',['id'=>$siswa->id]) }}">Data Nilai</a> -->
						</li>
						<!--end::Nav item-->
						<!--begin::Nav item-->
						<li class="nav-item mt-2">
							<!-- <a class="nav-link text-active-primary ms-0 me-10 py-5 {{ (request()->segment(3) == 'dataPembayaran') ? 'active' : '' }}" href="{{ route('/admin.siswa.dataPembayaran',['id'=>$siswa->id]) }}">Data Pembayaran</a> -->
						</li>
						<!--end::Nav item-->
					</ul>
					<!--begin::Navs-->
				</div>
			</div>
			<!--end::Navbar-->

			<!-- BAGIAN UNTUK DATA SISWA YANG DI TIMPA -->
			@yield('data_siswa')
			<!-- /BAGIAN UNTUK DATA SISWA YANG DI TIMPA -->
			
			<!--begin::Row-->
			<div class="row gy-5 g-xl-10">
				
			</div>
			<!--end::Row-->
			
		</div>
		<!--end::Content container-->

	</div>
	<!--end::Content-->
</div>
<!--end::Content wrapper-->

<!--Custom Javascript-->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
@if($message = Session::get('success'))
    <script>
    Swal.fire({
    icon: 'success',
    title: 'Success',
    text: '{{ $message }}',
    footer: ''
    })
    </script>
@endif
<!--end::Javascript-->

@endsection