@extends('layout.front')
@section('title', 'Krojač Biznis | Licence Kompanije')

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

    <!-- Header Account -->
    @include('front-inc._header-account')

    <!-- section main-container -->
    <section class="main-container">

        <div class="container">
            <div class="row">

                <!-- main-content -->
                <div class="main-content col-12">

                    <nav class="breadcrumb-holder" aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ route('lms.profile') }}">Moj nalog</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Licence kompanije</li>
                        </ol>
                    </nav>
                    <!-- breadcrumb end -->

                    <div class="main-title-hr-holder">
                        <div class="main-title-hr">
                            <h1>Licence kompanije ({{ $boughtPackages->total() }})</h1>
                            <div class="button-holder">
                                {{-- <button
                                    class="btn btn-square-blue-text-30 mr-1"
                                    type="button"
                                >
                                    <span>+</span>
                                    dodaj licence
                                </button> --}}
                                <button
                                    class="btn btn-square-red-text-30 btn-all-packages"
                                    type="button"
                                    data-href="{{ route('lms.contact') }}"
                                >
                                    <span>+</span>
                                    dodajte nove licence
                                </button>
                                {{-- <a class="btn btn-square-red-text-30 ml-3" href=""><span>+</span>dodaj novi paket</a> --}}
                            </div>
                        </div>
                        <!-- main-title-hr end -->
                        <p class="text-light">Pregled broja raspoloživih licenci, trajanje i tip pretplate, dodavanje novih licenci</p>
                    </div>
                    <!-- main-title-hr-holder end -->
                    @php
                        $prevRoute = route('lms.company.packages', [
                            'sortColumn' => request()->get('sortColumn', null),
                            'sortDirection' => request()->get('sortDirection', null),
                            'status' => request()->get('status', null),
                            'subscriberType' => request()->get('subscriberType', null),
                            'page' => ($boughtPackages->currentPage() == 1) ? 1 : ($boughtPackages->currentPage() -1),
                            'perPage' => request()->get('perPage', 10)
                        ]);
                        $nextRoute = route('lms.company.packages', [
                            'sortColumn' => request()->get('sortColumn', null),
                            'sortDirection' => request()->get('sortDirection', null),
                            'status' => request()->get('status', null),
                            'subscriberType' => request()->get('subscriberType', null),
                            'page' => ($boughtPackages->currentPage() == $boughtPackages->lastPage()) ? $boughtPackages->lastPage() : ($boughtPackages->currentPage() + 1),
                            'perPage' => request()->get('perPage', 10)
                        ]);
                    @endphp
                    <!-- row table desktop only -->
                    @include('front.company.partials.packages._desktop-table')
                    <!-- row table desktop only end -->

                    <!-- row mobile only -->
                    @include('front.company.partials.packages._mobile-table')
                    <!-- row mobile only end -->

                </div>
                <!-- main-content end -->

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

    </section>

    @include('front-inc._footer')
</div>
@include('front.company.partials._offcanvas-package-courses')
@include('front.company.partials._offcanvas-package-licences')
@endsection

@section('add-scripts')
    @parent
    <script src="{{ mix('js/companyPackages.js') }}"></script>
    <script src="{{ mix('js/components/PackageCourses.js') }}"></script>
    <script src="{{ mix('js/components/PackageLicences.js') }}"></script>
    <script>
        document.querySelector('.btn-all-packages').addEventListener('click', (e) => {
            e.preventDefault();
            window.location.href = e.currentTarget.dataset.href;
        });
    </script>
@endsection