@extends('layouts.app')
@section('title', 'Вход — Presaver')

@section('content')
<div class="max-w-sm mx-auto py-10">
    <h1 class="text-2xl font-bold text-center">Вход в Presaver</h1>
    <p class="mt-2 text-center text-sm text-gray-600">Войдите через аккаунт, где делаете пресейвы.</p>

    <div class="mt-8 space-y-3">
        <a href="{{ route('oauth.redirect', 'vkontakte') }}"
           class="flex items-center justify-center gap-2 w-full rounded-lg bg-[#0077FF] text-white px-4 py-3 font-medium hover:opacity-90">
            Войти через VK ID
        </a>
        <a href="{{ route('oauth.redirect', 'yandex') }}"
           class="flex items-center justify-center gap-2 w-full rounded-lg bg-[#FC3F1D] text-white px-4 py-3 font-medium hover:opacity-90">
            Войти через Яндекс
        </a>
    </div>

    @if(app()->environment('local'))
        <div class="mt-8 pt-6 border-t border-dashed border-gray-300">
            <p class="text-xs text-gray-400 mb-2">Локальная разработка:</p>
            <a href="{{ route('dev.login') }}"
               class="flex items-center justify-center w-full rounded-lg bg-gray-800 text-white px-4 py-2.5 text-sm hover:bg-gray-900">
                Dev-вход (админ)
            </a>
        </div>
    @endif
</div>
@endsection