@extends('partials.master')
@section('title','Rombel')
@section('content')
<div class="row">
    <div class="col-lg-5 mb-5">
        <!--begin::Card-->
        <div class="card">
            <div class="card-header">
                <div class="h4 mt-8">SISWA BELUM MASUK ROMBEL</div>
            </div>
            <div class="card-body py-4">
            <form action="{{ route('/admin.kurikulum.tambahAnggota',['rombel'=>$rombel->id]) }}" method="POST">
            @CSRF
            <!-- <select class="form-select form-select-sm form-select-solid" size="20" data-control="select2" data-close-on-select="false" data-placeholder="Select an option" data-allow-clear="true" multiple> -->
            <select class="form-select form-select-solid" id="siswa_id" name="siswa_id[]" size="20" multiple>
                @foreach($siswas as $siswa)
                <option value="{{ $siswa->id }}">{{ $siswa->rombel_saat_ini }} - {{ $siswa->fullname }}</option>
                @endforeach
            </select>
            </div>
        </div>
        <!--end::Card-->
    </div>
    <div class="col-lg-1 m-3">
            <input type="submit" value="Tambah" class="btn btn-primary btn-sm mb-2"/>
        </form>
        <form action="{{ route('/admin.kurikulum.hapusAnggota',['rombel'=>$rombel->id]) }}" method="POST">
            @CSRF
            <input type="submit" value="Hapus" class="btn btn-primary btn-sm"/>
    </div>
    <div class="col-lg-5 mb-5">
        <!--begin::Card-->
        <div class="card">
            <div class="card-header">
                <div class="h4 mt-8">SISWA KELAS {{ $rombel->nama_rombel }}</div>
            </div>
            <div class="card-body py-4">
            <!-- <select class="form-select form-select-sm form-select-solid" size="20" data-control="select2" data-close-on-select="false" data-placeholder="Select an option" data-allow-clear="true" multiple> -->
            <select class="form-select form-select-solid" id="siswa_id" name="siswa_id[]" size="20" multiple>
                @foreach($rombel->siswas as $siswa)
                <option value="{{ $siswa->id }}">{{ $siswa->rombel_saat_ini }} - {{ $siswa->fullname }}</option>
                @endforeach
            </select>
            </div>
        </div>
        </form>
        <!--end::Card-->
    </div>
</div>

<!-- MODAL TAMBAH TAHUN PELAJARAN -->
<div class="modal fade" tabindex="-1" id="kt_modal_1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title">Tambah Rombel</h3>

                <!--begin::Close-->
                <div class="btn btn-icon btn-sm btn-active-light-primary ms-2" data-bs-dismiss="modal" aria-label="Close">
                    <i class="ki-duotone ki-cross fs-1"><span class="path1"></span><span class="path2"></span></i>
                </div>
                <!--end::Close-->
            </div>

            <form action="{{ route ('/admin.kurikulum.rombel.insert') }}" method="POST">
                @CSRF
                <div class="modal-body">
                    <label for="" class="form-label">Tahun Pelajaran</label>
                    <select name="tahun_pelajaran" data-control="select2" data-placeholder="Pilih Tahun Pelajaran" data-hide-search="true" class="form-select form-select-solid fw-bold" required>
						<option></option>
						
						<option value=""></option>
					</select>

                    <label for="" class="form-label">Nama Rombel</label>
                    <input type="text" class="form-control" name="nama_rombel" data-kt-autosize="true" max="2" required></input>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
                    <input type="submit" class="btn btn-primary"/>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- /MODAL TAMBAH TAHUN PELAJARAN -->

<!--begin::Javascript-->
<script>var hostUrl = "assets/";</script>
    <!--begin::Global Javascript Bundle(mandatory for all pages)-->
    <script src="{{ asset('assets/plugins/global/plugins.bundle.js') }}"></script>
    <script src="{{ asset('assets/js/scripts.bundle.js') }}"></script>
    <!--end::Global Javascript Bundle-->
    <!--begin::Vendors Javascript(used for this page only)-->
    <script src="{{ asset('assets/plugins/custom/datatables/datatables.bundle.js') }}"></script>
    <!--end::Vendors Javascript-->
    <!--begin::Custom Javascript(used for this page only)-->
    <script src="{{ asset('assets/js/custom/apps/user-management/users/list/table.js') }}"></script>
    <script src="{{ asset('assets/js/custom/apps/user-management/users/list/export-users.js') }}"></script>
    <script src="{{ asset('assets/js/custom/apps/user-management/users/list/add.js') }}"></script>
    <script src="{{ asset('assets/js/widgets.bundle.js') }}"></script>
    <script src="{{ asset('assets/js/custom/widgets.js') }}"></script>
    <script src="{{ asset('assets/js/custom/apps/chat/chat.js') }}"></script>
    <script src="{{ asset('assets/js/custom/utilities/modals/create-campaign.js') }}"></script>
    <script src="{{ asset('assets/js/custom/utilities/modals/users-search.js') }}"></script>
    <!--end::Custom Javascript-->
    <!--end::Javascript-->
	<!--end::Custom Javascript-->
	<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
		@if($message = Session::get('success'))
			<script>
			Swal.fire({
			icon: 'success',
			// title: 'Oops...',
			title: '{{ $message }}',
			footer: ''
			})
			</script>
		@endif
		<!--end::Javascript-->

@endsection