@extends('admin.layouts.app')

@section('title', 'Əməkdaşlıq bloku')

@php
    $locales = ['az' => 'AZ', 'en' => 'EN', 'ru' => 'RU'];
    $defaults = [
        'az' => [
            'eyebrow' => 'TOPDAN ƏMƏKDAŞLIQ',
            'title' => 'Mağazalar üçün topdan əməkdaşlıq',
            'description' => 'BERNESSO məhsullarını mağazanızda təqdim etmək istəyirsinizsə, bizimlə əməkdaşlığa qoşulun. Topdan qiymətlər, sabit təchizat və satış dəstəyi ilə biznesinizə uyğun təklif hazırlayaq.',
            'button' => 'ƏMƏKDAŞLIQ ÜÇÜN MÜRACİƏT ET',
            'benefits' => ['Xüsusi topdan qiymətlər', 'Sabit və sürətli təchizat', 'Keyfiyyətli məhsul zəmanəti', 'Satış və marketinq dəstəyi'],
            'stats' => [
                ['value' => '100+', 'label' => 'Əməkdaş mağaza'],
                ['value' => '20+', 'label' => 'Şəhər və rayon'],
                ['value' => 'Etibarlı', 'label' => 'uzunmüddətli tərəfdaşlıq'],
                ['value' => 'Rəsmi zəmanət', 'label' => 'və servis dəstəyi'],
            ],
        ],
        'en' => [
            'eyebrow' => 'WHOLESALE PARTNERSHIP',
            'title' => 'Wholesale partnership for stores',
            'description' => 'Want to offer BERNESSO products in your store? Join us. We will prepare a tailored offer with wholesale prices, reliable supply, and sales support.',
            'button' => 'APPLY FOR PARTNERSHIP',
            'benefits' => ['Special wholesale prices', 'Stable and fast supply', 'Quality product guarantee', 'Sales and marketing support'],
            'stats' => [
                ['value' => '100+', 'label' => 'Partner stores'],
                ['value' => '20+', 'label' => 'Cities and regions'],
                ['value' => 'Reliable', 'label' => 'long-term partnership'],
                ['value' => 'Official warranty', 'label' => 'and service support'],
            ],
        ],
        'ru' => [
            'eyebrow' => 'ОПТОВОЕ СОТРУДНИЧЕСТВО',
            'title' => 'Оптовое сотрудничество для магазинов',
            'description' => 'Хотите представить продукцию BERNESSO в своем магазине? Присоединяйтесь к нам. Мы подготовим предложение с оптовыми ценами, стабильными поставками и поддержкой продаж.',
            'button' => 'ЗАЯВКА НА СОТРУДНИЧЕСТВО',
            'benefits' => ['Специальные оптовые цены', 'Стабильные и быстрые поставки', 'Гарантия качества продукции', 'Поддержка продаж и маркетинга'],
            'stats' => [
                ['value' => '100+', 'label' => 'Магазинов-партнеров'],
                ['value' => '20+', 'label' => 'Городов и регионов'],
                ['value' => 'Надежное', 'label' => 'долгосрочное партнерство'],
                ['value' => 'Официальная гарантия', 'label' => 'и сервисная поддержка'],
            ],
        ],
    ];
    $settings = array_replace_recursive($defaults, $block->settings ?? []);
@endphp

@section('content')
<div class="admin-header-row">
    <div>
        <h1 class="admin-title">Əməkdaşlıq bloku</h1>
        <p class="admin-page-description">Ana səhifədə footer-dən əvvəl görünən topdan əməkdaşlıq bölməsi.</p>
    </div>
</div>

