@extends('layout.b2c')
@section('title', 'Uplatnica je generisana!')
@section('meta-description', 'Još samo jedan korak vas deli od znanja. Pogledajte detalje uplatnice i završite uplatu
    kako biste aktivirali pristup svim našim kursevima')

@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-10 offset-lg-1">
                    <h1><span class="text-light">Bravo!</span> Kupovina je uspešno pokrenuta.</h1>
                    <p>Još samo jedan korak vas deli od znanja.</p>
                    <p>Pogledajte detalje uplatnice i završite uplatu kako biste aktivirali pristup svim našim kursevima.
                    </p>
                </div>
                <!-- col end -->
                <div class="col-xl-8 offset-xl-2 col-lg-10 offset-lg-1">
                    <div class="payment-slip">
                        <div class="payment-slip-holder">
                            <div class="payment-slip-title">
                                Nalog za prenos
                            </div>
                            <!-- payment-title end -->
                            <div class="payment-slip-section left">
                                <div class="payment-slip-field">
                                    <label>Platilac</label>
                                    <input class="form-control" type="text"
                                        value="{{ App\Models\LoggedUser::getLMSUser()->getFullName() }}" disabled>
                                </div>
                                <!-- payment-slip-field end -->
                                <div class="payment-slip-field">
                                    <label>Svrha plaćanja</label>
                                    {{-- @if (isset($subscriber_type))
                                        <input class="form-control" type="text" value="Pretplata {{ $subscriber_type }}"
                                            disabled>
                                    @else
                                        <input class="form-control" type="text"
                                            value="Kupovina kursa {{ $course->title }}" disabled>
                                    @endif --}}
                                    <input type="text" class="form-control" value="{{ $svrha_placanja }}" disabled>
                                </div>
                                <!-- payment-slip-field end -->
                                <div class="payment-slip-field">
                                    <label>Primalac</label>
                                    <input class="form-control" type="text" value="Krojačeva škola d.o.o." disabled>
                                </div>
                                <!-- payment-slip-field end -->

                                                                <div class="payment-slip-qr-holder desktop">
                                    <div class="payment-slip-qr">
                                        <img src="data:image/png;base64,{{ $qr_code }}" alt="ips qr code"
                                            style="width: 10rem; height: 10rem;">
                                    </div>
                                    <!-- payment-slip-qr end -->
                                </div>
                                <!-- payment-slip-qr-holder end -->

                                <div class="payment-slip-options left">
                                    <div class="payment-slip-signiture">
                                        <span>potpis plationca/primaoca</span>
                                    </div>
                                    <!-- payment-slip-signuture end -->
                                    <div class="payment-slip-date-reception">
                                        <span>mesto i datum prijema</span>
                                    </div>
                                    <!-- payment-slip-date end -->
                                </div>
                                <!-- payment-slip-options end -->
                            </div>
                            <!-- payment-slip-section end -->

                            <div class="payment-slip-section right">
                                <div class="payment-fields-inline">
                                    <div class="payment-slip-field">
                                        <label>Šifra plaćanja</label>
                                        <input class="form-control" type="text" value="221" disabled>
                                    </div>
                                    <!-- payment-slip-field end -->
                                    <div class="payment-slip-field">
                                        <label>Valuta</label>
                                        <input class="form-control" type="text" value="RSD" disabled>
                                    </div>
                                    <!-- payment-slip-field end -->
                                    <div class="payment-slip-field">
                                        <label>Iznos</label>
                                        <input class="form-control" type="text"
                                            value="={{ number_format($price, 2, ',', '.') }}" disabled>
                                    </div>
                                    <!-- payment-slip-field end -->
                                </div>
                                <!-- payment-slip-field-inline end -->
                                <div class="payment-slip-field">
                                    <label>Račun primaoca</label>
                                    <input class="form-control" type="text" value="160-0000000393767-41" disabled>
                                </div>

                                <div class="payment-fields-inline"> <!-- IVAN  -->
                                    <div class="payment-slip-field payment-slip-model">
                                        <label>Model</label>
                                        <input class="form-control" type="text" disabled>
                                    </div>
                                    <!-- payment-slip-field end -->

                                    <div class="payment-slip-field payment-slip-reference"> <!-- IVAN  -->
                                        <label>Poziv na broj odobrenja</label>
                                        <input class="form-control" type="text" value="{{ $poziv_na_broj }}" disabled>
                                    </div>
                                    <!-- payment-slip-field end -->
                                </div>
                                <!-- payment-fields-inline end -->

                                <!-- payment-slip-field end -->
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" value="" id="checkPoslovni"
                                        disabled>
                                    <label class="form-check-label" for="checkPoslovni">
                                        Hitno
                                    </label>
                                </div>
                                <!-- form-check end -->
                                <div class="payment-slip-options right">
                                    <div class="payment-slip-date-execution">
                                        <span>datum izvršenja</span>
                                    </div>
                                    <!-- payment-slip-date end -->
                                </div>
                                <!-- payment-slip-options end -->

                                                                <div class="payment-slip-qr-holder mobile">
                                    <div class="payment-slip-qr">
                                        <div class="payment-slip-qr-code"
                                            style="width: 3.75rem; height: 3.75rem; background-size: cover !important; background: url('https://api.qrserver.com/v1/create-qr-code/?size=120x120&data=NBS%20IPS%20QR') no-repeat center;">
                                        </div>
                                        <p>NBS IPS QR</p>
                                    </div>
                                    <!-- payment-slip-qr end -->
                                </div>
                                <!-- payment-slip-qr-holder end -->
                            </div>
                            <!-- payment-slip-section end -->
                        </div>
                        <!-- payment-slip-holder end -->
                        <div class="print-payment-slip">
                            <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 359.17 349.21">
                                <path
                                    d="M351.69,157.44c-.61,46.51-6.73,95.47-19,140.76-3.06,9.79-17.75,6.12-15.3-4.28a641.19,641.19,0,0,0,17.75-123c1.84-41.61,2.45-97.31-27.54-129.74C292.32,24.64,264.78,25.25,244,24c-30.6-1.84-61.81-1.22-92.41.61-30.6,1.22-61.81,4.28-92.41,8C42.63,34.43,15.7,43.61,1,35.65A2.13,2.13,0,0,1,.4,32.59c11-14.08,42.23-13.46,58.75-15.91C95.87,11.79,132,9.34,168.7,7.5c44.68-1.84,114.44-11,149.94,22.64C351.08,59.52,351.69,117.05,351.69,157.44Z"
                                    transform="translate(0 -4.98)"></path>
                                <path
                                    d="M338.22,350.22c-4.28,6.12-11.63,4.9-14.69-1.84-8.57-20.81-22-39.78-30.6-60.59-2.45-6.12,6.73-9.18,9.79-4.28,9.79,15.91,19,31.82,28.76,47.74l7.35-14.69c3.06-8,3.67-15.91,7.34-23.26,2.45-5.51,9.79-3.06,11.63,1.22C363.93,311.67,348,336.15,338.22,350.22Z"
                                    transform="translate(0 -4.98)"></path>
                            </svg>
                            <button class="btn btn-link text-neon-blue" type="button" onclick="downloadFile()">Štampaj
                                uplatnicu</button>
                        </div>
                        <!-- print-payment-slip end -->
                    </div>
                    <!-- payment-slip end -->
                    <div class="payment-info-holder">
                        <div class="payment-text">
                            <h2>Uplatnica je generisana!</h2>
                            <p>Koristite podatke sa uplatnice da izvršite uplatu putem e-bankinga ili na šalteru
                                pošte/banke.</p>
                            <p>Nakon uplate, automatski ćemo vam aktivirati pristup svim kursevima.</p>
                            <p>Provera uplate traje do 24h od trenutka kada sredstva legnu na naš račun.</p>
                        </div>
                        <!-- payment-text end -->
                        <div class="payment-support">
                            <h3>Podrška</h3>
                            <p>Email: <strong>info@krojacevaskola.com</strong></p>
                            <p>Telefon: <strong>+381 (0)69 200 30 20</strong></p>
                        </div>
                        <!-- payment-support end -->
                    </div>
                    <!-- payment-info-holder end -->
                </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 -->
    
    @include('front.partials.index_b2c._footer')
    <!--- page-wrapper end -->
@endsection

@section('add-scripts')
    @parent
    <script>
        function downloadFile() {
            window.print();
        }
    </script> <!-- IVAN  -->
@endsection