@section('title', 'Aplicativos iOS')

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

@include('admin/includes/header')

@php
    /* o mesmo mapa de estado da lista e da ficha */
    $estados = [
        0 => ['Pendente', 'is-wait'],
        1 => ['Publicado', 'is-live'],
        2 => ['Aguardando termo', ''],
        3 => ['Não publicado', 'is-off'],
        4 => ['Pronto para publicar', 'is-ready'],
        5 => ['Em análise', 'is-review'],
    ];

    /* na busca o controller devolve uma coleção simples, sem paginação */
    $total = method_exists($allApps, 'total') ? $allApps->total() : $allApps->count();
@endphp

<div class="mgr-head">
    <div>
        <h1>Aplicativos iOS</h1>

        @isset($s)
            <p>{{ $total }} {{ $total == 1 ? 'resultado' : 'resultados' }} para esta porta.</p>
        @else
            <p>{{ $total }} {{ $total == 1 ? 'aplicativo publicado ou em andamento' : 'aplicativos publicados ou em andamento' }}.</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

@isset($s)
    <div class="str__bar">
        <span class="str__chip">
            <i class="fa-solid fa-magnifying-glass"></i>
            <span>Porta <b>{{ $s }}</b></span>
            <a href="{{ route('admin.appsIos') }}" title="Limpar a busca" aria-label="Limpar a busca">
                <i class="fa-solid fa-xmark"></i>
            </a>
        </span>
    </div>
@endisset

<div class="card">
    @if($allApps->count() == 0)
        <p class="app__empty">Nenhum aplicativo encontrado.</p>
    @else
        <table class="app__table">
            <thead>
                <tr>
                    <th>Aplicativo</th>
                    <th>Solicitado em</th>
                    <th>Estado</th>
                    <th class="text-end">Ações</th>
                </tr>
            </thead>
            <tbody>
                @foreach($allApps as $app)
                    @php [$rotulo, $classe] = $estados[(int) $app->status] ?? $estados[0]; @endphp

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

                        <td data-l="Solicitado em"><span class="app__when">{{ ($quando = strtotime((string) $app->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>
                            <span class="app__acts">
                                <a class="app__ico" href="{{ route('admin.appIos', [$app->qr, $app->id]) }}" title="Abrir o cadastro">
                                    <i class="fa-solid fa-pen"></i>
                                </a>
                            </span>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    @endif
</div>

@empty($s)
    {{ $allApps->links('vendor.pagination.default') }}
@endempty

<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.appsIos') }}/' + encodeURIComponent(valor);
        }
    }

    buscar.addEventListener('click', irParaBusca);

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

@include('admin/includes/footer')