@extends('admin.layout')
@section('title', 'Yeni Paket Oluştur')
@section('page-title', 'Yeni Paket Oluştur')

@section('content')
<div class="content-card">
    <form action="{{ route('admin.packages.store') }}" method="POST">
        @csrf

        <div class="row">
            <div class="col-md-8">
                <div class="mb-3">
                    <label for="name" class="form-label">Paket Adı <span class="text-danger">*</span></label>
                    <input type="text" class="form-control @error('name') is-invalid @enderror"
                        id="name" name="name" value="{{ old('name') }}" placeholder="1. Paket" required>
                    @error('name')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label for="word_limit" class="form-label">Token Adedi <span class="text-danger">*</span></label>
                        <input type="number" class="form-control @error('word_limit') is-invalid @enderror"
                            id="word_limit" name="word_limit" value="{{ old('word_limit', 50000) }}" min="1" required>
                        @error('word_limit')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                        <small class="text-muted">Pakette verilecek toplam kelime miktarı.</small>
                    </div>
                    <div class="col-md-6 mb-3">
                        <label for="word_unit_price" class="form-label">Kelime Birim Fiyatı (TL) <span class="text-danger">*</span></label>
                        <input type="number" class="form-control @error('word_unit_price') is-invalid @enderror"
                            id="word_unit_price" name="word_unit_price" value="{{ old('word_unit_price', '0.02') }}" min="0" step="0.0001" required>
                        @error('word_unit_price')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                        <small class="text-muted">Kelime fiyatı = birim fiyat × kelime adedi</small>
                    </div>
                </div>
                <div class="mb-3">
                    <label for="extra_price" class="form-label">Ek Fiyat (TL) <span class="text-muted">(isteğe bağlı)</span></label>
                    <input type="number" class="form-control @error('extra_price') is-invalid @enderror"
                        id="extra_price" name="extra_price" value="{{ old('extra_price', '0') }}" step="0.01" placeholder="0 (indirim için eksi girebilirsiniz)">
                    @error('extra_price')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                    <small class="text-muted">Kelime fiyatı hesabının üzerine eklenecek tutar (indirim için eksi girebilirsiniz).</small>
                </div>
                <p class="small text-muted mb-3">
                    <strong>Toplam paket fiyatı (kelime fiyatı + ek fiyat):</strong> <span id="calculatedPrice">—</span> ₺
                </p>
                <div class="mb-3">
                    <label for="price_discounted_subscriber" class="form-label">Aboneye Özel Fiyat (TL) <span class="text-muted">(isteğe bağlı)</span></label>
                    <input type="number" class="form-control @error('price_discounted_subscriber') is-invalid @enderror"
                        id="price_discounted_subscriber" name="price_discounted_subscriber" value="{{ old('price_discounted_subscriber') }}" min="0" step="0.01" placeholder="Boş bırakılırsa indirimli fiyat kullanılır">
                    @error('price_discounted_subscriber')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            </div>

            <div class="col-md-4">
                <div class="mb-3">
                    <label for="sort_order" class="form-label">Sıra <span class="text-danger">*</span></label>
                    <input type="number" class="form-control @error('sort_order') is-invalid @enderror"
                        id="sort_order" name="sort_order" value="{{ old('sort_order', 0) }}" min="0">
                    @error('sort_order')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="mb-3">
                    <label for="is_active" class="form-label">Durum</label>
                    <select class="form-select" id="is_active" name="is_active">
                        <option value="1" {{ old('is_active', '1') == '1' ? 'selected' : '' }}>Aktif</option>
                        <option value="0" {{ old('is_active') == '0' ? 'selected' : '' }}>Pasif</option>
                    </select>
                </div>
            </div>
        </div>

        <div class="d-flex justify-content-between mt-4">
            <a href="{{ route('admin.packages.index') }}" class="btn btn-secondary">
                <i class="bi bi-arrow-left"></i> İptal
            </a>
            <button type="submit" class="btn btn-primary">
                <i class="bi bi-check-circle"></i> Paket Oluştur
            </button>
        </div>
    </form>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
    var wordLimit = document.getElementById('word_limit');
    var wordUnitPrice = document.getElementById('word_unit_price');
    var extraPrice = document.getElementById('extra_price');
    var out = document.getElementById('calculatedPrice');
    function update() {
        var w = parseInt(wordLimit.value, 10) || 0;
        var p = parseFloat(String(wordUnitPrice.value).replace(',', '.')) || 0;
        var e = parseFloat(String(extraPrice.value).replace(',', '.')) || 0;
        var total = (w * p) + e;
        out.textContent = total.toFixed(2).replace('.', ',');
    }
    wordLimit.addEventListener('input', update);
    wordUnitPrice.addEventListener('input', update);
    if (extraPrice) extraPrice.addEventListener('input', update);
    update();
});
</script>
@endsection