@extends('moonshine::layouts.app')

@section('title', 'Импорт товаров поставщика')

@section('content')
<div class="layout-page">
    <div class="layout-content">
        <h1 class="layout-title">Импорт товаров для: {{ $supplier->name }}</h1>

        <!-- Статистика -->
        <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-6">
            <div class="bg-blue-50 p-4 rounded-lg border">
                <div class="text-2xl font-bold text-blue-600">{{ $supplier->products()->count() }}</div>
                <div class="text-sm text-gray-600">Всего товаров</div>
            </div>
            <div class="bg-green-50 p-4 rounded-lg border">
                <div class="text-2xl font-bold text-green-600">{{ $supplier->products()->where('quantity', '>', 0)->count() }}</div>
                <div class="text-sm text-gray-600">В наличии</div>
            </div>
            <div class="bg-orange-50 p-4 rounded-lg border">
                <div class="text-2xl font-bold text-orange-600">{{ $supplier->importHistories()->count() }}</div>
                <div class="text-sm text-gray-600">Импортов</div>
            </div>
        </div>

        <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
            <!-- Форма загрузки -->
            <div class="bg-white p-6 rounded-lg border">
                <h3 class="text-lg font-semibold mb-4">Загрузка прайс-листа</h3>

                @if(session('success'))
                    <div class="alert alert-success mb-4">
                        {{ session('success') }}
                    </div>
                @endif

                @if(session('error'))
                    <div class="alert alert-error mb-4">
                        {{ session('error') }}
                    </div>
                @endif

                @if(session('warning'))
                    <div class="alert alert-warning mb-4">
                        {{ session('warning') }}
                    </div>
                @endif

                @if(session('info'))
                    <div class="alert alert-info mb-4">
                        {{ session('info') }}
                    </div>
                @endif

                <form action="{{ route('moonshine.supplier.import', $supplier->id) }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="mb-4">
                        <label for="import_file" class="block text-sm font-medium text-gray-700 mb-2">
                            Файл прайс-листа
                        </label>
                        <input type="file"
                               id="import_file"
                               name="import_file"
                               accept=".xlsx,.xls,.csv"
                               class="block w-full text-sm text-gray-500 file:mr-4 file:py-2 file:px-4 file:rounded file:border-0 file:text-sm file:font-semibold file:bg-blue-50 file:text-blue-700 hover:file:bg-blue-100"
                               required>
                        <p class="mt-1 text-sm text-gray-500">Поддерживаемые форматы: XLSX, XLS, CSV (максимум 10MB)</p>
                        @error('import_file')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                        @enderror
                    </div>

                    <button type="submit" class="w-full bg-blue-600 text-white py-2 px-4 rounded hover:bg-blue-700 transition-colors">
                        Загрузить прайс-лист
                    </button>
                </form>
            </div>

            <!-- Управление товарами -->
            <div class="bg-white p-6 rounded-lg border">
                <h3 class="text-lg font-semibold mb-4">Управление товарами</h3>

                <form action="{{ route('moonshine.supplier.delete-all-products', $supplier->id) }}" method="POST" onsubmit="return confirm('Вы уверены, что хотите удалить ВСЕ товары этого поставщика? Это действие необратимо!')">
                    @csrf
                    @method('DELETE')
                    <input type="hidden" name="confirmation" value="DELETE_ALL_PRODUCTS">

                    <button type="submit" class="w-full bg-red-600 text-white py-2 px-4 rounded hover:bg-red-700 transition-colors">
                        Удалить все товары
                    </button>
                </form>

                <div class="mt-4 text-sm text-gray-600">
                    <p>Текущее количество товаров: <strong>{{ $supplier->products()->count() }}</strong></p>
                    @if($supplier->importHistories()->count() > 0)
                    <p>Последний импорт: <strong>{{ $supplier->importHistories()->latest()->first()->created_at->format('d.m.Y H:i') }}</strong></p>
                    @endif
                </div>
            </div>
        </div>

        <!-- Инструкция -->
        <div class="bg-white p-6 rounded-lg border mt-6">
            <h3 class="text-lg font-semibold mb-4">Инструкция по импорту</h3>

            <div class="grid grid-cols-1 md:grid-cols-2 gap-6 text-sm">
                <div>
                    <h4 class="font-medium text-gray-900 mb-2">Обязательные колонки:</h4>
                    <ul class="list-disc list-inside space-y-1 text-gray-600">
                        <li>Название (название, name)</li>
                        <li>Цена (текущая_цена, текущая цена, price)</li>
                        <li>Артикул системы (артикул_системы, артикул (системы), sku)</li>
                    </ul>
                </div>

                <div>
                    <h4 class="font-medium text-gray-900 mb-2">Дополнительные колонки:</h4>
                    <ul class="list-disc list-inside space-y-1 text-gray-600">
                        <li>Количество (доступное_количество, quantity)</li>
                        <li>Описание (описание, description)</li>
                        <li>Категория (категория, category)</li>
                        <li>Бренд (бренд, brand)</li>
                        <li>Изображения (изображения, images) - URL через запятую</li>
                    </ul>
                </div>
            </div>

            <div class="mt-4 p-3 bg-yellow-50 border border-yellow-200 rounded">
                <p class="text-sm text-yellow-800">
                    <strong>Важно:</strong> Поддерживаемые форматы: XLSX, XLS, CSV. Максимальный размер файла: 10MB.
                </p>
            </div>
        </div>

        <!-- Быстрые действия -->
        <div class="bg-white p-6 rounded-lg border mt-6">
            <h3 class="text-lg font-semibold mb-4">Быстрые действия</h3>

            <div class="flex gap-4">
                <a href="{{ route('moonshine.resource.detail', ['resourceUri' => 'supplier-resource', 'resourceItem' => $supplier->id]) }}"
                   class="bg-gray-600 text-white py-2 px-4 rounded hover:bg-gray-700 transition-colors">
                    Открыть поставщика
                </a>

                <a href="{{ route('moonshine.resource.index', ['resourceUri' => 'import-history-resource']) }}?filter[supplier_id]={{ $supplier->id }}"
                   class="bg-orange-600 text-white py-2 px-4 rounded hover:bg-orange-700 transition-colors">
                    История импортов
                </a>
            </div>
        </div>
    </div>
</div>
@endsection

@push('styles')
<style>
.alert {
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 16px;
}
.alert-success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}
.alert-error {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}
.alert-warning {
    background-color: #fff3cd;
    color: #856404;
    border: 1px solid #ffeaa7;
}
.alert-info {
    background-color: #d1ecf1;
    color: #0c5460;
    border: 1px solid #bee5eb;
}
</style>
@endpush