@extends('shop.layout')
@section('title', __('portal.shop.forgot_title'))
@section('content')

<div style="max-width:380px;margin:0 auto;">
    <h1 style="font-size:22px;margin-bottom:8px;">{{ __('portal.shop.forgot_title') }}</h1>
    <p class="muted" style="margin-bottom:16px;">{{ __('portal.shop.forgot_intro') }}</p>

    @if (session('status'))
        <div class="card" style="border-color:#bbf7d0;background:#f0fdf4;margin-bottom:14px;color:#166534;font-size:14px;">
            {{ session('status') }}
        </div>
    @endif

    @if ($errors->any())
        <div class="card" style="border-color:#fca5a5;background:#fef2f2;margin-bottom:14px;">
            <ul style="margin:0;padding-left:18px;color:#991b1b;font-size:14px;">
                @foreach ($errors->all() as $e)<li>{{ $e }}</li>@endforeach
            </ul>
        </div>
    @endif

    <form method="POST" action="/shop/password/email" class="card">
        @csrf
        <div class="field"><label>{{ __('portal.common.email') }} *</label>
            <input type="email" name="email" value="{{ old('email') }}" required autofocus>
        </div>
        <button type="submit" class="btn block">{{ __('portal.shop.send_reset_link') }}</button>
    </form>

    <p class="muted" style="text-align:center;margin-top:12px;">
        <a href="/shop/login" style="color:inherit;text-decoration:underline;">{{ __('portal.shop.back_to_login') }}</a>
    </p>
</div>
@endsection
