@csrf
@if ($movement)
@method('PATCH')
@endif

<div class="p-8">
    <div class="grid grid-cols-1 gap-x-6 gap-y-6 sm:grid-cols-2">

        {{-- BAŞLIK --}}
        <div class="sm:col-span-2">
            <label for="title" class="block text-sm leading-6 text-stone-500">BAŞLIK</label>
            <input type="text" name="title" id="title" value="{{ old('title', $movement->title ?? '') }}" required
                placeholder="Örn. İşyeri Kirası"
                class="block w-full mt-1 bg-stone-50 rounded-md border-0 py-1.5 px-3 text-stone-900 ring-1 ring-inset ring-gray-300 placeholder:text-stone-400 focus:ring-2 focus:ring-inset focus:ring-stone-600 sm:text-sm sm:leading-6">
            @error('title')
            <span class="text-xs text-red-500">{{ $message }}</span>
            @enderror
        </div>

        {{-- TİP --}}
        <div>
            <label for="type" class="block text-sm leading-6 text-stone-500">TİP</label>
            <select id="type" name="type"
                class="block w-full mt-1 bg-stone-50 rounded-md border-0 py-1.5 pl-3 pr-10 text-stone-900 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-stone-600 sm:text-sm sm:leading-6">
                <option value="payment" {{ old('type', $movement->type ?? 'payment') == 'payment' ? 'selected' : '' }}>
                    Ödeme (Gider)</option>
                <option value="income" {{ old('type', $movement->type ?? '') == 'income' ? 'selected' : '' }}>
                    Tahsilat (Gelir)</option>
            </select>
            @error('type')
            <span class="text-xs text-red-500">{{ $message }}</span>
            @enderror
        </div>

        {{-- PERİYOT --}}
        <div>
            <label for="period" class="block text-sm leading-6 text-stone-500">PERİYOT</label>
            <select id="period" name="period"
                class="block w-full mt-1 bg-stone-50 rounded-md border-0 py-1.5 pl-3 pr-10 text-stone-900 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-stone-600 sm:text-sm sm:leading-6">
                @foreach (\App\Models\RecurringMovement::PERIOD_LABELS as $value => $label)
                <option value="{{ $value }}" {{ old('period', $movement->period ?? 'monthly') == $value ? 'selected' :
                    '' }}>
                    {{ $label }}</option>
                @endforeach
            </select>
            @error('period')
            <span class="text-xs text-red-500">{{ $message }}</span>
            @enderror
        </div>

        {{-- TUTAR --}}
        <div>
            <label for="amount" class="block text-sm leading-6 text-stone-500">TUTAR</label>
            <input type="number" step="0.01" min="0.01" name="amount" id="amount"
                value="{{ old('amount', $movement->amount ?? '') }}" required
                class="block w-full mt-1 text-right bg-stone-50 rounded-md border-0 py-1.5 px-3 text-stone-900 ring-1 ring-inset ring-gray-300 placeholder:text-stone-400 focus:ring-2 focus:ring-inset focus:ring-stone-600 sm:text-sm sm:leading-6">
            @error('amount')
            <span class="text-xs text-red-500">{{ $message }}</span>
            @enderror
        </div>

        {{-- PARA BİRİMİ --}}
        <div>
            <label for="currency" class="block text-sm leading-6 text-stone-500">PARA BİRİMİ</label>
            <select id="currency" name="currency"
                class="block w-full mt-1 bg-stone-50 rounded-md border-0 py-1.5 pl-3 pr-10 text-stone-900 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-stone-600 sm:text-sm sm:leading-6">
                @foreach (['TRL', 'USD', 'EUR', 'GBP'] as $currency)
                <option value="{{ $currency }}" {{ old('currency', $movement->currency ?? 'TRL') == $currency ?
                    'selected' : '' }}>
                    {{ $currency }}</option>
                @endforeach
            </select>
            @error('currency')
            <span class="text-xs text-red-500">{{ $message }}</span>
            @enderror
        </div>

        {{-- KATEGORİ --}}
        <div>
            <label for="category_id" class="block text-sm leading-6 text-stone-500">KATEGORİ</label>
            <select id="category_id" name="category_id"
                class="block w-full mt-1 bg-stone-50 rounded-md border-0 py-1.5 pl-3 pr-10 text-stone-900 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-stone-600 sm:text-sm sm:leading-6">
                <option value="">Seçili değil</option>
                @foreach (\App\Models\RecurringMovement::CATEGORIES as $value => $label)
                <option value="{{ $value }}" {{ old('category_id', $movement->category_id ?? '') == $value ? 'selected'
                    : '' }}>
                    {{ $label }}</option>
                @endforeach
            </select>
            @error('category_id')
            <span class="text-xs text-red-500">{{ $message }}</span>
            @enderror
        </div>

        {{-- İŞLETME / CARİ (seç veya oluştur) --}}
        <div
            x-data="{ mode: '{{ old('new_company_name') ? 'new' : (old('relation_id', $movement->relation_id ?? '') ? 'existing' : 'none') }}' }">
            <label class="block text-sm leading-6 text-stone-500">İŞLETME / CARİ</label>
            <select x-model="mode"
                class="block w-full mt-1 bg-stone-50 rounded-md border-0 py-1.5 pl-3 pr-10 text-stone-900 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-stone-600 sm:text-sm sm:leading-6">
                <option value="none">Seçili değil</option>
                <option value="existing">Mevcut işletme seç</option>
                <option value="new">Yeni işletme oluştur</option>
            </select>
            <div x-show="mode === 'existing'" class="mt-2">
                <select name="relation_id" :disabled="mode !== 'existing'"
                    class="block w-full bg-white rounded-md border-0 py-1.5 pl-3 pr-10 text-stone-900 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-stone-600 sm:text-sm sm:leading-6">
                    <option value="">— İşletme seçin —</option>
                    @foreach ($companies as $company)
                    <option value="{{ $company->id }}" {{ old('relation_id', $movement->relation_id ?? '') ==
                        $company->id ? 'selected' : '' }}>
                        {{ $company->name }}</option>
                    @endforeach
                </select>
                @error('relation_id')
                <span class="text-xs text-red-500">{{ $message }}</span>
                @enderror
            </div>
            <div x-show="mode === 'new'" class="mt-2">
                <input type="text" name="new_company_name" :disabled="mode !== 'new'"
                    value="{{ old('new_company_name') }}" placeholder="Yeni işletme adı"
                    class="block w-full bg-white rounded-md border-0 py-1.5 px-3 text-stone-900 ring-1 ring-inset ring-gray-300 placeholder:text-stone-400 focus:ring-2 focus:ring-inset focus:ring-stone-600 sm:text-sm sm:leading-6">
                @error('new_company_name')
                <span class="text-xs text-red-500">{{ $message }}</span>
                @enderror
            </div>
        </div>

        {{-- BAŞLANGIÇ TARİHİ --}}
        <div>
            <label for="start_date" class="block text-sm leading-6 text-stone-500">BAŞLANGIÇ TARİHİ</label>
            <input type="date" name="start_date" id="start_date"
                value="{{ old('start_date', isset($movement) && $movement->start_date ? $movement->start_date->format('Y-m-d') : now()->format('Y-m-d')) }}"
                required
                class="block w-full mt-1 bg-stone-50 rounded-md border-0 py-1.5 px-3 text-stone-900 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-stone-600 sm:text-sm sm:leading-6">
            @error('start_date')
            <span class="text-xs text-red-500">{{ $message }}</span>
            @enderror
        </div>

        {{-- BİTİŞ TARİHİ --}}
        <div>
            <label for="end_date" class="block text-sm leading-6 text-stone-500">BİTİŞ TARİHİ
                <span class="text-xs font-normal text-stone-400">(boş bırakılırsa süresiz)</span></label>
            <input type="date" name="end_date" id="end_date"
                value="{{ old('end_date', isset($movement) && $movement->end_date ? $movement->end_date->format('Y-m-d') : '') }}"
                class="block w-full mt-1 bg-stone-50 rounded-md border-0 py-1.5 px-3 text-stone-900 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-stone-600 sm:text-sm sm:leading-6">
            @error('end_date')
            <span class="text-xs text-red-500">{{ $message }}</span>
            @enderror
        </div>

        {{-- AÇIKLAMA --}}
        <div class="sm:col-span-2">
            <label for="description" class="block text-sm leading-6 text-stone-500">AÇIKLAMA</label>
            <textarea name="description" id="description" rows="2"
                class="block w-full mt-1 bg-stone-50 rounded-md border-0 py-1.5 px-3 text-stone-900 ring-1 ring-inset ring-gray-300 placeholder:text-stone-400 focus:ring-2 focus:ring-inset focus:ring-stone-600 sm:text-sm sm:leading-6">{{ old('description', $movement->description ?? '') }}</textarea>
            @error('description')
            <span class="text-xs text-red-500">{{ $message }}</span>
            @enderror
        </div>

    </div>
</div>

<div class="flex items-center justify-end gap-x-3 px-8 py-4 bg-stone-50 rounded-b-xl">
    <a href="{{ route('recurring-movements.index') }}"
        class="px-4 py-2 text-sm font-medium text-stone-600 hover:text-stone-800 transition-all">Vazgeç</a>
    <button type="submit"
        class="px-4 py-2 text-sm font-medium text-white border border-transparent rounded-md shadow-sm bg-stone-600 hover:bg-stone-700 focus:outline-none focus:ring-2 focus:ring-stone-500 focus:ring-offset-2">
        {{ $movement ? 'Güncelle' : 'Kaydet' }}
    </button>
</div>