@section('title', 'Skills da Alexa')

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

@include('admin/includes/header')

@php
    $estados = [
        0 => ['Pendente', 'is-wait'],
        1 => ['Aprovada', 'is-live'],
        2 => ['Rejeitada', 'is-off'],
        3 => ['Análise', 'is-review'],
        4 => ['Desativada', 'is-off'],
    ];

    /* cada filtro é um link que preserva o outro: o que vale é o que o
       controller resolveu, e não o que veio na URL */
    $comFiltro = function ($chave, $valor) use ($filterStatus, $filterAccount) {
        $parametros = array_filter([
            'status' => $filterStatus,
            'account' => $filterAccount,
        ], fn ($v) => $v !== '' && $v !== null);

        if ($valor === '') {
            unset($parametros[$chave]);
        } else {
            $parametros[$chave] = $valor;
        }

        return url()->current() . ($parametros ? '?' . http_build_query($parametros) : '');
    };
@endphp

<div class="mgr-head">
    <div>
        <h1>Skills da Alexa</h1>

        @isset($s)
            <p>{{ $allSkills->total() }} {{ $allSkills->total() == 1 ? 'resultado' : 'resultados' }} para esta porta.</p>
        @else
            <p>{{ $allSkills->total() }} {{ $allSkills->total() == 1 ? 'skill na fila' : 'skills na fila' }}.</p>
        @endisset
    </div>

    <div class="str__find">
        <i class="fa-solid fa-magnifying-glass str__find-ic"></i>

        <input class="str__find-in" type="text" id="pSea" maxlength="5" placeholder="Porta do streaming"
               autocapitalize="off" autocomplete="off" inputmode="numeric" aria-label="Buscar pela porta"
               oninput="this.value = this.value.replace(/[^0-9]/g, '');">

        <button class="str__find-go" type="button" id="sea">Buscar</button>
    </div>
</div>

@if (\Session::has('success'))
    <div class="alert">{!! \Session::get('success') !!}</div>
    @php Session::forget('success'); @endphp
@endif

@if (\Session::has('error'))
    <div class="alert alert-danger">{!! \Session::get('error') !!}</div>
    @php Session::forget('error'); @endphp
@endif

<div class="str__bar">
    @isset($s)
        <span class="str__chip">
            <i class="fa-solid fa-magnifying-glass"></i>
            <span>Porta <b>{{ $s }}</b></span>
            <a href="{{ route('admin.skills') }}" title="Limpar a busca" aria-label="Limpar a busca">
                <i class="fa-solid fa-xmark"></i>
            </a>
        </span>
    @else
        <div class="app__accounts">
            <a class="app__acc{{ $filterAccount === '' ? ' is-on' : '' }}" href="{{ $comFiltro('account', '') }}">Todas as contas</a>

            @foreach($accountMap as $chave => $conta)
                @php
                    $quantas = $accountCounts[$chave] ?? 0;
                    $escolhida = (string) $filterAccount === (string) $chave;
                @endphp

                <a class="app__acc{{ $escolhida ? ' is-on' : '' }}" href="{{ $comFiltro('account', $chave) }}"
                   title="{{ $conta['email'] ?: 'Sem e-mail cadastrado' }}">
                    <span>{{ $conta['label'] }}</span>
                    <span class="app__acc-n">{{ $quantas }}</span>
                </a>
            @endforeach
        </div>

        <div class="app__pickers">
            @foreach(['' => 'Todos os estados'] + array_map(fn ($e) => $e[0], $estados) as $valor => $rotulo)
                <a class="app__acc{{ (string) $filterStatus === (string) $valor ? ' is-on' : '' }}" href="{{ $comFiltro('status', (string) $valor) }}">{{ $rotulo }}</a>
            @endforeach
        </div>
    @endisset
</div>

<div class="card">
    @if($allSkills->count() == 0)
        <p class="app__empty">Nenhuma skill encontrada.</p>
    @else
        <table class="app__table">
            <thead>
                <tr>
                    <th>Skill</th>
                    <th>Invocação</th>
                    <th>Solicitada em</th>
                    <th>Estado</th>
                    <th>Conta</th>
                    <th class="text-end">Ações</th>
                </tr>
            </thead>
            <tbody>
                @foreach($allSkills as $skill)
                    @php
                        [$rotulo, $classe] = $estados[(int) $skill->status] ?? $estados[0];
                        $conta = $accountMap[(string) $skill->account] ?? null;
                    @endphp

                    <tr>
                        <td>
                            <span class="app__name">{{ $skill->name ?: 'Sem nome' }}</span>
                            <span class="app__port">Porta {{ $skill->port }}</span>
                        </td>

                        <td data-l="Invocação"><span class="app__when">{{ $skill->invocation ?: '--' }}</span></td>

                        <td data-l="Solicitada em">
                            <span class="app__when">{{ ($quando = strtotime((string) $skill->created_at)) > 0 ? date('d/m/Y H:i', $quando) : '--' }}</span>
                        </td>

                        <td data-l="Estado"><span class="app__state {{ $classe }}">{{ $rotulo }}</span></td>

                        <td data-l="Conta">
                            <span class="app__acc-cell" @if($conta && $conta['email']) title="{{ $conta['email'] }}" @endif>
                                {{ $conta ? $conta['label'] : ($skill->account ?: '--') }}
                            </span>
                        </td>

                        <td>
                            <span class="app__acts">
                                @if($skill->activation == '1')
                                    <span class="app__ico is-flag" title="Skill com ativação por conta">
                                        <i class="fa-solid fa-key"></i>
                                    </span>
                                @endif

                                @if(! empty($skill->link))
                                    <a class="app__ico" href="{{ $skill->link }}" target="_blank" rel="noopener noreferrer" title="Abrir na loja da Alexa">
                                        <i class="fa-solid fa-arrow-up-right-from-square"></i>
                                    </a>
                                @endif

                                <a class="app__ico" href="{{ route('admin.skill', [$skill->qr, $skill->id]) }}" title="Abrir o cadastro">
                                    <i class="fa-solid fa-pen"></i>
                                </a>
                            </span>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    @endif
</div>

{{ $allSkills->links('vendor.pagination.default') }}

<script>
(function () {
    'use strict';

    var campo = document.getElementById('pSea');
    var buscar = document.getElementById('sea');

    function irParaBusca() {
        var valor = campo.value.trim();

        if (valor !== '') {
            window.location.href = '{{ route('admin.skills') }}/' + encodeURIComponent(valor);
        }
    }

    buscar.addEventListener('click', irParaBusca);

    campo.addEventListener('keyup', function (evento) {
        if (evento.key === 'Enter') {
            irParaBusca();
        }
    });
}());
</script>

@include('admin/includes/footer')