@extends('layout.b2c')
@section('title', 'Krojač Biznis | Uspešna kupovina')

@section('content')
    <div class="page-wrapper">
        {{-- @include('front.buy_subscribe.partials._header') --}}

        <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-custom">
                <div class="row">
                    <div class="col-lg-8 offset-lg-2">
                        <h1><span class="text-light">Bravo!</span> Kupovina je uspešno izvršena.</h1>
                        <p>Uspešno ste kupili pretplatu za sve online kurseve Krojačeve škole.</p>
                        <p>Pogledajte kako da odmah započnete sa učenjem.</p>
                    </div>
                    <!-- col end -->
                </div>
                <!-- row end -->
            </div>
            <!-- container end -->
            <figure class="curly-line bottom">
                <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 -->
        </section>
        <!-- section end -->

        <div class="container">
            <div class="button-holder-centar">
                <a href="{{ route('lms.my-courses') }}" class="btn btn-square-60 neon-blue-bg">Sada možete početi sa učenjem</a>
            </div>
            <!-- button-holder end -->
        </div>
        <!-- container end -->
        
        @include('front.partials.index_b2c._footer')
    </div>
    <!--- page-wrapper end -->
@endsection

@section('add-scripts')
    @parent
    <script>
        window.dataLayer = window.dataLayer || [];
        window.dataLayer.push({
            event: 'course_purchase',
            event_location: 'success_purchase_page'
        });
    </script>
@endsection