@extends('layouts.argo')
@section('content')
<div class="col">    
    <div class="card">
        <div class="card-header">
            <h3>Lista de Engajamentos com erro</h3>
        </div>
        
        <div class="card-header">
            <a class="btn float-right" href="{{route('alias.index', $user->id)}}">Manutenção de Dids</a>
            <a class="btn float-right" href="{{route('trunks.index', $user->id)}}">Manutenção de Troncos</a>
            <a class="btn float-right" href="{{route('usuarios.voip', $user->id)}}">Tela Inicial</a>
        </div>
        
        <div class="card">
            <div class="card-body">
                <div class="row table-responsive">
                    <table class="table table-striped">
                        <thead class="thead-light">
                            <tr>
                                <th>#</th>
                                <th>Origem</th>
                                <th>Destino</th>
                                <th>Gravação</th>
                                <th>CallId</th>
                                <th>Data</th>
                                <th class="col-md-1">Ações</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($registros as $registro)
                            <tr> 
                                <td>{{ $registro->id }}</td>
                                <td>{{ $registro->fromNumber }}</td>
                                <td>{{ $registro->title }}</td>
                                <td><a href="{{ $registro->recordingUrl }}" target="_blank">Gravação</a></td>
                                <td>{{ $registro->callid }}</td>
                                <td>{{ date('d-m-Y H:i:s', strtotime($registro->created_at)) }}</td>
                                <td>
                                    <form action="{{ route('hubspot.engajamentStore', $registro->id) }}" method="post">
                                        @csrf
                                        <button type="submit" class="btn btn-sm btn-success" title="Enviar Gravação para HubSpot"> <i class="fas fa-plus"></i></button>
                                    </form>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection