@extends('backend-template')

@section('breadcrumbs')
    {!! show_breadcrumbs(['Banners' => url('profile/banner') , $banner->title . ' - clicks statistics' => false]) !!}
@stop

<style>
    .active {
        text-decoration: underline;
        font-weight: bold; /* Optional: Make the active year stand out */
    }
</style>
@section('content')
    <div class="row">
        <div class="col-md-12">
            <h3 class="title">{{$banner->title}} - clicks statistics</h3>
            <div class="gap gap-small"></div>
            <div>
                @if (count($availableYears) == 0)
                    <strong>There is no data available for this banner yet</strong>
                @else
                    <strong>Select Year:</strong>
                    @foreach($availableYears as $availableYear)
                        <a href="{{ route('banner.statistic', ['banner_id' => $banner->id, 'year' => $availableYear]) }}"
                           class="{{ $year == $availableYear ? 'active' : '' }}">
                            {{ $availableYear }}
                        </a>
                        @if (!$loop->last)
                            |
                        @endif
                    @endforeach
                @endif
            </div>
            @foreach ($quarterCharts as $chartId => $data)
                <div id="{{ $chartId }}" style="margin-bottom: 20px;"></div>
                @columnchart($chartId, $chartId)
            @endforeach
        </div>
    </div>
@stop