@section('title', __('site.page_mrequest_title'))

@section('head')
    <link rel="stylesheet" href="{{ assetv('/assets/css/pages/siteconfig.css') }}">
    <link rel="stylesheet" href="{{ assetv('/assets/css/pages/siteinbox.css') }}">
@endsection

@php
    $breadcrumb = [
        ['label' => __('site.menu_item_5')],
        ['label' => __('site.menu_item_5_sub_3')],
    ];

    $abas = [
        ['type' => null, 'label' => __('site.page_mrequest_item_2'), 'count' => $countToday],
        ['type' => 'yesterday', 'label' => __('site.page_mrequest_item_3'), 'count' => $countYest],
        ['type' => 'week', 'label' => __('site.page_mrequest_item_4'), 'count' => $countWeek],
        ['type' => 'all', 'label' => __('site.page_mrequest_item_1'), 'count' => $countAll],
    ];

    $atual = $type ?: null;
@endphp

@include('includes/header-novo')

<main class="app-main">

    @include('includes.breadcrumb')

    @include('includes.flash')

    <header class="page-head">
        <div>
            <h1 class="page-title">{{ __('site.page_mrequest_h1') }}</h1>
            <p class="page-sub">{{ __('site.page_mrequest_sub') }}</p>
        </div>
    </header>

    <div class="ltabs inbox__tabs">
        @foreach($abas as $aba)
            <a class="ltab {{ $atual === $aba['type'] ? 'is-on' : '' }}"
               href="{{ $aba['type'] ? route('site.music-requests.r', $aba['type']) : route('site.music-requests.r') }}">
                {{ $aba['label'] }} <span class="ltab__count">{{ $aba['count'] }}</span>
            </a>
        @endforeach
    </div>

    @if($apiError)
        <div class="apierr">
            <span class="apierr__ico"><i class="fa-solid fa-plug-circle-xmark"></i></span>
            <p class="apierr__text">{{ $apiError }}</p>
        </div>
    @elseif($allRequests->count() == 0)
        <div class="inbox__empty">
            <i class="fa-solid fa-music"></i>
            <p>{{ __('site.page_mrequest_norec') }}</p>
        </div>
    @else
        <div class="inbox" data-remove-url="{{ route('site.music-requests.d') }}">
            @foreach($allRequests as $request)
                <article class="card" id="req-{{ $request->id }}">
                    <header class="card__head">
                        <div class="card__who">
                            <span class="card__avatar">{{ mb_strtoupper(mb_substr($request->name, 0, 1)) }}</span>
                            <div>
                                <h2 class="card__name">{{ $request->name }}</h2>
                                <p class="card__meta">
                                    @if($request->city)<span>{{ $request->city }}@if($request->state) - {{ $request->state }}@endif</span>@endif
                                    @if($request->email)<span>{{ $request->email }}</span>@endif
                                    <span>{{ DateShort($request->created_at) }}</span>
                                    <span class="card__ip">IP {{ $request->ip }}</span>
                                </p>
                            </div>
                        </div>

                        <button class="btn btn--ghost btn--sm card__remove" type="button" data-id="{{ $request->id }}">
                            <i class="fa-solid fa-trash"></i> {{ __('site.btn_remove') }}
                        </button>
                    </header>

                    <p class="card__text">{{ $request->message }}</p>
                </article>
            @endforeach
        </div>

        <div class="inbox__pages">{{ $allRequests->links('vendor.pagination.painel') }}</div>
    @endif

</main>

@section('scripts')
    <script>
        window.INBOX = {
            txt: {
                removeAsk: @json(__('site.page_mrequest_alert_title')),
                removeDo: @json(__('site.btn_remove')),
                removeError: @json(__('site.page_inbox_remove_error'))
            }
        };
    </script>
    <script src="{{ assetv('/assets/js/site-inbox.js') }}"></script>
@endsection

@include('includes/footer-novo')