@extends('layouts.panel.panel', ['title' => 'Masuk'])

@section('content')
<div class="card card-primary">
    <div class="card-header">
        <h4 class="container text-center">Masukan email dan password</h4>
    </div>

    <div class="card-body">
        @if (Session::has('success'))
        <div class="alert alert-success alert-dismissible" role="alert">
            <button type="button" class="close" data-dismiss="alert">
                <i class="fa fa-times"></i>
            </button>
            <strong>Berhasil !</strong> <br>
            {{ session('success') }}
        </div>
        @endif

        @error('status')
        <div class="alert alert-danger alert-dismissible" role="alert">
            <button type=" button" class="close" data-dismiss="alert">
                <i class="fa fa-times"></i>
            </button>
            <strong>Gagal !</strong> <br>
            {{ $message }}
        </div>
        @enderror
        <form method="POST" action="{{ route('login') }}">
            @csrf
            <div class="form-group">
                <label for="email">Email <i class="fas fa-info-circle" data-toggle="tooltip" data-placement="top"
                                            title="Alamat email yang terdaftar"></i> <span class="text-danger">*</span></label>
                <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email"
                       value="{{ old('email') }}">
                @error('email')
                <div class="invalid-feedback">
                    {{ $message }}
                </div>
                @enderror
            </div>

            <div class="form-group">
                <label for="password" class="control-label">Password <span class="text-danger">*</span></label>
                <input id="password" type="password" class="form-control @error('password') is-invalid @enderror password"
                       name="password" value="{{ old('password') }}">
                @error('password')
                <div class="invalid-feedback">
                    {{ $message }}
                </div>
                @enderror
            </div>

            <div class="mb-2 text-muted text-right">
                <a href="/forgot-password">Lupa Password ?</a>
            </div>

            <div class="form-group">
                <button type="submit" class="btn btn-primary btn-lg btn-block">
                    Masuk
                </button>
            </div>
        </form>
    </div>
</div>

<div class="mt-5 text-muted text-center">
    Belum punya akun? <a href="{{ route('register') }}">Daftar Sekarang</a>
</div>
@endsection