@extends('layouts.app')

@section('content')
<p>List of connections</p>

<table class="min-w-full divide-y-2 divide-gray-200">
    <thead class="ltr:text-left rtl:text-right">
    <tr class="*:font-medium *:text-gray-900">
        <th class="px-3 py-2 whitespace-nowrap">Name</th>
        <th class="px-3 py-2 whitespace-nowrap">Created At</th>
        <th class="px-3 py-2 whitespace-nowrap">Updated At</th>
    </tr>
    </thead>

    <tbody class="divide-y divide-gray-200 *:even:bg-gray-50">
    @foreach ($connections as $connection)
    <tr class="*:text-gray-900 *:first:font-medium">
        <td class="px-3 py-2 whitespace-nowrap">{{ $connection->name }}</td>
        <td class="px-3 py-2 whitespace-nowrap">{{ $connection->created_at }}</td>
        <td class="px-3 py-2 whitespace-nowrap">{{ $connection->updated_at }}</td>
        <td class="px-3 py-2 whitespace-nowrap">
            <form method="post" action="{{ route('connections.destroy', ['provider' => $connection->provider]) }}">
                <button
                    type="submit"
                    class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800">
                    Disconnect
                </button>
            </form>
        </td>
    </tr>
    <tr>
    </tr>
    @endforeach
    </tbody>
</table>

@endsection