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

@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">Mesečni izveštaji</li>
                        </ol>
                    </nav>
                    <!-- breadcrumb end -->

                    <div class="main-title-hr-holder">
                        <div class="main-title-hr">
                            <h1>Mesečni izveštaji</h1>
                            <div class="select-holder">
                                @php
                                    $year = date('Y');
                                @endphp
                                <select id="selectYear" class="form-select">
                                    @for ($i=0; $i<=5; $i++)
                                        <option value="{{ ($year - $i) }}"
                                            @if (request('year') == ($year - $i))
                                                selected=""
                                            @endif
                                            >
                                            {{ ($year - $i) }}
                                        </option>
                                    @endfor
                                </select>
                            </div>
                            <div class="button-holder">
                                <button class="btn btn-square-blue-text-30" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasKreirajIzvestaj" aria-controls="offcanvasKreirajIzvestaj"><span>+</span>kreiraj izveštaj</button>
                            </div>
                            <!-- select-holder end -->
                        </div>
                        <!-- main-title-hr end -->
                        <p class="text-light">Pregled broja zaposlenih koji su bili aktivni, minuta koliko su vaši zaposleni gledali kurseve, koliko novih kurseva su započeli, koliko završili i lista 10 najgledanijih kurseva.</p>
                    </div>
                    <!-- main-title-hr-holder end -->

                    <!-- row table desktop only -->
                    @include('front.statistics.partials._desktop-table')
                    <!-- row table desktop only end -->

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

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

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

    </section>
</div>
@include('front.statistics.partials._top-10-courses')
@include('front.statistics.partials._offcanvas-kreiraj-izvestaj')
@endsection

@section('add-scripts')
    @parent
    <script src="{{ mix('js/components/Statistics.js') }}"></script>
@endsection