@extends('app')
@section('title','Dodaj kod rabatowy – Panel admina')

@push('styles')
<style>
    :root{ --glass-bg:rgba(255,255,255,.05); --glass-border:rgba(255,255,255,.1); --glass-shadow:0 8px 32px 0 rgba(0,0,0,.37); --text-white:#fff; --text-gray:#ccc;}
    .admin-wrapper{padding:3rem 1rem;max-width:800px;margin:auto;}
    .glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:2rem;box-shadow:var(--glass-shadow);}
    .page-title{color:var(--text-white);font-size:2rem;font-weight:700;margin-bottom:2rem;}
    .form-group{margin-bottom:1.5rem;}
    .form-label{color:var(--text-white);font-weight:600;margin-bottom:.5rem;display:block;}
    .form-input,.form-select{width:100%;padding:.75rem 1rem;background:rgba(255,255,255,.1);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-white);font-size:1rem;}
    .form-input:focus,.form-select:focus{outline:none;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.15);}
    .form-checkbox{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;}
    .form-checkbox input{width:20px;height:20px;cursor:pointer;}
    .form-checkbox label{color:var(--text-white);cursor:pointer;}
    .btn{padding:.75rem 1.5rem;background:#fff;color:#000;font-weight:600;border-radius:12px;border:none;cursor:pointer;text-decoration:none;display:inline-block;transition:.3s;margin-right:.5rem;}
    .btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(255,255,255,.2);}
    .btn-secondary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;}
    .error-msg{color:#ff7b7b;font-size:.85rem;margin-top:.25rem;}
    .alert-errors{background:rgba(245,101,101,.2);border:1px solid #f56565;color:#f56565;padding:1rem;border-radius:12px;margin-bottom:1.5rem;}
    .alert-errors ul{margin:0;padding-left:1.5rem;}
    .form-help{color:var(--text-gray);font-size:.85rem;margin-top:.25rem;}
    @media(min-width:768px){.admin-wrapper{padding:4rem 2rem;}}
</style>
@endpush

@section('content')
<div class="admin-wrapper">
    <h1 class="page-title">Dodaj nowy kod rabatowy</h1>

    @if($errors->any())
        <div class="alert-errors">
            <strong>Błędy walidacji:</strong>
            <ul>
                @foreach($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <div class="glass-card">
        <form method="POST" action="{{ route('admin.discount-codes.store') }}">
            @csrf

            <div class="form-group">
                <label class="form-label" for="code">Kod rabatowy *</label>
                <input type="text" id="code" name="code" value="{{ old('code') }}" class="form-input" placeholder="np. VERVE10" required style="text-transform:uppercase;">
                <p class="form-help">Zostanie automatycznie zamieniony na wielkie litery</p>
                @error('code')
                    <div class="error-msg">{{ $message }}</div>
                @enderror
            </div>

            <div class="form-group">
                <label class="form-label" for="type">Typ rabatu *</label>
                <select id="type" name="type" class="form-select" required>
                    <option value="percent" {{ old('type') === 'percent' ? 'selected' : '' }}>Procentowy (%)</option>
                    <option value="amount" {{ old('type') === 'amount' ? 'selected' : '' }}>Kwotowy (PLN)</option>
                </select>
                @error('type')
                    <div class="error-msg">{{ $message }}</div>
                @enderror
            </div>

            <div class="form-group">
                <label class="form-label" for="value">Wartość rabatu *</label>
                <input type="number" id="value" name="value" value="{{ old('value') }}" class="form-input" step="0.01" min="0" placeholder="np. 10 lub 50.00" required>
                <p class="form-help">Dla procentowego: 10 = 10%, dla kwotowego: 50.00 = 50 PLN</p>
                @error('value')
                    <div class="error-msg">{{ $message }}</div>
                @enderror
            </div>

            <div class="form-group">
                <label class="form-label" for="usage_limit">Limit użyć</label>
                <input type="number" id="usage_limit" name="usage_limit" value="{{ old('usage_limit') }}" class="form-input" min="1" placeholder="Zostaw puste dla nielimitowanych">
                <p class="form-help">Ile razy kod może być użyty (puste = bez limitu)</p>
                @error('usage_limit')
                    <div class="error-msg">{{ $message }}</div>
                @enderror
            </div>

            <div class="form-group">
                <label class="form-label" for="expires_at">Data wygaśnięcia</label>
                <input type="datetime-local" id="expires_at" name="expires_at" value="{{ old('expires_at') }}" class="form-input">
                <p class="form-help">Zostaw puste dla kodu bezterminowego</p>
                @error('expires_at')
                    <div class="error-msg">{{ $message }}</div>
                @enderror
            </div>

            <div class="form-group">
                <div class="form-checkbox">
                    <input type="checkbox" id="active" name="active" value="1" {{ old('active', true) ? 'checked' : '' }}>
                    <label for="active">Aktywny (kod można używać)</label>
                </div>
                @error('active')
                    <div class="error-msg">{{ $message }}</div>
                @enderror
            </div>

            <div style="margin-top:2rem;display:flex;gap:1rem;">
                <button type="submit" class="btn">Dodaj kod rabatowy</button>
                <a href="{{ route('admin.discount-codes.index') }}" class="btn btn-secondary">Anuluj</a>
            </div>
        </form>
    </div>
</div>
@endsection