@extends("layouts.app")

@section("titulo")
    Subir Contactos
@endsection

@section("contenido")


<div class="col-xl-8 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
							<div class="widget widget-chart-one">
								<div class="widget-heading">
									<h5 class="">Lista de Verify Number &ensp;&ensp;<span style='cursor: pointer;' onclick="window.location.reload();" ><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-refresh-ccw"><polyline points="1 4 1 10 7 10"></polyline><polyline points="23 20 23 14 17 14"></polyline><path d="M20.49 9A9 9 0 0 0 5.64 5.64L1 10m22 4l-4.64 4.36A9 9 0 0 1 3.51 15"></path></svg></span>
</h5>

                                    

									<div class="task-action">
										<div class="dropdown">
											<a class="dropdown-toggle" href="#" role="button" id="revenue" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
												<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-more-horizontal"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg>
											</a>
											<div class="dropdown-menu left" aria-labelledby="revenue" style="will-change: transform;">
												<a class="dropdown-item" href="javascript:void(0);">Weekly</a>
												<a class="dropdown-item" href="javascript:void(0);">Monthly</a>
												<a class="dropdown-item" href="javascript:void(0);">Yearly</a>
												</div>
											</div>
										</div>
								</div>
								<div class="widget-content">

							
<div class="table-responsive">
    <table class="table table-bordered">
    <thead>
    <tr>
    <th scope="col">Campaña</th>
    <th scope="col">Progreso</th>
    <th class="text-center" scope="col">Estado</th>
    <th class="text-center" scope="col">Acciones</th>
    </tr>
    </thead>
    <tbody>

    @if(is_array($campas)) 
        @foreach ($campas as $registro)
        <tr>
            <td>{{ $registro['campa'] }}</td>
            <td>
            @if(is_numeric($registro['campas_success']) && is_numeric($registro['campas_pending']) )
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
                    <span class="table-inner-text">{{ $registro['campas_success'] }}/{{ $registro['campas_pending'] }}</span>
                @endif
            </td>
            <td class="text-center">
                @if($registro['status'] == 0)
                    <form method="POST" action="{{ route('iniciar', $registro['campa'] ) }}">
                        @csrf
                        <button type="submit" class="btn btn-outline-success mb-2 me-4">Iniciar Validación</button>
                    </form>
                @elseif($registro['status'] == 1)
                    <button class="btn btn-outline-warning mb-2 me-4">Cargando...</button>
                @elseif($registro['status'] == 2)
                    <button class="btn btn-outline-warning mb-2 me-4">En Proceso...</button>
                @elseif($registro['status'] == 3)
                    <button class="btn btn-dark mb-2 me-4" disabled>Terminado</button>
                @endif
            </td>
            <td> @if($registro['status'] == 3)
            <form method="POST" action="{{ route('donwload', $registro['campa'] ) }}">
                        @csrf
                        <button type="submit" class="btn btn-outline-success mb-2 me-4">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-download"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></svg>
                        </button>
                    </form>
                @endif</td>
            
        </tr>
        @endforeach
    @else
        <tr>
            <td></td>
            <td>
            </td>
            <td class="text-center">
            </td>
            <td></td>
        </tr>
    @endif
    </tbody>
    </table>
<div>
<div>
    {{ $pags->links('pagination::bootstrap-5') }}
</div>


                                    
								</div>
							</div>        
						</div>


@endsection

@push("styles")
    
@endpush

@push("scripts")
    
@endpush