@extends('layouts.app')
@section('title', __('ui.contribution_title').' — Coaster World')
@section('content')
<section class="contribution-hero"><div class="container">
    <a href="{{ $entityUrl }}" class="contribution-back">← {{ __('ui.contribution_back') }}</a>
    <span class="eyebrow">{{ __('ui.contribution_kicker') }}</span>
    <h1>{{ __('ui.contribution_title') }}</h1>
    <p>{{ __('ui.contribution_intro', ['name' => $entityName]) }}</p>
</div></section>

<section class="section"><div class="container contribution-layout">
    <article class="contribution-target-card">
        <span>{{ __('ui.contribution_target') }}</span>
        <strong>{{ $entityName }}</strong>
        <small>{{ __('ui.contribution_type_'.$type) }}</small>
        <p>{{ __('ui.contribution_safety') }}</p>
    </article>

    <form method="post" action="{{ route('contributions.store', ['type'=>$type,'id'=>$entity->getKey()]) }}" class="contribution-form" data-contribution-form>
        @csrf
        @if($errors->any())<div class="admin-error">{{ $errors->first() }}</div>@endif

        <label>
            <span>{{ __('ui.contribution_field') }}</span>
            <select name="field_key" required data-contribution-field>
                @foreach($fields as $field => $config)
                    <option value="{{ $field }}" data-field-type="{{ $config['type'] }}" @selected(old('field_key')===$field)>{{ __('ui.contribution_field_'.$field) }}</option>
                @endforeach
            </select>
        </label>

        <label data-contribution-locale-wrap>
            <span>{{ __('ui.contribution_locale') }}</span>
            <select name="locale" data-contribution-locale>
                @foreach(['fr','en','de','es','it'] as $locale)
                    <option value="{{ $locale }}" @selected(old('locale',$defaultLocale)===$locale)>{{ strtoupper($locale) }}</option>
                @endforeach
            </select>
        </label>

        <div class="contribution-current">
            <span>{{ __('ui.contribution_current_value') }}</span>
            <p data-contribution-current>{{ __('ui.contribution_empty_value') }}</p>
        </div>

        <label class="contribution-proposed">
            <span>{{ __('ui.contribution_proposed_value') }}</span>
            <textarea name="proposed_value" rows="7" maxlength="12000" required placeholder="{{ __('ui.contribution_value_placeholder') }}">{{ old('proposed_value') }}</textarea>
        </label>

        <label>
            <span>{{ __('ui.contribution_source') }}</span>
            <input type="url" name="source_url" maxlength="2048" value="{{ old('source_url') }}" placeholder="https://…">
            <small>{{ __('ui.contribution_source_help') }}</small>
        </label>

        <label>
            <span>{{ __('ui.contribution_message') }}</span>
            <textarea name="message" rows="4" maxlength="3000" placeholder="{{ __('ui.contribution_message_placeholder') }}">{{ old('message') }}</textarea>
        </label>

        <div class="contribution-form-actions">
            <button class="button button-primary" type="submit">{{ __('ui.contribution_send') }}</button>
            <a class="button button-ghost" href="{{ route('contributions.mine') }}">{{ __('ui.contribution_my') }}</a>
        </div>
    </form>
</div></section>

<script type="application/json" id="contribution-current-values">@json($currentValues)</script>
@endsection