@extends('layout.b2c')
@section('title', $termOfUsePage->title)
@section('meta-description', $termOfUsePage->opis)

@section('content')
    <section class="section section-top-title">
        <figure class="curly-line">
            <svg xmlns="http://www.w3.org/2000/svg" width="300" height="240" viewBox="0 0 300 240">
                <g transform="translate(0,240) scale(0.1,-0.1)" fill="currentColor" stroke="none">
                    <path
                        d="M2970 2378 c0 -7 -23 -60 -50 -117 -43 -89 -62 -115 -133 -186 -69 -69 -98 -89 -187 -133 -135 -65 -217 -93 -595 -203 -170 -50 -353 -106 -405 -126 -297 -111 -445 -237 -521 -445 -53 -143 -73 -375 -49 -538 l10 -65 -41 -34 c-22 -19 -101 -104 -175 -188 -143 -162 -205 -216 -296 -258 -91 -42 -176 -55 -361 -55 -110 0 -166 -3 -162 -10 10 -16 301 -12 392 5 127 24 222 77 324 182 48 48 106 111 130 138 75 87 173 185 185 185 6 0 14 -15 18 -32 3 -18 18 -62 31 -98 73 -188 209 -264 345 -193 90 47 149 156 136 250 -26 191 -223 257 -444 150 -34 -16 -66 -27 -70 -23 -4 4 -7 94 -7 199 0 222 14 303 74 432 111 236 275 329 906 510 662 190 803 276 929 563 38 88 42 102 26 102 -5 0 -10 -6 -10 -12z m-1544 -1757 c110 -50 153 -174 100 -286 -53 -113 -173 -166 -272 -119 -67 32 -146 148 -174 254 -6 25 -13 52 -16 62 -6 22 42 55 124 84 84 30 179 32 238 5z" />
                </g>
            </svg>
        </figure>
        <!-- curly-line end -->
        <div class="container">
            <div class="row">
                <div class="col-lg-8 offset-lg-2">
                    <h1>{!! $termOfUsePage->title !!}</h1>
                    <p>{!! $termOfUsePage->opis !!}</p>
                </div>
                <!-- col end -->
            </div>
            <!-- row end -->
        </div>
        <!-- container end -->
    </section>

    <section class="section section-purchase aside-with-content">
        <figure class="curly-line">
            <svg xmlns="http://www.w3.org/2000/svg" width="300" height="240" viewBox="0 0 300 240">
                <g transform="translate(0,240) scale(0.1,-0.1)" fill="currentColor" stroke="none">
                    <path
                        d="M2970 2378 c0 -7 -23 -60 -50 -117 -43 -89 -62 -115 -133 -186 -69 -69 -98 -89 -187 -133 -135 -65 -217 -93 -595 -203 -170 -50 -353 -106 -405 -126 -297 -111 -445 -237 -521 -445 -53 -143 -73 -375 -49 -538 l10 -65 -41 -34 c-22 -19 -101 -104 -175 -188 -143 -162 -205 -216 -296 -258 -91 -42 -176 -55 -361 -55 -110 0 -166 -3 -162 -10 10 -16 301 -12 392 5 127 24 222 77 324 182 48 48 106 111 130 138 75 87 173 185 185 185 6 0 14 -15 18 -32 3 -18 18 -62 31 -98 73 -188 209 -264 345 -193 90 47 149 156 136 250 -26 191 -223 257 -444 150 -34 -16 -66 -27 -70 -23 -4 4 -7 94 -7 199 0 222 14 303 74 432 111 236 275 329 906 510 662 190 803 276 929 563 38 88 42 102 26 102 -5 0 -10 -6 -10 -12z m-1544 -1757 c110 -50 153 -174 100 -286 -53 -113 -173 -166 -272 -119 -67 32 -146 148 -174 254 -6 25 -13 52 -16 62 -6 22 42 55 124 84 84 30 179 32 238 5z" />
                </g>
            </svg>
        </figure>
        <!-- curly-line end -->
        <div class="container">
            <div class="row g-4">
                <div class="col-12 col-md-4 col-lg-3 col-aside-page">
                    <div class="row">
                        @foreach ($staticPages as $sp)
                            <div class="col-item">
                                <div class="row">
                                    <div class="col-auto aside-item-col">
                                        <div class="aside-item">
                                            <h3><a
                                                    href="{{ route('static_pages.index', ['slug' => $sp->slug]) }}">{!! $sp->title !!}</a>
                                            </h3>
                                            <p class="text-light">{!! $sp->opis !!}</p>
                                        </div>
                                        <!-- aside-item end -->
                                    </div>
                                    <!-- col-auto end -->
                                </div>
                                <!-- row end -->
                            </div>
                        @endforeach
                    </div>
                    <!-- row end -->
                </div>
                <!-- col-aside-page -->
                <div class="col-12 col-md-8 col-lg-9 col-page-content">
                    {{-- <div class="title-holder">
                            <h2>Odjava sa pretplate</h2>
                            <p>Odjava se aktivira odmah, a kursevima možete pristupati do kraja uplaćenog perioda</p>
                        </div> --}}
                    <!-- title-holder end -->
                    <div class="content">
                        <div class="row g-4"> <!-- IVAN -->
                            <div class="col-12 credit-card-col">
                                {!! $termOfUsePage->content !!}
                            </div>
                        </div>  
                    </div>
                    <!-- content end -->
                </div>
                <!-- col end -->

            </div>
            <!-- row end -->
        </div>
        <!-- container end -->
    </section>

    @include('front.partials.index_b2c._footer')
@endsection