@extends('layouts.app')
@section('content3')  
    @if (session('error'))
        <div class="container my-5">
            <div class="px-4 my-2">
                <div class="mr-4 alert alert-danger" role="alert">
                    {{ session('error') }}
                </div>
            </div>
        </div>
    @endif

    <div class="container my-5 insta">
        <div class="row p-4 pb-0 pe-lg-0 pt-lg0 rounded-3 border shadow-lg">
            <div class="">

                <h4 class="text-dark">Live / Vídeos / Instagram</h4>
                <table class="table table-hover table-striped">
                    <thead>
                        <tr>
                            <th scope="col">Rede Social</th>
                            <th scope="col">ID Video</th>
                            <th scope="col">Título</th>
                            <th scope="col">Media Type</th>
                            <th scope="col">Data/Hora</th>
                            <!--<th scope="col">VD + CT</th>
                            <th scope="col">CT</th>-->
                        </tr>
                    </thead>
                    <tbody>
                    @if ($lives)
                       @foreach ($lives as $i => $item)
                            <tr>
                                <td class="text-center" width="10%">
                                    <span class="text-primary px-0"><i class="fa-brands fa-instagram"></i></span>
                                </td>
                                <td>
                                    <a href="{{ url('/monitorIG/' . $item['id'] . '/' . $token) }}">{{ $item["id"] }}</a></td>
                                <td>
                                    {!! isset($item['caption']) ? $item['caption'] : '-' !!}
                                </td>
                                <td>
                                {!! isset($item['media_type']) ? $item['media_type'] : '-' !!}
                                </td>
                                <td>
                                    <span>{!! \Carbon\Carbon::parse($item['timestamp'])->format("d/m/Y H:i:s") !!}</span>

                                </td>
                                <!--<td>
                                    <button class="btn btn-danger btn-sm" id="{{ $item['id'] }}" onclick="deleteVideo('{{ $item['id'] }}')">
                                        Apagar
                                    </button>
                                </td>
                                <td>
                                    <button class="btn btn-warning btn-sm text-white" id="btn-{{ $item['id'] }}" onclick="deleteComments('{{ $item['id'] }}')">
                                        Apagar
                                    </button>
                                </td>-->
                            </tr>
                         @endforeach 
                    @endif 
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @push('scripts')
    <script type="text/javascript">
         if (typeof token === 'undefined'){
        const token = "{{ $token }}";
    }

        
    </script>
    @endpush
@endsection