@extends('admin.admin_dashboard')

@section('admin')
<div class="content-body">
    <div class="container-fluid">

        <div class="row page-titles">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Home</a></li>
                <li class="breadcrumb-item"><a href="{{ route('groups.index') }}">Groups</a></li>
                <li class="breadcrumb-item active">Assign Classes</li>
            </ol>
        </div>

        <div class="row">
            <div class="col-xl-8 mx-auto">
                <div class="card">
                    <div class="card-header">
                        <h4>Assign Classes to Group: {{ $group->name }}</h4>
                    </div>
                    <div class="card-body">
                        <form action="{{ route('admin.groups.assign.classes.store', $group->id) }}" method="POST">
                            @csrf

                            <div class="mb-3">
                                <label class="form-label">Select Classes</label>
                                <div class="row">
                                    @foreach($classes as $class)
                                        <div class="col-md-4">
                                            <div class="form-check">
                                                <input type="checkbox" 
                                                       name="classes[]" 
                                                       value="{{ $class->id }}"
                                                       class="form-check-input"
                                                       {{ in_array($class->id, $assignedClasses) ? 'checked' : '' }}>
                                                <label class="form-check-label">
                                                    {{ $class->name }}
                                                </label>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>

                            <button type="submit" class="btn btn-primary">Save</button>
                            <a href="{{ route('groups.index') }}" class="btn btn-secondary">Cancel</a>
                        </form>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
@endsection