@extends('layouts.app')



@section('content')
    <div class="container">
        <h1 class="title">Sections</h1>
        

        <table class="table is-fullwidth is-striped">
           
            <tbody>
                @foreach($sections as $section)
                    <tr>
                        <td colspan='2'><b>{{ $section->number }}. {{ $section->name }}</b></td>
                    </tr>
                    
                    @foreach($section->subsections as $subsection)
                        <tr>
                            <td></td>
                            <td style="padding-right: 30px;">{{ $subsection->name }}</td>
                        </tr>

                    @endforeach
                </ul>

                @endforeach
            </tbody>
        </table>
    </div>

  

@endsection