@extends('layout.b2c')
@section('title', 'Moje kupovine | Krojačeva škola')
@section('description', 'Pregled i upravljanje tvojim uplatama, pretplatama i istorijom kupovina u Krojačevoj školi. Sve tvoje transakcije na jednom mestu.')
@section('keywords', 'Krojačeva škola, plaćanja, pretplata, kupovina, kursevi, istorija plaćanja')

@section('content')
    <div class="page-wrapper">

        <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><span class="text-light">Zdravo!</span> Korak te deli od znanja.</h1>
                        <p>Brzo i sigurno obavite plaćanje odabranim metodama. Kupovinom licence dobijate pristup svim
                            kursevima na platformi - <a href="{{ route('front.courses') }}">ukupno {{ $coursesCount }}</a>.</p>
                        <p>Svi podaci su zaštićeni i obrađuju se u skladu sa našom <a href="{{ route('static_pages.index', ['slug' => 'politika-privatnosti']) }}">politikom
                                privatnosti</a>.</p>
                    </div>
                    <!-- col end -->
                </div>
                <!-- row end -->
            </div>
            <!-- container end -->
        </section>
        <!-- section end -->

        <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">

                    <div class="col-auto col-aside-page">
                        <div class="row">

                            <div class="col-item">
                                <div class="row">
                                    <div class="col-auto aside-item-col">
                                        <div class="aside-item">
                                            <h3><a href="{{ route('lms.moja-placanja') }}">Moje kupovine</a></h3>
                                            <p class="text-light">Ovde možeš videti sve kurseve, pretplate koje si do
                                                sada kupio/la.</p>
                                        </div>
                                        <!-- aside-item end -->
                                    </div>
                                    <!-- col-auto end -->
                                </div>
                                <!-- row end -->
                            </div>
                            <!-- col end -->
                            <div class="col-item">
                                <div class="row">
                                    <div class="col-auto aside-item-col">
                                        <div class="aside-item">
                                            <h3><a href="{{ route('lms.istorija-placanja') }}">Istorija plaćanja</a></h3>
                                            <p class="text-light">Prikaz svih vaših uplata i datuma aktivacije pretplate</p>
                                        </div>
                                        <!-- aside-item end -->
                                    </div>
                                    <!-- col-auto end -->
                                </div>
                                <!-- row end -->
                            </div>
                            <!-- col end -->
                            <div class="col-item">
                                <div class="row">
                                    <div class="col-auto aside-item-col">
                                        <div class="aside-item">
                                            <h3><a href="{{ route('lms.odjava-placanja') }}">Odjava sa pretplate</a></h3>
                                            <p class="text-light">Možete prekinuti aktivnu pretplatu u bilo kom trenutku. Pristup ostaje aktivan do isteka uplaćenog perioda.</p>
                                        </div>
                                        <!-- aside-item end -->
                                    </div>
                                    <!-- col-auto end -->
                                </div>
                                <!-- row end -->
                            </div>
                            <!-- col end -->
                        </div>
                        <!-- row end -->
                    </div>
                    <!-- col-aside-page -->
                    <div class="col col-page-content">
                        <div class="title-holder">
                            <h2>Moje kupovine</h2>
                            <p>Ovde su sve tvoje kupovine</p>
                        </div>
                        <!-- title-holder end -->
                        <div class="content">
                            @foreach ($invoices as $item)
                            <div class="col-12 credit-card-col">
                                <div class="credit-card-holder">
                                    <div class="media">
                                        <div class="media-image">
                                            <svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="512pt"
                                                height="512pt" viewBox="0 0 512 512"
                                                preserveAspectRatio="xMidYMid meet">
                                                <g transform="translate(0,512) scale(0.1,-0.1)" fill="currentColor"
                                                    stroke="none">
                                                    <path
                                                        d="M533 5025 c-158 -43 -285 -166 -333 -323 -20 -63 -20 -97 -20 -2102 0 -2022 0 -2038 20 -2104 41 -133 155 -254 287 -308 l58 -23 1295 0 1295 0 58 23 c132 54 246 175 287 308 18 60 20 93 20 343 l0 276 702 390 c387 215 720 406 742 425 57 51 86 120 85 200 0 36 -6 79 -12 96 -23 61 -870 1577 -900 1611 -59 67 -169 103 -257 84 -29 -6 -115 -47 -203 -96 l-152 -84 -5 467 c-5 457 -6 468 -28 523 -50 125 -156 231 -280 281 l-57 23 -1275 2 c-1076 2 -1283 0 -1327 -12z m2627 -174 c61 -32 116 -86 148 -146 l27 -50 0 -505 0 -505 -1119 -621 c-1223 -678 -1188 -657 -1220 -764 -17 -58 -20 -99 -10 -149 4 -18 123 -242 265 -498 143 -257 259 -468 259 -470 0 -1 -263 -3 -585 -3 l-585 0 2 1758 3 1757 24 45 c42 81 117 145 201 171 14 4 592 7 1285 6 l1260 -2 45 -24z m793 -1095 c40 -17 55 -34 105 -123 l40 -71 -1391 -773 c-766 -425 -1410 -782 -1432 -795 l-41 -23 -47 88 c-26 49 -47 101 -47 117 0 70 -37 48 1369 829 733 407 1347 745 1364 752 41 15 42 15 80 -1z m280 -438 c31 -57 53 -106 49 -110 -4 -3 -647 -362 -1429 -796 l-1423 -790 -55 98 c-30 54 -55 102 -55 107 0 7 2832 1589 2851 1592 3 1 31 -45 62 -101z m391 -705 c260 -467 265 -478 232 -542 -12 -22 -286 -178 -1371 -781 -1306 -725 -1357 -752 -1397 -747 -27 4 -50 15 -68 34 -35 36 -517 906 -504 910 5 2 648 359 1429 793 781 434 1423 786 1427 782 4 -4 117 -206 252 -449z m-2884 -1879 c105 -191 145 -255 179 -285 68 -61 180 -85 262 -58 19 7 269 142 555 300 451 250 527 289 563 289 l42 0 -3 -217 c-3 -214 -3 -219 -30 -269 -30 -57 -87 -112 -150 -146 l-43 -23 -1275 0 -1275 0 -45 24 c-61 32 -116 86 -148 146 -27 49 -27 54 -30 268 l-3 217 633 0 633 -1 135 -245z" />
                                                    <path
                                                        d="M925 4555 c-23 -22 -25 -32 -25 -117 l0 -94 -43 -11 c-147 -40 -221 -213 -153 -358 36 -78 87 -115 245 -181 57 -23 110 -53 133 -75 35 -33 38 -41 38 -88 0 -45 -4 -57 -29 -82 -28 -27 -35 -29 -108 -29 -43 0 -103 7 -133 15 -104 29 -114 29 -145 3 -20 -18 -28 -34 -28 -57 0 -50 35 -77 136 -102 l87 -22 0 -89 c0 -81 2 -91 25 -113 15 -16 36 -25 55 -25 19 0 40 9 55 25 23 22 25 32 25 114 l0 89 48 16 c65 22 115 66 146 128 37 74 37 182 0 256 -41 83 -100 124 -286 202 -93 38 -128 74 -128 130 0 27 8 48 24 67 22 25 31 28 105 31 52 3 108 -2 156 -13 70 -15 78 -15 101 0 37 24 49 63 30 102 -16 33 -57 51 -158 68 l-38 6 0 90 c0 82 -2 92 -25 114 -15 16 -36 25 -55 25 -19 0 -40 -9 -55 -25z" />
                                                    <path
                                                        d="M1865 4278 c-51 -27 -61 -89 -22 -126 l23 -22 545 0 546 0 21 23 c22 23 28 60 16 92 -17 44 -34 45 -586 45 -359 -1 -529 -4 -543 -12z" />
                                                    <path
                                                        d="M1865 3758 c-51 -27 -61 -89 -22 -126 l23 -22 545 0 546 0 21 23 c22 23 28 60 16 92 -17 44 -34 45 -586 45 -359 -1 -529 -4 -543 -12z" />
                                                    <path
                                                        d="M4326 2309 c-55 -43 -21 -139 50 -139 69 0 102 97 48 139 -15 12 -37 21 -49 21 -12 0 -34 -9 -49 -21z" />
                                                    <path
                                                        d="M3950 2100 c-25 -25 -26 -80 -1 -111 36 -45 126 -21 131 36 6 61 -21 95 -75 95 -22 0 -43 -8 -55 -20z" />
                                                    <path
                                                        d="M3551 1874 c-27 -35 -26 -66 2 -100 17 -20 33 -27 57 -27 24 0 40 7 57 27 28 34 29 65 2 100 -16 20 -29 26 -59 26 -30 0 -43 -6 -59 -26z" />
                                                </g>
                                            </svg>
                                        </div>
                                        <!-- media-image end -->
                                        <div class="media-body">
                                            @php
                                                $naziv = "Nije definisano";
                                                $invoiceItem = $item->items->first();
                                                $entitlement = App\Models\Entitlement::where('source_type', 'App\Models\InvoiceItem')->where('source_id', $invoiceItem->id)->first();
                                                
                                                if($invoiceItem && $invoiceItem->product_type == App\Models\Subscribe::class) {
                                                    $naziv = "Pretplata";
                                                    if($item->boughtPackage->subscriberType->id == 1) {
                                                        $naziv = "Mesečna pretplata";
                                                    }else{
                                                        $naziv = "Godišnja pretplata";
                                                    }
                                                }elseif ($invoiceItem && $invoiceItem->product_type == App\Models\Course::class) {
                                                    $naziv = $invoiceItem->product->title;
                                                }
                                                // $naziv = $invoice->boughtPackage ? $invoice->boughtPackage->package_title : $invoice->items->first()->product->title
                                            @endphp
                                            <h3>{{ $naziv }}</h3>
                                            <p>{{ date('d.m.Y.', strtotime($entitlement != null ? $entitlement->created_at : $item->created_at)) }}</p>
                                            @if ($item->currency == 'RSD' && $item->remaining_to_pay > 0)
                                            <p class="mb-0">Za plaćanje: <strong>{{ $item->currency == 'RSD' ? number_format($item->total_price_with_pdv, 2).' RSD' : number_format($item->total_price_with_pdv_eur, 2). ' EUR' }}</strong></p>
                                            @endif
                                            <p class="mt-0">Plaćeno: <strong>{{ number_format($item->total_price_with_pdv - $item->remaining_to_pay, 2) }} {{ $item->currency }}</strong></p>
                                        </div>
                                        <!-- media-body end -->

                                        @if ($item->invoicePayments->first()->method == 2 && $item->invoicePayments->first()->paid_at == null)
                                        <div class="media-action">
                                            <a class="btn btn-primary" href="{{ route('lms.moja-placanja', ['invoice' => $item]) }}">Uplati</a>
                                        </div>
                                        @endif
                                    </div>
                                    <!-- media end -->
                                </div>
                                <!-- credit-card-holder end -->
                            </div>
                            <!-- col end -->
                            @endforeach
                        </div>
                        <!-- content end -->
                    </div>
                    <!-- col end -->

                </div>
                <!-- row end -->
            </div>
            <!-- container end -->
        </section>
        <!-- section end -->
        
        @include('front.partials.index_b2c._footer')

        <!-- floating-button-mobile -->
        {{-- <div class="footer-floating-btn">
            <button class="btn btn-square-50 neon-blue-bg pulse-effect blue" type="button" onclick="location.href = '#';">
                Biznis korisnici
            </button>
        </div> --}}
        <!-- floating-button-mobile end -->
    </div>
    <!--- page-wrapper end -->
@endsection