@extends('frontend.layouts.app')


@section('content')




<section style="background:#f1f5fd;" class="th-blog-wrapper">
    <div   class="container">
      <div  class="row p-5">
        <div class="col-xxl-12 col-lg-12 col-md-12 col-sm-12">
            <p class="text-center p-0 mb-1" style="font-size:25px">{{$note_title->note}}</p>
            <p class="text-center" style="font-size:17px">A collection of {{$note_title->note}} revision notes covering a broad range of medical topics.</p>
            <hr class="mb-4">



            <div class="row mb-5">
                @forelse ($bolgCats as $note)
                    <div style="margin-bottom:102px" class="col-xxl-3 col-lg-3 col-md-4 col-sm-12">
                        <a href="{{route('frontend.note.subcategory', $note->id)}}" style="cursor: pointer">
                            <img style="width:250; height:200px; border-radius:4px" class="mb-3" src="{{ asset('frontend/assets/images/blog/' . $note->image) }}" alt="Note Image"/>
                        <p style="margin-top: -130px; margin-left:100px; color:rgb(4, 130, 168)">{{$note->name}}</p>
                        </a>

                    </div>
                @empty
                    <p>No notes available.</p>
                @endforelse
            </div>





        </div>

      </div>
    </div>
  </section>
@endsection