<div>
    <form wire:submit.prevent="save">
        <!-- Results Display Settings Card -->
        <div class="card mb-4">
            <div class="card-header">
                <h6 class="mb-0">Results Display Settings</h6>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-check form-switch mb-3">
                            <input class="form-check-input" type="checkbox" wire:model="showClassTeachersOnPrint" id="showClassTeachersOnPrint">
                            <label class="form-check-label" for="showClassTeachersOnPrint">
                                Show Class Teachers on Print
                            </label>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-check form-switch mb-3">
                            <input class="form-check-input" type="checkbox" wire:model="showClassTeachersOnline" id="showClassTeachersOnline">
                            <label class="form-check-label" for="showClassTeachersOnline">
                                Show Class Teachers on Online Results
                            </label>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-check form-switch mb-3">
                            <input class="form-check-input" type="checkbox" wire:model="showTimestamp" id="showTimestamp">
                            <label class="form-check-label" for="showTimestamp">
                                Show Timestamp on Results
                            </label>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Results Upload Settings Card -->
        <div class="card mb-4">
            <div class="card-header">
                <h6 class="mb-0">Results Upload Settings</h6>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-check form-switch mb-3">
                            <input class="form-check-input" type="checkbox" wire:model="allowTeacherResultUpload" id="allowTeacherResultUpload">
                            <label class="form-check-label" for="allowTeacherResultUpload">
                                Allow Teachers to Upload Results
                            </label>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-check form-switch mb-3">
                            <input class="form-check-input" type="checkbox" wire:model="allowAdminResultUpload" id="allowAdminResultUpload">
                            <label class="form-check-label" for="allowAdminResultUpload">
                                Allow Admins to Upload Results
                            </label>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Approved Results Edit Settings Card -->
        <div class="card mb-4">
            <div class="card-header">
                <h6 class="mb-0">Approved Results Edit Settings</h6>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-check form-switch mb-3">
                            <input class="form-check-input" type="checkbox" wire:model="allowTeacherEditApprovedResults" id="allowTeacherEditApprovedResults">
                            <label class="form-check-label" for="allowTeacherEditApprovedResults">
                                Allow Teachers to Edit Approved Results
                            </label>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-check form-switch mb-3">
                            <input class="form-check-input" type="checkbox" wire:model="allowHeadTeacherEditApprovedResults" id="allowHeadTeacherEditApprovedResults">
                            <label class="form-check-label" for="allowHeadTeacherEditApprovedResults">
                                Allow Head Teachers to Edit Approved Results
                            </label>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-check form-switch mb-3">
                            <input class="form-check-input" type="checkbox" wire:model="allowAdminEditApprovedResults" id="allowAdminEditApprovedResults">
                            <label class="form-check-label" for="allowAdminEditApprovedResults">
                                Allow Admins to Edit Approved Results
                            </label>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Results Approval Settings Card -->
        <div class="card mb-4">
            <div class="card-header">
                <h6 class="mb-0">Results Approval Settings</h6>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-check form-switch mb-3">
                            <input class="form-check-input" type="checkbox" wire:model="allowTeacherApproveResults" id="allowTeacherApproveResults">
                            <label class="form-check-label" for="allowTeacherApproveResults">
                                Allow Teachers to Approve Results
                            </label>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-check form-switch mb-3">
                            <input class="form-check-input" type="checkbox" wire:model="allowHeadTeacherApproveResults" id="allowHeadTeacherApproveResults">
                            <label class="form-check-label" for="allowHeadTeacherApproveResults">
                                Allow Head Teachers to Approve Results
                            </label>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-check form-switch mb-3">
                            <input class="form-check-input" type="checkbox" wire:model="allowAdminApproveResults" id="allowAdminApproveResults">
                            <label class="form-check-label" for="allowAdminApproveResults">
                                Allow Admins to Approve Results
                            </label>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Results Unapproval Settings Card -->
        <div class="card mb-4">
            <div class="card-header">
                <h6 class="mb-0">Results Unapproval Settings</h6>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-check form-switch mb-3">
                            <input class="form-check-input" type="checkbox" wire:model="allowTeacherUnapproveResults" id="allowTeacherUnapproveResults">
                            <label class="form-check-label" for="allowTeacherUnapproveResults">
                                Allow Teachers to Unapprove Results
                            </label>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-check form-switch mb-3">
                            <input class="form-check-input" type="checkbox" wire:model="allowHeadTeacherUnapproveResults" id="allowHeadTeacherUnapproveResults">
                            <label class="form-check-label" for="allowHeadTeacherUnapproveResults">
                                Allow Head Teachers to Unapprove Results
                            </label>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-check form-switch mb-3">
                            <input class="form-check-input" type="checkbox" wire:model="allowAdminUnapproveResults" id="allowAdminUnapproveResults">
                            <label class="form-check-label" for="allowAdminUnapproveResults">
                                Allow Admins to Unapprove Results
                            </label>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-12">
                <button type="submit" class="btn btn-primary">
                    <i class="fas fa-save me-2"></i> Save Settings
                </button>
            </div>
        </div>
    </form>
</div>