@extends('admin.layouts.app')

@section('title', isset($campaign) ? 'Kampaniyanı dəyiş' : 'Yeni kampaniya')

@section('content')
@php
    $selectedProducts = collect(old('product_ids', isset($campaign) ? $campaign->products->pluck('id')->all() : []))->map(fn($id) => (int) $id)->all();
@endphp

<div class="admin-header-row">
    <div>
        <h1 class="admin-title">{{ isset($campaign) ? 'Kampaniyanı dəyiş' : 'Yeni kampaniya' }}</h1>
        <p class="admin-subtitle">Kampaniya adı, banneri, endirim faizi və kampaniyaya daxil olan məhsulları seçin.</p>
    </div>
    <a href="{{ route('admin.campaigns.index') }}" class="admin-btn admin-btn-secondary">Siyahıya qayıt</a>
</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">Kampaniya 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" min="0" max="100" 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">Banner ana səhifədə və kampaniya səhifəsində görünəcək.</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>

        <div class="admin-form-group">
            <label>Kampaniyaya daxil olan məhsullar</label>
            <div class="admin-card" style="max-height:360px;overflow:auto;padding:16px">
                @forelse($products as $product)
                    <label style="display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #eee">
                        <input type="checkbox" name="product_ids[]" value="{{ $product->id }}" {{ in_array($product->id, $selectedProducts, true) ? 'checked' : '' }}>
                        <span>{{ $product->name }}</span>
                        <small style="margin-left:auto;color:#777">{{ $product->formattedPrice() }}</small>
                    </label>
                @empty
                    <p>Məhsul yoxdur.</p>
                @endforelse
            </div>
        </div>

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

<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>
@endsection