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

<main class="flex-shrink-0 mt-3">
    <div class="container">
        @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 (\Session::has('error'))
            <div class="alert alert-danger alert-icon alert-dismissible fade show fw-semibold" role="alert">
                {!! \Session::get('error') !!}
            </div>
            @php Session::forget('error'); @endphp
        @endif
	
	      <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>
        <div class="d-flex flex-wrap gap-2">
        <form action="{{ route('admin.apps.filter') }}" method="POST" class="d-inline">
        @csrf
        <button type="submit"
            class="badge rounded-pill 
                   {{ !isset($accountFilter) ? 'bg-success' : 'bg-secondary' }}
                   text-decoration-none px-3 py-2 border-0"
            style="cursor:pointer;">
            Ver todos
        </button>
        </form>
        @foreach($accountsFilter as $account => $count)
        @if($account === 0)
            @continue
        @endif
        <form action="{{ route('admin.apps.filter') }}" method="POST" class="d-inline">
            @csrf
            <input type="hidden" name="account" value="{{ $account }}">
            <button type="submit"
                class="badge rounded-pill 
                       {{ isset($accountFilter) && $accountFilter == $account ? 'bg-success' : ($count > 0 ? 'bg-primary' : 'bg-secondary') }}
                       text-decoration-none px-3 py-2 border-0"
                style="cursor:pointer;">
                {{ str_pad($account, 2, '0', STR_PAD_LEFT) }}:{{ $count }}
            </button>
        </form>
        @endforeach
        @php
        $semContaCount = $accountsFilter[0] ?? 0;
        @endphp
        
        <form action="{{ route('admin.apps.filter') }}" method="POST" class="d-inline">
            @csrf
            <input type="hidden" name="account" value="0">
            <button type="submit"
                class="badge rounded-pill 
                       {{ isset($accountFilter) && $accountFilter == 0 ? 'bg-success' : 'bg-secondary' }}
                       text-decoration-none px-3 py-2 border-0"
                style="cursor:pointer;">
                Sem conta: {{ $semContaCount }}
            </button>
        </form>
        </div>
	

            @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 scope="col">Conta</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 ? '<span class="fw-semibold text-warning">Pendente</span>' : ($app->status == 2 ? '<span class="fw-semibold text-primary">Análise</span>' : '<span class="fw-semibold text-success">Publicado</span>')) !!}
                    </td>
                    <td>
                        <span class="fw-semibold">
                            {{ $app->account ? str_pad($app->account, 2, '0', STR_PAD_LEFT) : '--' }}
                        </span>
                    </td>
                    <td class="pe-1 text-end">
						            @if($app->status != '0')
                        <form id="form-release-{{ $app->id }}"action="{{ route('admin.apps.release') }}" method="POST" style="display:inline">
                            @csrf
                            <input type="hidden" name="id" value="{{ $app->id }}">
                            <input type="hidden" name="server" value="{{ $app->qr }}">
                            <button onclick="formRelease({{$app->port}},'{{$app->name}}',{{$app->id}},{{$app->qr}})" type="button" class="btn btn-secondary btn-sm btn-release"><i class="bi bi-arrow-clockwise align-top"></i></button>
                        </form>
                        @endif
                        @if($app->status == '0')
						    	      <button class="btn btn-secondary btn-sm" title="Formulário pendente" disabled><i class="bi bi-pencil-square align-top"></i></button>
				    		        @else
		    				        <a href="{{ route('admin.app',[$app->qr,$app->id]) }}" class="btn btn-secondary btn-sm"><i class="bi bi-pencil-square align-top"></i></a>
    						        @endif
                    </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 src="/assets-manager/js/sweetalert2.all.js"></script>
<script>

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

    $('#sea').on('click',function(){
        var sValue = $('#pSea').val();
        window.location = "{{ route('admin.apps') }}/"+sValue;
    });
    
    function formRelease (port, name, id, server) {
        Sweetalert2.fire({
            title: 'Deseja liberar o formulário da porta <b>'+port+'</b>?<br/><br/>Nome: <b>'+name+'</b>.',
            showDenyButton: false,
            showCancelButton: true,
            confirmButtonText: 'Confirmar',
            cancelButtonText: 'Cancelar',
        }).then((result) => {
            if (result.isConfirmed) {
				  	    $('#form-release-' + id).submit();
				    }
			  });
    
    }

</script>