@extends('Vzdelavanie::layout.default')

@section('content')
    @parent
    <div id="prehliadacUcebnehoMaterialu" class="main-container">
        <section class="space-sm pb-4" :class="[ kontrastAktivny ? 'bg-dark' : 'bg-white' ]">
            <div class="container" style="font-family: serif;">
                @include('Vzdelavanie::pages.ucebne_materialy.partials.nahlad.menu_moznosti', ['ucebnyText' => $ucebnyText])
                <div class="row justify-content-between align-items-center">
                    <div class="col" :style="{ display: menuObsahuSkryte ? 'none' : 'block' }">
                        <div class="menu-ucebneho-textu">
                            @component('Vzdelavanie::pages.ucebne_materialy.partials.nahlad.menu_obsahu', ['sekcie' => $sekcie])@endcomponent
                        </div>
                    </div>
                    <div class="col" :style="{ display: menuObsahuSkryte ? 'block' : 'none' }">
                        <div class="nahlad-ucebneho-textu">
                            @isset($sekcia)
                                <div class="sekcia-obsah" :style="{ fontSize: velkostPisma + 'px' }">
                                    <h2>{{ $sekcia->nazov }}</h2>
                                    <hr>
                                    <div>{!! $sekcia->obsah !!}</div>
                                </div>
                            @endisset
                        </div>
                        @isset($sekcia)
                            @include('Vzdelavanie::pages.ucebne_materialy.partials.nahlad.strankovanie', ['sekcia' => $sekcia])
                        @endisset
                        @parent
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection
