@extends('site_builder.layouts.app')

@section('title', 'Información de Facturación')

@section('content')
    <h1 class="font-display text-2xl font-semibold text-ink-900">Fatura Bilgileri</h1>
    <p class="mt-2 text-sm text-ink-700">
        Ödeme sağlayıcımız (PayTR) fatura bilgilerini zorunlu tutuyor.
    </p>

    <form method="POST" action="{{ route('sitebuilder.checkout.billing.save') }}" class="mt-8 space-y-5">
        @csrf

        <div>
            <label for="billing_name" class="block text-sm font-medium text-ink-800">Ad Soyad / Ünvan</label>
            <input
                type="text"
                name="billing_name"
                id="billing_name"
                value="{{ old('billing_name', $owner->billing_name) }}"
                required
                class="mt-1 block w-full rounded-lg border border-brand-200 bg-white px-3 py-2 text-sm text-ink-900 shadow-sm focus:border-brand-500 focus:outline-none focus:ring-1 focus:ring-brand-500"
            >
            @error('billing_name')
                <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
            @enderror
        </div>

        <div>
            <label for="billing_address" class="block text-sm font-medium text-ink-800">Fatura Adresi</label>
            <textarea
                name="billing_address"
                id="billing_address"
                rows="3"
                required
                class="mt-1 block w-full rounded-lg border border-brand-200 bg-white px-3 py-2 text-sm text-ink-900 shadow-sm focus:border-brand-500 focus:outline-none focus:ring-1 focus:ring-brand-500"
            >{{ old('billing_address', $owner->billing_address) }}</textarea>
            @error('billing_address')
                <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
            @enderror
        </div>

        <div>
            <label for="phone" class="block text-sm font-medium text-ink-800">Telefon</label>
            <input
                type="text"
                name="phone"
                id="phone"
                value="{{ old('phone', $owner->phone) }}"
                required
                class="mt-1 block w-full rounded-lg border border-brand-200 bg-white px-3 py-2 text-sm text-ink-900 shadow-sm focus:border-brand-500 focus:outline-none focus:ring-1 focus:ring-brand-500"
            >
            @error('phone')
                <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
            @enderror
        </div>

        <div>
            <label for="billing_tax_no" class="block text-sm font-medium text-ink-800">Vergi No <span class="font-normal text-ink-700">(opsiyonel)</span></label>
            <input
                type="text"
                name="billing_tax_no"
                id="billing_tax_no"
                value="{{ old('billing_tax_no', $owner->billing_tax_no) }}"
                class="mt-1 block w-full rounded-lg border border-brand-200 bg-white px-3 py-2 text-sm text-ink-900 shadow-sm focus:border-brand-500 focus:outline-none focus:ring-1 focus:ring-brand-500"
            >
            @error('billing_tax_no')
                <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
            @enderror
        </div>

        <button
            type="submit"
            class="w-full rounded-lg bg-brand-600 px-4 py-2.5 text-sm font-semibold text-white shadow-glow transition hover:bg-brand-700 sm:w-auto"
        >
            Ödemeye Geç
        </button>
    </form>
@endsection