@section('title', 'Tasks')
@include('admin/includes/header')
<link href="/assets-manager/css/sweetalert2.min.css" rel="stylesheet">
@section('head')
@endsection

<main class="flex-shrink-0 mt-2">
    <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($allTasks->count() == 0)
        <div class="py-4 text-center">Nenhuma tarefa no momento!</div>
        @else
        <table class="table table-hover align-middle">
			<thead>
				<tr>
					<th scope="col" style="width: 50px;">#</th>
					<th scope="col" style="width: 50px;">Porta</th>
					<th scope="col text-center">Ação</th> <th scope="col" class="text-end" >Data</th>
					<th scope="col" class="pe-1 text-end" style="width: 100px;">#</th>
				</tr>
			</thead>
			<tbody>
				@foreach($allTasks as $task)
				<tr>
					<th scope="row">{{ $task->id }}</th>
					
					<td>
						<span class="fw-semibold text-dark">{{ $task->port }}</span>
					</td>
					<td>
						<span class="fw-semibold text-dark">{{ $task->action }}</span>
					</td>
					
					<td class="text-end">
						<small class="text-muted">{{ $task->created_at}}</small>
					</td>
					
					<td class="pe-1 text-end">
						<button type="button" 
								class="btn btn-success btn-sm btn-concluir" 
								data-id="{{ $task->id }}" 
								data-name="{{ $task->action }}">
							<i class="bi bi-check-lg"></i>
						</button>
					</td>
				</tr>
				@endforeach
			</tbody>
		</table>
        @endif
    </div>
</main>



<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.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>
$('.alert-dismissible').delay(4000).fadeOut(700);

$(".btn-concluir").click(function() {
	const taskId = $(this).attr('data-id');
	const taskName = $(this).attr('data-name');

	Swal.fire({
		title: 'Concluir Tarefa?',
		text: "Deseja marcar como concluída: " + taskName + "?",
		icon: 'warning',
		showCancelButton: true,
		confirmButtonColor: '#198754',
		cancelButtonColor: '#6c757d',
		confirmButtonText: 'Sim, concluir!',
		cancelButtonText: 'Cancelar'
	}).then((result) => {
		if (result.isConfirmed) {
			let url = "{{ route('admin.doTasksDash', '') }}/" + taskId;
			$.post(url).done(function(data) {
				if(data.status) {
					location.reload();
				} else {
					Swal.fire('Erro!', 'Não foi possível atualizar a tarefa.', 'error');
				}
			})
			.fail(function() {
				Swal.fire('Erro!', 'Falha na comunicação com o servidor.', 'error');
			});
		}
	});
});
</script>