@extends('layout.b2c')
@section('title', 'Krojač B2C | Pretplata')
@section('og-meta-tags')
    <meta name="description"
    content="Pristupi svim kursevima Krojačeve škole uz mesečnu ili godišnju pretplatu. Nauči dizajn, programiranje, marketing i poslovne veštine uz sertifikate i podršku mentora.">
    <meta name="keywords"
        content="krojačeva škola, pretplata, online kursevi, dizajn, programiranje, marketing, poslovne veštine, učenje na daljinu, sertifikat, edukacija, obuka">
    <meta name="author" content="Krojačeva škola">
    <meta name="robots" content="index, follow">
    <link rel="canonical" href="https://www.krojacevaskola.com/pretplata">

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:title" content="Pretplata – Krojačeva škola">
    <meta property="og:description"
        content="Jedna pretplata – svi kursevi. Postani deo Krojačeve škole i uči dizajn, programiranje i marketing uz sertifikat.">
    <meta property="og:url" content="https://www.krojacevaskola.com/pretplata">
    <meta property="og:image" content="https://www.krojacevaskola.com/assets/images/og-pretplata.jpg">
    <meta property="og:site_name" content="Krojačeva škola">

    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Pretplata – Krojačeva škola">
    <meta name="twitter:description"
        content="Pretplati se na Krojačevu školu i otključaj pristup svim online kursevima. Uštedi i uči po sopstvenom tempu.">
    <meta name="twitter:image" content="https://www.krojacevaskola.com/assets/images/og-pretplata.jpg">
@endsection

@section('content')
    @include('front.subscribe.partials._section-top-title')

    @include('front.subscribe.partials._section-subscribe-help')

    @include('front.subscribe.partials._section-faq')
    
    <!-- Footer -->
    
    @include('front.partials.index_b2c._footer')
    <!--- page-wrapper end -->

@endsection

@section('modals-and-offcanvas')
    {{-- @include('front.courses.partials._offcanvas-categories-mobile')
    @include('front.courses.partials._offcanvas-search-mobile')
    @include('front.courses.partials._offcanvas-courses-filter') --}}
@endsection

@section('add-scripts')
    @parent
    <!-- DODAO SJ: brojač odbrojavanja -->
    <script>
        function startCountdown(durationInSeconds, elementId) {
            let timer = durationInSeconds;
            const display = document.getElementById(elementId);

            setInterval(function() {
                let days = Math.floor(timer / (60 * 60 * 24));
                let hours = Math.floor((timer % (60 * 60 * 24)) / (60 * 60));
                let minutes = Math.floor((timer % (60 * 60)) / 60);
                let seconds = Math.floor(timer % 60);

                display.textContent = `${days}d : ${hours}h : ${minutes}m : ${seconds}s`;

                if (--timer < 0) {
                    timer = 0;
                }
            }, 1000);
        }

        startCountdown(12 * 24 * 60 * 60 + 6 * 3600 + 12 * 60 + 42, "timer-text");
    </script>
@endsection