@php
    $sub = $subscription ?? null;
    $val = fn($field, $default = null) => old($field, $sub?->$field ?? $default);
    $dateVal = fn($field) => old($field, optional($sub?->$field)?->format('Y-m-d\TH:i'));
    $ownerType = old('owner_type', $sub?->current_team_id ? 'team' : 'user');
    $inputClass = 'block w-full mt-1 rounded-md border-0 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-sky-600 text-sm py-2 px-3';
    $labelClass = 'block text-sm font-medium text-gray-900';
@endphp

<div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
    {{-- Owner --}}
    <div class="sm:col-span-2">
        <span class="{{ $labelClass }}">Sahip Türü</span>
        <div class="mt-2 flex gap-6">
            <label class="inline-flex items-center gap-2 text-sm text-gray-700">
                <input type="radio" name="owner_type" value="team" @checked($ownerType === 'team')
                    x-on:change="$refs.teamField.classList.remove('hidden'); $refs.userField.classList.add('hidden');">
                İşletme (Team)
            </label>
            <label class="inline-flex items-center gap-2 text-sm text-gray-700">
                <input type="radio" name="owner_type" value="user" @checked($ownerType === 'user')
                    x-on:change="$refs.userField.classList.remove('hidden'); $refs.teamField.classList.add('hidden');">
                Kullanıcı (User)
            </label>
        </div>
        @error('owner_type')<span class="text-red-500 text-sm">{{ $message }}</span>@enderror
    </div>

    <div x-ref="teamField" class="{{ $ownerType === 'user' ? 'hidden' : '' }}">
        <label for="current_team_id" class="{{ $labelClass }}">İşletme</label>
        <select id="current_team_id" name="current_team_id" class="{{ $inputClass }}">
            <option value="">— Seçiniz —</option>
            @foreach ($teams as $team)
                <option value="{{ $team->id }}" @selected((string) $val('current_team_id') === (string) $team->id)>
                    #{{ $team->id }} - {{ $team->name }}
                </option>
            @endforeach
        </select>
        @error('current_team_id')<span class="text-red-500 text-sm">{{ $message }}</span>@enderror
    </div>

    <div x-ref="userField" class="{{ $ownerType === 'team' ? 'hidden' : '' }}">
        <label for="user_id" class="{{ $labelClass }}">Kullanıcı</label>
        <select id="user_id" name="user_id" class="{{ $inputClass }}">
            <option value="">— Seçiniz —</option>
            @foreach ($users as $user)
                <option value="{{ $user->id }}" @selected((string) $val('user_id') === (string) $user->id)>
                    #{{ $user->id }} - {{ $user->name }} ({{ $user->email }})
                </option>
            @endforeach
        </select>
        @error('user_id')<span class="text-red-500 text-sm">{{ $message }}</span>@enderror
    </div>

    {{-- App / Plan --}}
    <div>
        <label for="app" class="{{ $labelClass }}">Uygulama</label>
        <select id="app" name="app" class="{{ $inputClass }}" required>
            @foreach ($apps as $app)
                <option value="{{ $app }}" @selected($val('app', 'finance') === $app)>{{ strtoupper($app) }}</option>
            @endforeach
        </select>
        @error('app')<span class="text-red-500 text-sm">{{ $message }}</span>@enderror
    </div>

    <div>
        <label for="status" class="{{ $labelClass }}">Durum</label>
        <select id="status" name="status" class="{{ $inputClass }}" required>
            @foreach ($statuses as $status)
                <option value="{{ $status }}" @selected($val('status', 'pending') === $status)>{{ $status }}</option>
            @endforeach
        </select>
        @error('status')<span class="text-red-500 text-sm">{{ $message }}</span>@enderror
    </div>

    <div>
        <label for="plan" class="{{ $labelClass }}">Plan Kodu</label>
        <input id="plan" name="plan" type="text" class="{{ $inputClass }}" value="{{ $val('plan') }}" required placeholder="finance_pro">
        @error('plan')<span class="text-red-500 text-sm">{{ $message }}</span>@enderror
    </div>

    <div>
        <label for="plan_name" class="{{ $labelClass }}">Plan Adı</label>
        <input id="plan_name" name="plan_name" type="text" class="{{ $inputClass }}" value="{{ $val('plan_name') }}" placeholder="Finance Pro">
        @error('plan_name')<span class="text-red-500 text-sm">{{ $message }}</span>@enderror
    </div>

    {{-- Period --}}
    <div>
        <label for="billing_period" class="{{ $labelClass }}">Faturalama Periyodu</label>
        <select id="billing_period" name="billing_period" class="{{ $inputClass }}" required>
            @foreach ($periods as $period)
                <option value="{{ $period }}" @selected($val('billing_period', 'monthly') === $period)>{{ $period }}</option>
            @endforeach
        </select>
        @error('billing_period')<span class="text-red-500 text-sm">{{ $message }}</span>@enderror
    </div>

    <div>
        <label for="billing_interval" class="{{ $labelClass }}">Periyot Aralığı (her N)</label>
        <input id="billing_interval" name="billing_interval" type="number" min="1" class="{{ $inputClass }}" value="{{ $val('billing_interval', 1) }}">
        @error('billing_interval')<span class="text-red-500 text-sm">{{ $message }}</span>@enderror
    </div>

    {{-- Pricing --}}
    <div>
        <label for="price" class="{{ $labelClass }}">Fiyat</label>
        <input id="price" name="price" type="number" step="0.01" min="0" class="{{ $inputClass }}" value="{{ $val('price', '0.00') }}">
        @error('price')<span class="text-red-500 text-sm">{{ $message }}</span>@enderror
    </div>

    <div>
        <label for="tax_rate" class="{{ $labelClass }}">Vergi Oranı (%)</label>
        <input id="tax_rate" name="tax_rate" type="number" step="0.01" min="0" max="100" class="{{ $inputClass }}" value="{{ $val('tax_rate', '0.00') }}">
        @error('tax_rate')<span class="text-red-500 text-sm">{{ $message }}</span>@enderror
    </div>

    <div>
        <label for="currency" class="{{ $labelClass }}">Para Birimi</label>
        <input id="currency" name="currency" type="text" maxlength="3" class="{{ $inputClass }}" value="{{ $val('currency', 'TL') }}">
        @error('currency')<span class="text-red-500 text-sm">{{ $message }}</span>@enderror
    </div>

    <div>
        <label for="quantity" class="{{ $labelClass }}">Adet</label>
        <input id="quantity" name="quantity" type="number" min="1" class="{{ $inputClass }}" value="{{ $val('quantity', 1) }}">
        @error('quantity')<span class="text-red-500 text-sm">{{ $message }}</span>@enderror
    </div>

    {{-- Dates --}}
    <div>
        <label for="starts_at" class="{{ $labelClass }}">Başlangıç</label>
        <input id="starts_at" name="starts_at" type="datetime-local" class="{{ $inputClass }}" value="{{ $dateVal('starts_at') }}">
    </div>
    <div>
        <label for="trial_ends_at" class="{{ $labelClass }}">Deneme Bitişi</label>
        <input id="trial_ends_at" name="trial_ends_at" type="datetime-local" class="{{ $inputClass }}" value="{{ $dateVal('trial_ends_at') }}">
    </div>
    <div>
        <label for="current_period_start" class="{{ $labelClass }}">Dönem Başlangıcı</label>
        <input id="current_period_start" name="current_period_start" type="datetime-local" class="{{ $inputClass }}" value="{{ $dateVal('current_period_start') }}">
    </div>
    <div>
        <label for="current_period_end" class="{{ $labelClass }}">Dönem Sonu</label>
        <input id="current_period_end" name="current_period_end" type="datetime-local" class="{{ $inputClass }}" value="{{ $dateVal('current_period_end') }}">
    </div>
    <div>
        <label for="next_billing_at" class="{{ $labelClass }}">Sonraki Tahsilat</label>
        <input id="next_billing_at" name="next_billing_at" type="datetime-local" class="{{ $inputClass }}" value="{{ $dateVal('next_billing_at') }}">
    </div>
    <div>
        <label for="ends_at" class="{{ $labelClass }}">Bitiş</label>
        <input id="ends_at" name="ends_at" type="datetime-local" class="{{ $inputClass }}" value="{{ $dateVal('ends_at') }}">
    </div>

    {{-- Gateway / online payment --}}
    <div class="sm:col-span-2 mt-2 border-t border-gray-200 pt-4">
        <h3 class="text-sm font-semibold text-gray-900">Online Ödeme Entegrasyonu</h3>
    </div>

    <div>
        <label for="gateway" class="{{ $labelClass }}">Sağlayıcı (gateway)</label>
        <input id="gateway" name="gateway" type="text" class="{{ $inputClass }}" value="{{ $val('gateway') }}" placeholder="paytr, iyzico, stripe">
        @error('gateway')<span class="text-red-500 text-sm">{{ $message }}</span>@enderror
    </div>

    <div>
        <label for="payment_method_type" class="{{ $labelClass }}">Ödeme Yöntemi</label>
        <input id="payment_method_type" name="payment_method_type" type="text" class="{{ $inputClass }}" value="{{ $val('payment_method_type', 'credit_card') }}">
    </div>

    <div>
        <label for="gateway_customer_id" class="{{ $labelClass }}">Gateway Müşteri ID</label>
        <input id="gateway_customer_id" name="gateway_customer_id" type="text" class="{{ $inputClass }}" value="{{ $val('gateway_customer_id') }}">
    </div>

    <div>
        <label for="gateway_subscription_id" class="{{ $labelClass }}">Gateway Abonelik ID</label>
        <input id="gateway_subscription_id" name="gateway_subscription_id" type="text" class="{{ $inputClass }}" value="{{ $val('gateway_subscription_id') }}">
    </div>

    <div>
        <label for="gateway_plan_id" class="{{ $labelClass }}">Gateway Plan ID</label>
        <input id="gateway_plan_id" name="gateway_plan_id" type="text" class="{{ $inputClass }}" value="{{ $val('gateway_plan_id') }}">
    </div>

    <div class="flex items-center mt-6">
        <label class="inline-flex items-center gap-2 text-sm text-gray-700">
            <input type="hidden" name="auto_renew" value="0">
            <input type="checkbox" name="auto_renew" value="1" @checked($val('auto_renew', true))
                class="rounded border-gray-300 text-sky-600 focus:ring-sky-600">
            Otomatik yenileme (auto renew)
        </label>
    </div>

    {{-- Masked card --}}
    <div>
        <label for="card_brand" class="{{ $labelClass }}">Kart Markası</label>
        <input id="card_brand" name="card_brand" type="text" class="{{ $inputClass }}" value="{{ $val('card_brand') }}" placeholder="visa, master">
    </div>
    <div>
        <label for="card_last_four" class="{{ $labelClass }}">Kart Son 4 Hane</label>
        <input id="card_last_four" name="card_last_four" type="text" maxlength="4" class="{{ $inputClass }}" value="{{ $val('card_last_four') }}" placeholder="4242">
        @error('card_last_four')<span class="text-red-500 text-sm">{{ $message }}</span>@enderror
    </div>
    <div>
        <label for="card_exp_month" class="{{ $labelClass }}">Son Kullanma Ay</label>
        <input id="card_exp_month" name="card_exp_month" type="number" min="1" max="12" class="{{ $inputClass }}" value="{{ $val('card_exp_month') }}">
    </div>
    <div>
        <label for="card_exp_year" class="{{ $labelClass }}">Son Kullanma Yıl</label>
        <input id="card_exp_year" name="card_exp_year" type="number" min="2000" max="2999" class="{{ $inputClass }}" value="{{ $val('card_exp_year') }}">
    </div>
</div>