@extends('layouts.auth')

@section('content')
<div class="container mx-auto mt-10 max-w-lg p-6 bg-white rounded-lg shadow-md">
    <div class="text-center">
        <h2 class="text-2xl font-bold text-gray-800">{{ $provider->label() }} Connect Your Account</h2>
        <p class="mt-2 text-gray-600">Link your {{ $provider->label() }} account to enable seamless integration.</p>

        <div class="mt-6">
            <a href="{{ route('connections.redirect', ['provider' => $provider]) }}"
               class="flex items-center justify-center gap-3 px-4 py-2 border border-gray-300 rounded-md bg-white hover:bg-gray-100">
                <span class="text-sm text-gray-700 font-medium">Link Your {{ $provider->label() }} Account</span>
            </a>
        </div>
    </div>
</div>
@endsection