@extends('layouts.master')

@section('content')
    <div class="container">
        <h1>Lantern</h1>

        @foreach ($lanterns as $lantern)
            <p>
                {{ \App\Models\Player::find($lantern->player_id)->name }} 
                {{ $lantern->preferences }} 
                {{ $lantern->place }}
                {{ $lantern->reason }}
            </p>
        @endforeach

        @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        <form action="{{ route('player.lantern.store') }}" method="POST">
            @csrf
            <p>Pick your preferred</p>

            <input type="radio" id="lantern_1" name="preferences" value="lantern_1">
            <label for="lantern_1">Lantern 1</label>
            <input type="radio" id="lantern_2" name="preferences" value="lantern_2">
            <label for="lantern_2">Lantern 2</label>
            <input type="radio" id="lantern_3" name="preferences" value="lantern_3">
            <label for="lantern_3">Lantern 3</label>

            <label for="place">Place</label>
            <span>Not more than 15 characters</span>
            <input type="text" id="place" name="place">

            <label for="reason">Why</label>
            <span>Not more than 250 characters</span>
            <input type="text" id="reason" name="reason">

            <button type="submit">Hang lantern</button>
        </form>
    </div>
@endsection