@extends('layouts.app')

@section('title', 'Anmelden')

@section('content')
<div class="login-wrap">
    <div class="login-card">
        <img src="{{ asset('assets/img/barox-logo-login.png') }}" alt="barox">
        <h1>barox Inventory</h1>
        <p>Inventar, Lizenzen und Berechtigungen zentral verwalten.
           Bitte melden Sie sich mit Ihrem Microsoft-365-Konto an.</p>
        <a class="btn btn-primary btn-lg btn-ms" href="{{ route('auth.microsoft') }}">
            <svg width="20" height="20" viewBox="0 0 21 21" aria-hidden="true"><rect x="1" y="1" width="9" height="9" fill="#f25022"/><rect x="11" y="1" width="9" height="9" fill="#7fba00"/><rect x="1" y="11" width="9" height="9" fill="#00a4ef"/><rect x="11" y="11" width="9" height="9" fill="#ffb900"/></svg>
            Mit Microsoft 365 anmelden
        </a>
    </div>
</div>
@endsection