@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">Rombel Th. {{ $tp_aktif->tahun_pelajaran }}</div>
            </div>
            <div class="card-body py-4">
            <form action="{{ route('/admin.kurikulum.guru.mengajar.tambahMengajar') }}" method="POST">
            @CSRF
            <input type="hidden" name="guru_mengajar_id" value="{{ $guru_mengajar->id }}">
            <!-- <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="rombel_id" name="rombel_id[]" size="20" multiple>
                @foreach($rombels as $rombel)
                <option value="{{ $rombel->id }}">{{ $rombel->tahun_ajaran }} - {{ $rombel->nama_rombel }}</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.guru.mengajar.deleteMengajar') }}" method="POST">
            @CSRF
            <input type="hidden" name="guru_mengajar_id" value="{{ $guru_mengajar->id }}">
            <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">Nama Guru :  {{ $guru_mengajar->guru->nama_guru }}</br>Mapel : {{ $guru_mengajar->mata_pelajaran }}</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="" name="rombel_id[]" size="20" multiple>
                @foreach($guru_mengajar->rombels as $rombels)
                <option value="{{ $rombels->id }}">{{ $rombels->nama_rombel }}</option>
                @endforeach
                
            </select>
            </div>
        </div>
        </form>
        <!--end::Card-->
    </div>
</div>

<!--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