@php $editing = $goal->exists; @endphp

<x-layouts.app :title="$editing ? __('goal.edit') : __('goal.add')">
    <x-page-head :title="$editing ? __('goal.edit') : __('goal.add')" :intro="__('goal.form_intro')" />

    <form method="POST" action="{{ $editing ? route('goals.update', $goal->id) : route('goals.store') }}"
          class="card stack-lg" style="max-width:42rem">
        @csrf
        @if ($editing) @method('PUT') @endif

        <div class="field">
            <label for="name" class="label">{{ __('goal.name') }}</label>
            <input type="text" name="name" id="name" class="input" required maxlength="120"
                   placeholder="{{ __('goal.name_placeholder') }}" value="{{ old('name', $goal->name) }}">
        </div>

        <div class="grid grid-2">
            <div class="field">
                <label for="target_amount" class="label">{{ __('goal.target_amount') }}</label>
                <div class="input-group">
                    <span class="input-group__prefix">{{ $goal->currency ?? auth()->user()->currency }}</span>
                    <input type="number" name="target_amount" id="target_amount" class="input input--money"
                           required min="1" step="0.01"
                           value="{{ old('target_amount', $goal->target_amount?->toFloat()) }}">
                </div>
            </div>

            <div class="field">
                <label for="target_date" class="label">{{ __('goal.target_date') }}</label>
                <input type="date" name="target_date" id="target_date" class="input" required
                       min="{{ now()->addDay()->toDateString() }}"
                       value="{{ old('target_date', $goal->target_date?->toDateString()) }}">
            </div>
        </div>

        <div class="field">
            <label for="starting_balance" class="label">
                {{ __('goal.starting_balance') }}<span class="label__optional">({{ __('common.optional') }})</span>
            </label>
            <div class="input-group" style="max-width:18rem">
                <span class="input-group__prefix">{{ $goal->currency ?? auth()->user()->currency }}</span>
                <input type="number" name="starting_balance" id="starting_balance" class="input input--money"
                       min="0" step="0.01"
                       value="{{ old('starting_balance', $goal->starting_balance?->toFloat() ?? 0) }}">
            </div>
        </div>

        <div class="stack">
            <div class="label">{{ __('goal.priority') }}</div>
            @foreach (\App\Models\Goal::priorities() as $priority)
                <label class="choice">
                    <input type="radio" name="priority" value="{{ $priority }}"
                           @checked(old('priority', $goal->priority ?? 'important') === $priority)>
                    <span>
                        <span class="choice__title">{{ __('goal.priority_option.'.$priority) }}</span>
                        <span class="choice__hint">{{ __('goal.priority_hint.'.$priority) }}</span>
                    </span>
                </label>
            @endforeach
        </div>

        @if ($profiles->count() > 1)
            <div class="field">
                <label for="financial_profile_id" class="label">
                    {{ __('goal.funded_by') }}<span class="label__optional">({{ __('common.optional') }})</span>
                </label>
                <select name="financial_profile_id" id="financial_profile_id" class="select">
                    <option value="">{{ __('common.all') }}</option>
                    @foreach ($profiles as $profile)
                        <option value="{{ $profile->id }}"
                                @selected(old('financial_profile_id', $goal->financial_profile_id) == $profile->id)>
                            {{ $profile->nickname }}
                        </option>
                    @endforeach
                </select>
            </div>
        @endif

        <div class="field">
            <label for="notes" class="label">
                {{ __('goal.notes') }}<span class="label__optional">({{ __('common.optional') }})</span>
            </label>
            <textarea name="notes" id="notes" class="textarea" maxlength="500">{{ old('notes', $goal->notes) }}</textarea>
        </div>

        <div class="row">
            <button type="submit" class="btn btn--gold">{{ __('common.save') }}</button>
            <a href="{{ route('goals.index') }}" class="btn btn--quiet">{{ __('common.cancel') }}</a>
        </div>
    </form>
</x-layouts.app>