@extends('layouts.app')

@section('title','Login Administrator')

@section('content')

<div class="container-xl">

    <div class="row justify-content-center mt-5">

        <div class="col-md-5 col-lg-4">

            <div class="card shadow-lg">

                <div class="card-body p-5">

                    <div class="text-center mb-4">

                        <i class="ti ti-building-bank text-primary"
                           style="font-size:60px"></i>

                        <h2 class="mt-3">

                            PT BPR CERDAS

                        </h2>

                        <p class="text-secondary">

                            Login Administrator

                        </p>

                    </div>

                    @if(session('error'))

                        <div class="alert alert-danger">

                            {{ session('error') }}

                        </div>

                    @endif

                    <form method="POST"
                          action="{{ route('login.process') }}">

                        @csrf

                        <div class="mb-3">

                            <label class="form-label">

                                Username

                            </label>

                            <input 
type="email"
name="email"
class="form-control"
placeholder="Email"
>

                        </div>

                        <div class="mb-4">

                            <label class="form-label">

                                Password

                            </label>

                            <input 
type="password"
name="password"
class="form-control"
>

                        </div>

                        <button
                            class="btn btn-primary w-100">

                            Login

                        </button>

                    </form>

                    <div class="text-center mt-4">

                        <a href="{{ route('dashboard') }}">

                            ← Kembali ke Dashboard

                        </a>

                    </div>

                </div>

            </div>

        </div>

    </div>

</div>

@endsection