<form method="POST" action="{{ route('admin.wholesale-block.update') }}" enctype="multipart/form-data" class="slider-editor">
    @csrf
    @method('PUT')

    <div class="admin-card">
        <h2 class="admin-section-title">Şəkil və keçid</h2>
        <div class="admin-form-grid">
            <div class="admin-form-group">
                <label for="image_file">Sağ tərəfdəki şəkil</label>
                <input type="file" id="image_file" name="image_file" accept="image/*" class="admin-form-control" onchange="previewWholesaleImage(this)">
                <p class="admin-help-text">Maksimum 10 MB. Dəyişməsəniz mövcud şəkil qalacaq.</p>
                <div id="wholesale-image-preview" class="slider-media-preview">
                    <img src="{{ asset('images/' . ($block->image ?: 'bernesso.png')) }}" alt="">
                </div>
            </div>
            <div>
                <div class="admin-form-group">
                    <label for="link">Müraciət düyməsinin linki</label>
                    <input type="text" id="link" name="link" class="admin-form-control" value="{{ old('link', $block->link ?: '/az/contacts?type=wholesale') }}">
                </div>
                <label class="admin-form-check">
                    <input type="checkbox" name="is_active" value="1" {{ old('is_active', $block->is_active ?? true) ? 'checked' : '' }}>
                    <span>Blok saytda görünsün</span>
                </label>
            </div>
        </div>
    </div>

    <div class="admin-card">
        <div class="admin-tabs">
            @foreach($locales as $code => $label)
                <button type="button" class="admin-tab {{ $loop->first ? 'active' : '' }}" data-locale="{{ $code }}">{{ $label }}</button>
            @endforeach
        </div>

        @foreach($locales as $code => $label)
            <div class="admin-tab-panel {{ $loop->first ? 'active' : '' }}" data-locale="{{ $code }}">
                <div class="admin-form-group">
                    <label>Kiçik üst başlıq</label>
                    <input name="settings[{{ $code }}][eyebrow]" class="admin-form-control" value="{{ old("settings.$code.eyebrow", $settings[$code]['eyebrow']) }}">
                </div>
                <div class="admin-form-group">
                    <label>Əsas başlıq *</label>
                    <input name="settings[{{ $code }}][title]" class="admin-form-control" required value="{{ old("settings.$code.title", $settings[$code]['title']) }}">
                </div>
                <div class="admin-form-group">
                    <label>Açıqlama *</label>
                    <textarea name="settings[{{ $code }}][description]" class="admin-form-control" required>{{ old("settings.$code.description", $settings[$code]['description']) }}</textarea>
                </div>
                <div class="admin-form-group">
                    <label>Düymə mətni *</label>
                    <input name="settings[{{ $code }}][button]" class="admin-form-control" required value="{{ old("settings.$code.button", $settings[$code]['button']) }}">
                </div>

                <h3 class="admin-section-title">4 üstünlük</h3>
                <div class="admin-form-grid">
                    @foreach($settings[$code]['benefits'] as $index => $benefit)
                        <div class="admin-form-group">
                            <label>Üstünlük {{ $index + 1 }}</label>
                            <input name="settings[{{ $code }}][benefits][{{ $index }}]" class="admin-form-control" required value="{{ old("settings.$code.benefits.$index", $benefit) }}">
                        </div>
                    @endforeach
                </div>

                <h3 class="admin-section-title">Aşağı göstəricilər</h3>
                <div class="wholesale-admin-stats">
                    @foreach($settings[$code]['stats'] as $index => $stat)
                        <div class="wholesale-admin-stat">
                            <strong>Göstərici {{ $index + 1 }}</strong>
                            <div class="admin-form-group">
                                <label>Böyük mətn</label>
                                <input name="settings[{{ $code }}][stats][{{ $index }}][value]" class="admin-form-control" required value="{{ old("settings.$code.stats.$index.value", $stat['value']) }}">
                            </div>
                            <div class="admin-form-group">
                                <label>Kiçik mətn</label>
                                <input name="settings[{{ $code }}][stats][{{ $index }}][label]" class="admin-form-control" required value="{{ old("settings.$code.stats.$index.label", $stat['label']) }}">
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        @endforeach
    </div>

    <div class="slider-editor__actions">
        <button class="admin-btn admin-btn-primary">Yadda saxla</button>
    </div>
</form>

<script>
    document.querySelectorAll('.admin-tab').forEach(function (tab) {
        tab.addEventListener('click', function () {
            const locale = this.dataset.locale;
            document.querySelectorAll('.admin-tab').forEach(t => t.classList.remove('active'));
            document.querySelectorAll('.admin-tab-panel').forEach(p => p.classList.remove('active'));
            this.classList.add('active');
            document.querySelector('.admin-tab-panel[data-locale="' + locale + '"]').classList.add('active');
        });
    });

    function previewWholesaleImage(input) {
        if (!input.files || !input.files[0]) return;
        const url = URL.createObjectURL(input.files[0]);
        document.getElementById('wholesale-image-preview').innerHTML = '<img src="' + url + '" alt="">';
    }
</script>
@endsection