{{-- resources/views/points/shared_password.blade.php --}}
@extends('layouts.base')

@section('title', __('Protected waypoint'))

@section('content')
<div class="wrap" style="max-width:700px;margin:2rem auto; padding: 0 10%;">
    <h1 style="font-size:1.4rem; font-weight:700; margin-bottom:1rem;">
        {{ __('This waypoint is protected by a password') }}
    </h1>

    <p style="margin-bottom:1rem;">
        {{ __('The owner has protected this waypoint with a password. Please enter it to continue.') }}
    </p>

    @if(session('ok'))
        <div class="ok">{{ session('ok') }}</div>
    @endif

    @if($errors->any())
        <div class="err" style="margin-bottom:1rem;">
            @foreach($errors->all() as $error)
                <div>{{ $error }}</div>
            @endforeach
        </div>
    @endif

    <form method="POST"
          action="{{ route('points.unlock', ['locale' => app()->getLocale(), 'token' => $serialToken]) }}"
          class="card"
          style="padding:1rem; border-radius:8px;">
        @csrf

        <div class="form-field" style="margin-bottom:1rem;">
            <label for="password">
                {{ __('Password') }}
            </label>
            <input id="password"
                   type="password"
                   name="password"
                   required
                   autocomplete="off"
                   placeholder="{{ __('Enter the password you received by email') }}">
        </div>

        <button type="submit" class="btn primary">
            {{ __('Unlock waypoint') }}
        </button>
    </form>

    <p style="margin-top:1rem;font-size:.9em;color:#6b7280;">
        {{ __('If you did not receive a password, please contact the person who shared this waypoint with you.') }}
    </p>
</div>
@endsection