@extends('layouts.app')
@section('title', 'Sign in')
@section('content')
<div class="card" style="max-width:440px;margin:0 auto">
    <h1>Sign in</h1>
    @if(config('services.google.client_id') || config('services.linkedin-openid.client_id'))
        <p style="display:flex;gap:10px;flex-wrap:wrap">
            @if(config('services.google.client_id'))
                <a class="btn ghost" href="{{ url('/auth/google') }}">Continue with Google</a>
            @endif
            @if(config('services.linkedin-openid.client_id'))
                <a class="btn ghost" href="{{ url('/auth/linkedin') }}">Continue with LinkedIn</a>
            @endif
        </p>
        <p style="color:var(--muted);font-size:.9rem">or use your email</p>
    @endif
    <form method="post" action="{{ url('/login') }}">@csrf
        <label>Email <input type="email" name="email" value="{{ old('email') }}" required autocomplete="email"></label>
        <label>Password <input type="password" name="password" required autocomplete="current-password"></label>
        <label style="display:flex;gap:8px;align-items:center;font-size:.95rem">
            <input type="checkbox" name="remember" value="1" style="width:auto"> Keep me signed in on this device
        </label>
        <p><button class="btn" type="submit">Sign in</button></p>
    </form>
    <p style="font-size:.95rem">
        <a href="{{ url('/forgot-password') }}">Forgot your password?</a> ·
        <a href="{{ url('/register') }}">Create an account</a>
    </p>
</div>
@endsection