@section('title', 'Publicidades APP')
@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($allAds->count() == 0)
        <div class="py-4 text-center">Nenhuma publicidade</div>
        @else
        <table class="table">
            <thead>
            <tr>
                <th scope="col">#</th>
                <th scope="col">Site</th>
                <th scope="col">Solicitada em</th>
                <th class="pe-1 text-end" scope="col">Ação</th>
            </tr>
            </thead>
            <tbody>
            @php
            foreach($allAds as $ads){
                $site = DB::connection('mysql_site_'.$ads->qr)->table('sites')->where('id','=',$ads->site_id)->get()->first();
            @endphp
            <tr>
                <th scope="row">{{ $ads->id }}</th>
                <td><span class="fw-semibold text-dark">{{ $site->name }} ({{ $site->stream_port }})</span></td>
                <td>{{ date('d/m/Y H:i',strtotime($ads->created_at)) }}</td>
                <td class="pe-1 text-end">
                    <button type="button" data-src="/{{ $ads->img }}" data-id="{{ $ads->id }}" data-name="{{ $site->name }}" data-srv="{{ $ads->qr }}" class="accAds btn btn-success btn-sm"><i class="bi bi-check-lg"></i></button>
                </td>
            </tr>
            @php } @endphp
            </tbody>
        </table>

            {{ $allAds->links('vendor.pagination.default') }}
            @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>

    $( ".accAds" ).click(function() {
        Sweetalert2.fire({
            title: 'Deseja aceitar '+$(this).attr('data-name')+'?',
            html:
                '<img src="'+$(this).attr('data-src')+'" class="img-fluid"/>',
            showDenyButton: true,
            showCancelButton: false,
            confirmButtonText: 'Aceitar',
            denyButtonText: 'Rejeitar',
        }).then((result) => {

                $.post("{{ route('admin.adsDo') }}", { id: $(this).attr('data-id'), action: (result.isConfirmed ? 'accept' : (result.isDenied ? 'denied' : '')), server_id: $(this).attr('data-srv') }) .done(function( data ) {
                    if(data.status){
                        location.reload();
                    }
                }, "json");

        });
    });
    $('.alert-dismissible').delay(4000).fadeOut(700);
</script>