@section('title', 'Aplicativos IOS')
@include('admin/includes/header')
@section('head')
@endsection

<main class="flex-shrink-0 mt-3">
    <div class="container">
	
	      <div class="row mb-3">
            <div class="col-md-12 d-flex align-middle">
                <div>
                    @isset($s)
                        <h4>Buscando por: {{ $s }}</h4>
                    @else
                        <h4>Lista de apps</h4>
                    @endif
                </div>
                <div class="ms-auto">
                    <div class="input-group mb-3">
                        <input type="text" class="form-control" id="pSea" maxlength="5" placeholder="Buscar app..." oninput="this.value = this.value.replace(/[^0-9.-]/g, '').replace(/(\..*)\./g, '$1');" autocomplete="off">
                        <button class="btn btn-outline-secondary" type="button" id="sea">Buscar</button>
                    </div>
                </div>
            </div>
        </div>
	
	
        @if (\Session::has('success'))
            <div class="alert alert-success alert-icon alert-dismissible fade show fw-semibold" role="alert">
                {!! \Session::get('success') !!}
            </div>
            @php Session::forget('success'); @endphp
        @endif

            @if($allApps->count() == 0)
                <div class="py-4 text-center">Nenhum aplicativo</div>
            @else

            <table class="table table-vcenter">
                <thead>
                <tr>
                    <th class="d-none" scope="col">#</th>
                    <th scope="col">Porta</th>
                    <th scope="col">Nome</th>
                    <th scope="col">Solicitado em</th>
                    <th scope="col">Status</th>
                    <th class="pe-1 text-end" scope="col">Ação</th>
                </tr>
                </thead>
                <tbody>
                @php
                    foreach($allApps as $app){
                        
                @endphp
                <tr>
                    <th class="d-none" scope="row">{{ $app->id }}</th>
                    <td class="fw-semibold" style="width:7%">{{ $app->port }} </td>
                    <td><span class="fw-semibold text-dark">{{ $app->name }}</span></td>
                    <td>{{ date('d/m/Y H:i',strtotime($app->created_at)) }}</td>
                    <td>
                        {!! 
                            $app->status == 0 ? '<b class="text-warning">Pendente</b>' : 
                            ($app->status == 1 ? '<b class="text-success">Publicado</b>' : 
                            ($app->status == 2 ? '<b class="text-secondary">Aguardando termo</b>' : 
                            ($app->status == 3 ? '<b class="text-danger">Não publicado</b>' : 
                            ($app->status == 4 ? '<b class="text-info">Pronto para publicar</b>' : '<b class="text-primary">Em análise</b>'))))
                        !!}
                    </td>
                    <td class="pe-1 text-end">
                        <a href="{{ route('admin.appIos',[$app->qr,$app->id]) }}" class="btn btn-secondary btn-sm"><i class="bi bi-pencil-square align-top"></i></a>
						{{-- <button type="button" class="btn btn-secondary btn-sm"><i class="bi bi-arrow-clockwise align-top"></i></button> --}}
                    </td>
                </tr>
					@php  } @endphp
                </tbody>
            </table>

			@empty($s)
             {{ $allApps->links('vendor.pagination.default') }}
			@endif
			
                @endif
    </div>
</main>

@include('admin/includes/footer')


<script src="https://getbootstrap.com/docs/5.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://code.jquery.com/jquery-2.2.4.min.js" /></script>
<script>

    $("#pSea").on('keyup', function (e) {
        if (e.key === 'Enter' || e.keyCode === 13) {
            var aValue = this.value;
            window.location = "{{ route('admin.appsIos') }}/"+aValue;
        }
    });

    $('#sea').on('click',function(){
        var sValue = $('#pSea').val();
        window.location = "{{ route('admin.appsIos') }}/"+sValue;
    });

</script>