@extends('api_panel.layouts.app')

@section('title', t('apipanel-billing-title'))

@section('content')
    <div class="row justify-content-center">
        <div class="col-12 col-lg-7">
            <div class="apipanel-card">
                <h1 class="apipanel-h1">{{ t('apipanel-billing-title') }}</h1>
                <p class="apipanel-muted mb-4">{{ t('apipanel-billing-subtitle') }}</p>

                <div class="apipanel-summary mb-4">
                    <span>{{ $item['label'] }}</span>
                    <span>{{ $quantity }} × {{ number_format((float) $item['unit_price'], 2, ',', '.') }} ₺</span>
                    <strong>{{ number_format((float) $item['unit_price'] * $quantity, 2, ',', '.') }} ₺</strong>
                </div>

                <form method="POST" action="{{ route('apipanel.checkout.billing') }}" novalidate>
                    @csrf
                    <input type="hidden" name="item_type" value="{{ $itemType }}">
                    <input type="hidden" name="item_id" value="{{ $itemId }}">
                    <input type="hidden" name="quantity" value="{{ $quantity }}">

                    <div class="mb-3">
                        <label class="apipanel-label" for="billing_name">{{ t('apipanel-field-billing-name') }}</label>
                        <input type="text" id="billing_name" name="billing_name" required maxlength="190" class="apipanel-input"
                               value="{{ old('billing_name', $customer->billing_name ?: $customer->name) }}">
                    </div>

                    <div class="mb-3">
                        <label class="apipanel-label" for="billing_address">{{ t('apipanel-field-billing-address') }}</label>
                        <input type="text" id="billing_address" name="billing_address" required maxlength="190" class="apipanel-input"
                               value="{{ old('billing_address', $customer->billing_address) }}">
                    </div>

                    <div class="row g-3">
                        <div class="col-12 col-md-6 mb-3">
                            <label class="apipanel-label" for="phone">{{ t('apipanel-field-phone') }}</label>
                            <input type="tel" id="phone" name="phone" required maxlength="32" class="apipanel-input"
                                   value="{{ old('phone', $customer->phone) }}" placeholder="05xx xxx xx xx">
                        </div>
                        <div class="col-12 col-md-6 mb-3">
                            <label class="apipanel-label" for="billing_tax_no">{{ t('apipanel-field-tax-no') }}</label>
                            <input type="text" id="billing_tax_no" name="billing_tax_no" maxlength="50" class="apipanel-input"
                                   value="{{ old('billing_tax_no', $customer->billing_tax_no) }}">
                        </div>
                    </div>

                    <button type="submit" class="apipanel-btn apipanel-btn-primary w-100">{{ t('apipanel-billing-continue') }}</button>
                </form>

                <a href="{{ route('apipanel.store') }}" class="d-block text-center mt-3 apipanel-muted">{{ t('apipanel-back-to-store') }}</a>
            </div>
        </div>
    </div>
@endsection