@extends('layouts.auth')
@php
    $showDemo = config('infotics.demo.show_credentials') || config('infotics.demo.seed');
    $intended = session('url.intended');
    $demo = $showDemo ? [
        ['Learner', 'student01@demo.infotics.local'],
        ['Trainer', optional(\App\Models\User::where('role', 'trainer')->orderBy('id')->first())->email],
        ['Employer', 'employer@demo.infotics.local'],
        ['Admin', 'admin@infotics.edu.pk'],
    ] : [];
@endphp
@section('content')
@include('auth._mbrand')
<h1>Welcome back</h1>
<p class="muted">Log in to your learner, trainer or employer portal.</p>
@if($intended)<div class="callout tr-note"><x-icon name="lock" :size="18"/><div class="small">Please log in to continue to the page you asked for.</div></div>@endif

<form method="post" action="{{ route('login.submit') }}" novalidate class="tr-form">
    @csrf
    <div class="field">
        <label class="label" for="f-email">Email address <span class="req">*</span></label>
        <input class="input {{ $errors->has('email') ? 'is-invalid' : '' }}" type="email" id="f-email" name="email" value="{{ old('email') }}" required autocomplete="username" autofocus inputmode="email">
        @error('email')<div class="field-error" role="alert">{{ $message }}</div>@enderror
    </div>
    @include('auth._password', ['name' => 'password', 'label' => 'Password', 'autocomplete' => 'current-password'])
    <div class="row between tr-login-opts">
        <label class="check"><input type="checkbox" name="remember" value="1" @checked(old('remember'))> <span>Keep me logged in</span></label>
        <a class="small bold" href="{{ route('password.request') }}">Forgot password?</a>
    </div>
    <button class="btn btn-primary btn-block btn-lg mt-2" type="submit">Log in <x-icon name="arrow-right" :size="18"/></button>
</form>

<p class="center small muted mt-3">New to INFOTICS? <a class="bold" href="{{ route('register') }}">Create a learner account</a></p>

@if($demo)
<div class="demo-box tr-demo" data-demo-logins>
    <b>Demo accounts</b> <span class="xs">(demo mode is on)</span>
    <div class="tr-demo-list">
        @foreach($demo as [$role, $mail])
            @if($mail)<button type="button" class="tr-demo-btn" data-fill-login data-email="{{ $mail }}" data-password="ChangeMe!123">{{ $role }}<small>{{ $mail }}</small></button>@endif
        @endforeach
    </div>
    <div class="xs">Password for every demo account: <code>ChangeMe!123</code>. Click a role to fill the form.</div>
</div>
@endif
@endsection
@push('scripts')<script src="{{ asset_v('assets/js/auth.js') }}" defer nonce="{{ csp_nonce() }}"></script>@endpush