@section('title', __('radio.app_exclusive_title'))

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

@php
    $breadcrumb = [
        ['label' => __('general.header_nav_radio')],
        ['label' => __('radio.app_breadcrumb_apps')],
        ['label' => __('radio.app_exclusive_title')],
    ];

    [$adW, $adH] = \App\Services\AppImage::SPECS['ad'];

    /* estado da moderacao: 0 aguardando, 1 aprovado, 2 recusado */
    $situacoes = [
        '0' => ['wait', __('radio.app_ads_state_pending')],
        '1' => ['ok', __('radio.app_ads_state_approved')],
        '2' => ['bad', __('radio.app_ads_state_rejected')],
    ];

    /* com erro de validacao o modal precisa nascer aberto, senao o cliente nao
       ve o que faltou */
    $comErro = $errors->any() || session('error_img');
@endphp

@include('includes/header-novo')

<main class="app-main">

    @include('includes.breadcrumb')

    <header class="page-head">
        <div>
            <h1 class="page-title">{{ __('radio.app_exclusive_title') }}</h1>
            <p class="page-sub">{{ __('radio.app_ads_page_sub') }}</p>
        </div>
    </header>

    @include('radio.includes.apps-nav')
    @include('radio.includes.app-live-head')

    @include('includes.flash')

    <section class="sec adlist"
             data-msg-delete-title="{{ __('radio.app_ads_delete_title') }}"
             data-msg-delete-text="{{ __('radio.app_ads_delete_text') }}"
             data-msg-delete-btn="{{ __('site.btn_remove') }}"
             @if($comErro) data-ads-open-now @endif>

        <div class="sec__head sec__head--row">
            <div>
                <h2 class="sec__title"><i class="fa-solid fa-bullhorn"></i> {{ __('radio.app_ads_list_title') }}</h2>
                <p class="sec__desc">{{ trans_choice('radio.app_ads_count', $allAds ? $allAds->count() : 0, ['count' => $allAds ? $allAds->count() : 0]) }}</p>
            </div>

            <button type="button" class="btn btn--primary" data-ads-open>
                <i class="fa-solid fa-plus"></i>
                <span>{{ __('radio.app_ads_new_action') }}</span>
            </button>
        </div>

        @if($allAds && $allAds->count())
            @foreach($allAds as $ads)
                @php $situacao = $situacoes[$ads->approved] ?? $situacoes['0']; @endphp
                <article class="adrow" data-name="{{ $ads->name }}">
                    <span class="adrow__thumb">
                        <img src="{{ \Illuminate\Support\Str::startsWith($ads->img, ['http://', 'https://', '/']) ? $ads->img : asset($ads->img) }}"
                             alt="" loading="lazy" onerror="this.remove()">
                    </span>

                    <div class="adrow__text">
                        <strong class="adrow__name">{{ $ads->name }}</strong>

                        @if($ads->url)
                            <a class="adrow__url" href="{{ $ads->url }}" target="_blank" rel="noopener">
                                <i class="fa-solid fa-arrow-up-right-from-square"></i> {{ $ads->url }}
                            </a>
                        @endif

                        @if($ads->approved === '2' && $ads->reject_reason)
                            <span class="adrow__reason">{{ $ads->reject_reason }}</span>
                        @endif
                    </div>

                    <span class="appbar__tag appbar__tag--{{ $situacao[0] }}">{{ $situacao[1] }}</span>

                    <button class="pact pact--del adrow__del" type="button" title="{{ __('site.btn_remove') }}">
                        <i class="fa-solid fa-trash"></i>
                    </button>

                    <form class="adrow__form" method="POST" action="{{ route('radio.apps.r.adsRemove', [$ads->id, 'android']) }}">
                        @csrf
                        @method('DELETE')
                    </form>
                </article>
            @endforeach
        @else
            <div class="cempty">
                <span class="apierr__ico"><i class="fa-solid fa-bullhorn"></i></span>
                <p class="apierr__text">{{ __('radio.app_ads_empty') }}</p>
            </div>
        @endif

        {{-- o anúncio nasce aqui dentro: a tela é a lista, cadastrar é uma ação --}}
        <div class="modal admodal" hidden>
            <form class="modal__card admodal__card" method="POST" enctype="multipart/form-data"
                  action="{{ route('radio.apps.r.android.doAds') }}"
                  role="dialog" aria-modal="true" aria-labelledby="admodal-title"
                  data-msg-img-min="{{ __('radio.app_img_min') }}"
                  data-msg-upload-choose="{{ __('radio.app_upload_choose') }}">
                @csrf

                <h2 class="modal__title" id="admodal-title">{{ __('radio.app_ads_new_title') }}</h2>
                <p class="modal__text">{{ __('radio.app_ads_new_sub') }}</p>

                <label class="appfield">
                    <span class="appfield__label">{{ __('radio.app_ads_name') }}</span>
                    <input type="text" class="input" name="name" maxlength="255" value="{{ old('name') }}"
                           placeholder="{{ __('radio.app_ads_name_placeholder') }}">
                    @error('name')<span class="modal__error">{{ $message }}</span>@enderror
                </label>

                <div class="appfield">
                    <span class="appfield__label">{{ __('radio.app_ads_image') }}</span>
                    @include('radio.includes.app-upload', [
                        'campo' => 'ads', 'nome' => 'adsImg', 'largura' => $adW, 'altura' => $adH,
                    ])
                    <p class="modal__error" data-error-adsImg hidden></p>
                    @error('adsImg')<span class="modal__error">{{ $message }}</span>@enderror
                    @if(session('error_img'))<span class="modal__error">{{ session('error_img') }}</span>@endif
                </div>

                <label class="appfield">
                    <span class="appfield__label">{{ __('radio.app_ads_url') }}</span>
                    <input type="url" class="input" name="url" maxlength="255" value="{{ old('url') }}"
                           placeholder="https://">
                    <span class="appfield__help">{{ __('radio.app_ads_url_help') }}</span>
                    @error('url')<span class="modal__error">{{ $message }}</span>@enderror
                </label>

                <div class="modal__foot">
                    <button type="button" class="btn btn--ghost" data-ads-close>{{ __('site.btn_cancel') }}</button>

                    <button type="submit" class="btn btn--primary appstep__save" data-ads-send>
                        <span>{{ __('radio.app_ads_send') }}</span>
                        @include('includes.spinner')
                    </button>
                </div>
            </form>
        </div>
    </section>

</main>

@section('scripts')
    <script src="{{ assetv('/assets/js/app-upload.js') }}"></script>
    <script src="{{ assetv('/assets/js/pages/radio-app-ads.js') }}"></script>
@endsection

@include('includes/footer-novo')