@extends('layouts.landing')

@section('title', 'Masuk - SIPEDAS')

@section('content')
<section class="section pt-5">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-lg-6">
        <div class="shadow rounded p-5 bg-white">
          <div class="text-center mb-4">
            <h4>Masuk ke SIPEDAS</h4>
            <p class="text-muted">Masukkan email dan password Anda</p>
          </div>

          @if(session('error'))
            <div class="alert alert-danger">{{ session('error') }}</div>
          @endif
          @if(session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
          @endif

          <form action="/login" method="POST">
            @csrf

            <div class="form-group mb-4 pb-2">
              <label class="form-label">Email</label>
              <input type="email" name="email" class="form-control shadow-none" placeholder="contoh@email.com" required>
            </div>

            <div class="form-group mb-4 pb-2">
              <label class="form-label">Password</label>
              <input type="password" name="password" class="form-control shadow-none" placeholder="Masukkan password" required>
            </div>

            <button type="submit" class="btn btn-primary w-100">Masuk</button>
          </form>

          <p class="text-center mt-4 mb-0">
            Belum punya akun?
            <a href="/register" class="text-primary fw-bold">Daftar sekarang</a>
          </p>
        </div>
      </div>
    </div>
  </div>
</section>
@endsection