@extends('backend.plugins.learning.layouts.master')
@section('content')
    <div class="content" id="bg_content">
        <div class="pt-6 pb-4">
            <div class="container d-flex justify-content-between flex-stack">
                <div class="d-flex align-items-center me-3">
                    <span class="h-20px border-gray-200 border-start mx-2"></span>
                    <ul class="breadcrumb breadcrumb-separatorless  fs-7 my-1">
                        <li class="breadcrumb-item">
                            <a href="/admin" class="text-dark">Dashboard</a>
                        </li>
                        <li class="breadcrumb-item text-dark">{{ $heading }}</li>
                    </ul>
                </div>
                <div class="">
                    <a href="/admin/plugins/learning/class-subject-manage/{{ $id }}/chapters"
                        class="btn btn-dark">Back</a>
                </div>
            </div>
        </div>
        <div id="kt_post">
            <div class="container">
                <div class="row g-2">
                    @foreach ($categories as $category)
                        <div class="col-sm-4">
                            <a
                                href="/admin/plugins/learning/class-subject-manage/{{ $id }}/chapters/chapters/notes/{{ $category->slug }}">
                                <div class="card rounded-0">
                                    <div class="card-body text-center">
                                        <h3 class="border-bottom pb-3 mb-5">
                                            {{ $category->name }}
                                        </h3>
                                        <span class="badge bg-primary">Total :
                                            {{ count_subjective($chapter_id, $category->id) }}</span>
                                    </div>
                                    <div class="card-footer text-center">
                                        <a href="/admin/plugins/learning/class-subject-manage/{{ $id }}/chapters/{{ $chapter_id }}/notes/{{ $category->slug }}"
                                            class="btn rounded-0 btn-outline-primary"> Manage</a>
                                    </div>
                                </div>
                            </a>
                        </div>
                    @endforeach
                    <div class="col-sm-4">
                        <a href="/admin/plugins/learning/class-subject-manage/{{ $id }}/chapters/{{ $chapter_id }}/notes/objective">
                            <div class="card rounded-0">
                                <div class="card-body text-center">
                                    <h3 class="border-bottom pb-3 mb-5">
                                        Objective Questions
                                    </h3>
                                    <span class="badge bg-primary">Total :
                                        {{ count_objectives($chapter_id) }}</span>
                                </div>
                                <div class="card-footer text-center">
                                    <a href="/admin/plugins/learning/class-subject-manage/{{ $id }}/chapters/{{ $chapter_id }}/notes/objective"
                                        class="btn btn-outline-primary rounded-0"><i
                                            class="fa fa-external-link-alt"></i>
                                        Manage</a>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                {{-- @livewire('backend.plugin.learning.chapter.chapter-note-component',['chapter_id'=>$chapter_id]) --}}
            </div>
            <!--end::Container-->
        </div>
    </div>
    @endsection