@extends(getenv("THEME") . '.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">
            <div class="card-body">
                <div class="row table-responsive">
                    <table class="table table-striped">
                        <thead class="thead-light">
                            <tr>
                                <th>#</th>
                                <th>ID do Cliente</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->accountcode }}</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 class="flex-row actions">
                                    <form action="{{ route(getenv("THEME") . '.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>
                                    <a href="{{ route(getenv("THEME") . '.hubspot.engajamentEdit', $registro->id) }}" class="btn btn-info btn-sm"><i class="fas fa-edit"></i></a>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection