@extends('admin.layouts.app')

@section('title', isset($campaign) ? 'Kampaniya redaktə et' : 'Yeni kampaniya')

@section('content')
<div class="admin-header-row">
    <h1 class="admin-title">{{ isset($campaign) ? 'Kampaniya redaktə et' : 'Yeni kampaniya' }}</h1>
</div>

<div class="admin-card">
    <form method="POST" action="{{ isset($campaign) ? route('admin.campaigns.update', $campaign) : route('admin.campaigns.store') }}" enctype="multipart/form-data">
        @csrf
        @if(isset($campaign)) @method('PUT') @endif

        <div class="admin-form-grid">
            <div class="admin-form-group">
                <label for="name">Ad</label>
                <input type="text" id="name" name="name" class="admin-form-control" value="{{ old('name', $campaign->name ?? '') }}" required>
            </div>
            <div class="admin-form-group">
                <label for="discount_percent">Endirim faizi (%)</label>
                <input type="number" step="0.01" id="discount_percent" name="discount_percent" class="admin-form-control" value="{{ old('discount_percent', $campaign->discount_percent ?? 0) }}">
            </div>
            <div class="admin-form-group">
                <label for="start_at">Başlama tarixi</label>
                <input type="datetime-local" id="start_at" name="start_at" class="admin-form-control" value="{{ old('start_at', isset($campaign) && $campaign->start_at ? $campaign->start_at->format('Y-m-d\\TH:i') : '') }}">
            </div>
            <div class="admin-form-group">
                <label for="end_at">Bitmə tarixi</label>
                <input type="datetime-local" id="end_at" name="end_at" class="admin-form-control" value="{{ old('end_at', isset($campaign) && $campaign->end_at ? $campaign->end_at->format('Y-m-d\\TH:i') : '') }}">
            </div>
        </div>

        <div class="admin-form-group">
            <label for="banner_file">Banner şəkli</label>
            <input type="file" id="banner_file" name="banner_file" accept="image/*" class="admin-form-control" onchange="previewImage(this, 'banner-preview')">
            <p class="admin-help-text">JPG, PNG, WEBP formatları qəbul olunur. Maksimum 5 MB. Ana səhifədə endirim banneri kimi görünür.</p>
            <div id="banner-preview" class="admin-image-preview-wrap">
                @if(isset($campaign) && $campaign->banner)
                    <img src="{{ asset('images/' . $campaign->banner) }}" alt="" class="admin-image-preview">
                @endif
            </div>
        </div>

        <script>
            function previewImage(input, previewId) {
                var preview = document.getElementById(previewId);
                preview.innerHTML = '';
                if (input.files && input.files[0]) {
                    var reader = new FileReader();
                    reader.onload = function (e) {
                        var img = document.createElement('img');
                        img.src = e.target.result;
                        img.className = 'admin-image-preview';
                        preview.appendChild(img);
                    };
                    reader.readAsDataURL(input.files[0]);
                }
            }
        </script>

        <div class="admin-form-grid">
            <div class="admin-form-group">
                <label class="admin-form-check">
                    <input type="checkbox" name="show_on_home" value="1" {{ old('show_on_home', $campaign->show_on_home ?? false) ? 'checked' : '' }}>
                    <span>Ana səhifədə göstər</span>
                </label>
            </div>
            <div class="admin-form-group">
                <label class="admin-form-check">
                    <input type="checkbox" name="is_active" value="1" {{ old('is_active', $campaign->is_active ?? true) ? 'checked' : '' }}>
                    <span>Aktiv</span>
                </label>
            </div>
        </div>

        <div style="display: flex; gap: 12px; margin-top: 12px;">
            <button type="submit" class="admin-btn admin-btn-primary">Yadda saxla</button>
            <a href="{{ route('admin.campaigns.index') }}" class="admin-btn admin-btn-secondary">Ləğv et</a>
        </div>
    </form>
</div>
@endsection