@extends('layouts.app')
@section('content')
<div class="max-w-md mx-auto bg-white p-6 rounded shadow">
  <h1 class="text-xl font-semibold mb-4">Sign in</h1>
  <form method="POST" action="/login">
    @csrf
    <div class="mb-3">
      <label class="block text-sm">Email</label>
      <input class="w-full border rounded p-2" type="email" name="email" required>
    </div>
    <div class="mb-3">
      <label class="block text-sm">Password</label>
      <input class="w-full border rounded p-2" type="password" name="password" required>
    </div>
    <button class="bg-blue-600 text-white px-4 py-2 rounded">Login</button>
  </form>
  <p class="text-sm mt-3">No account? <a class="text-blue-600" href="/register">Register</a></p>
</div>
@endsection