@extends('admin.crud.organizations.base')

@section('tab_actions')
    <div class="float-end ml-2">
        <button type="button" class="btn btn-light-primary btn-icon" data-kt-menu-trigger="click"
            data-kt-menu-placement="bottom-end">
            <i class="bi bi-three-dots fs-3"></i>
        </button>
        <div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold py-4 w-300px fs-6"
            data-kt-menu="true">
            <div class="menu-item px-5">
                @php
                    $modalRoute = route('crud.distribution-group.create', [
                        'organization_id' => $organization->id,
                        'kind' => $distribution_kind,
                    ]);
                @endphp
                <a href="#" class="menu-link px-5" data-action="open-modal-form" data-modal-route="{{ $modalRoute }}"
                    data-loaded-assets={{ json_encode(Assets::loaded()) }}>
                    {{ trans('grec.new.' . $distribution_kind->value) }}
                </a>
            </div>
            <div class="separator my-2"></div>
            <div class="menu-item px-5" data-kt-menu-trigger="{default: 'click', lg: 'hover'}"
                data-kt-menu-placement="left-start" data-kt-menu-offset="-15px, 0">
                <a href="#" class="menu-link px-5">
                    <span class="menu-title">Exporter les {{ trans('grec.' . $distribution_kind->value) }}s</span>
                    <span class="menu-arrow"></span>
                </a>
                <div class="menu-sub menu-sub-dropdown w-175px py-4">
                    <div class="menu-item px-3">
                        <a href="#" class="menu-link px-5">PDF</a>
                    </div>
                    <div class="menu-item px-3">
                        <a href="#" class="menu-link px-5">CSV</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @if (isset($filter_choices) && count($filter_choices))
        <div class="float-end me-3">
            @php
                $currentChoiceIndex = array_search(true, array_column($filter_choices, 'is_active'));
                $currentChoiceLabel = $filter_choices[$currentChoiceIndex]['label'];
            @endphp
            <button href="#" class="btn btn-success ps-7 fw-bold me-3" data-kt-menu-trigger="click"
                data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end">
                {{ $currentChoiceLabel }}
                <span class="svg-icon svg-icon-2 me-0">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                        xmlns="http://www.w3.org/2000/svg">
                        <path
                            d="M11.4343 12.7344L7.25 8.55005C6.83579 8.13583 6.16421 8.13584 5.75 8.55005C5.33579 8.96426 5.33579 9.63583 5.75 10.05L11.2929 15.5929C11.6834 15.9835 12.3166 15.9835 12.7071 15.5929L18.25 10.05C18.6642 9.63584 18.6642 8.96426 18.25 8.55005C17.8358 8.13584 17.1642 8.13584 16.75 8.55005L12.5657 12.7344C12.2533 13.0468 11.7467 13.0468 11.4343 12.7344Z"
                            fill="currentColor"></path>
                    </svg>
                </span>
            </button>

            <div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold py-4 w-250px fs-6"
                data-kt-menu="true">
                @php
                    $tooManyChoicesForDropdown = count($filter_choices) > 7;
                    if ($tooManyChoicesForDropdown) {
                        $choiceCountInDropdown = 5;
                    } else {
                        $choiceCountInDropdown = count($filter_choices);
                    }
                @endphp
                @for ($i = 0; $i < $choiceCountInDropdown; $i++)
                    @php
                        $filter_choice = $filter_choices[$i];
                    @endphp
                    <div class="menu-item px-5">
                        <a class="menu-link px-5 @if ($filter_choice['is_active']) active @endif"
                            href="{{ $filter_choice['route'] }}">
                            {{ $filter_choice['label'] }}
                        </a>
                    </div>
                @endfor
                @if ($tooManyChoicesForDropdown)
                    <div class="separator my-2"></div>
                    <div class="menu-item px-5">
                        <button type="button" class="btn btn-link menu-link menu-btn-link" id="distributionDateModalBtn"
                            data-toggle="modal" data-target="#distributionDateModal">
                            Toutes les années
                        </button>
                    </div>
                @endif
            </div>
            @if ($tooManyChoicesForDropdown)
                <!-- Modal -->
                <div class="modal fade" id="distributionDateModal" tabindex="-1" role="dialog"
                    aria-labelledby="distributionDateModalBtn" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title">
                                    {{ $distribution_kind->name }} de {{ $organization->title }}
                                </h5>
                            </div>
                            <div class="modal-body">
                                <div class="menu menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold py-4 fs-6 menu--festivals"
                                    data-kt-menu="true">
                                    @foreach ($filter_choices as $filter_choice)
                                        <div class="menu-item px-5">
                                            <a class="menu-link px-5 @if ($filter_choice['is_active']) active @endif"
                                                href="{{ $filter_choice['route'] }}">
                                                {{ $filter_choice['label'] }}
                                            </a>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                            </div>
                        </div>
                    </div>
                </div>
            @endif
        </div>
    @endif
@endsection