@extends('layouts.master')
@section('content')

<div class="card">
    <div class="card-header card-custom-bg d-flex flex-row align-items-center justify-content-between">
        Assign Subject<a class="btn btn-sm btn-success" href="{{ route('subjects_assigns.index') }}">Assign list</a>
    </div>
    <div class="card-body">
        <div class="d-flex justify-content-center">
            <form action="{{ route('subjects_assigns.store') }}" method="POST" class="col-md-6">
                @csrf
                <div class="form-group">
                    <label for="class_id">Select Class:</label>
                    <select name="class_id" id="class_id" class="form-control select2">
                        @foreach ($classes as $class)
                            <option value="{{ $class->id }}">{{ $class->class_name }}</option>
                        @endforeach
                    </select>
                </div>
        
                <div class="form-group mt-3">
                    <label>Select Subjects:</label>
                    <hr>
                    <div class="row">
                        @foreach ($subjects as $subject)
                            <div class="col-sm-12 col-md-12 col-lg-6">
                                <div class="form-check">
                                    <input type="checkbox" class="form-check-input" id="subject_{{ $subject->id }}" name="subjects[]" value="{{ $subject->id }}">
                                    <label class="form-check-label" for="subject_{{ $subject->id }}">{{ $subject->subject_name }}</label>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
                <button type="submit" class="btn btn-primary mt-3">Save</button>
            </form>
        </div>
    </div>
</div>

@stop