{{-- resources/views/import/create.blade.php --}}
@extends('layouts.app')

@section('title', 'Импорт: ' . $type)

@section('content')
<div class="page-header">
    <div>
        <a href="{{ route('import.index') }}" class="btn btn-outline btn-sm" style="margin-bottom: 10px;">
            <i class="bi bi-arrow-left"></i> К выбору типа
        </a>
        <h1 class="page-title">Импорт данных</h1>
        <p style="color: var(--gray);">
            @if($type === 'individual') Физические лица
            @elseif($type === 'legal') Юридические лица
            @elseif($type === 'object') Объекты
            @elseif($type === 'payment') Платежи
            @endif
        </p>
    </div>
</div>

<!-- Шаблоны -->
@if($savedTemplates->isNotEmpty())
    <div class="card" style="margin-bottom: 20px;">
        <div class="card-header"><h3 style="font-size: 14px;">Сохраненные шаблоны</h3></div>
        <div class="card-body" style="padding: 10px; display: flex; gap: 10px; flex-wrap: wrap;">
            @foreach($savedTemplates as $template)
                <button class="btn btn-outline btn-sm load-template" data-mapping='{{ $template->field_mapping }}'>
                    {{ $template->name }}
                </button>
            @endforeach
        </div>
    </div>
@endif

<!-- Загрузка файла -->
<div class="card">
    <div class="card-header"><h3 style="font-size: 14px;">Загрузить CSV файл</h3></div>
    <div class="card-body">
        <form action="{{ route('import.preview') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <input type="hidden" name="type" value="{{ $type }}">
            
            <div style="display: flex; gap: 10px; align-items: end; flex-wrap: wrap;">
                <div style="flex: 1; min-width: 300px;">
                    <label class="form-label">CSV файл *</label>
                    <input type="file" class="form-control" name="csv_file" accept=".csv" required>
                </div>
                <div style="width: 100px;">
                    <label class="form-label">Разделитель</label>
                    <select class="form-control" name="delimiter">
                        <option value=";">; (точка с запятой)</option>
                        <option value=",">, (запятая)</option>
                        <option value="\t">TAB</option>
                    </select>
                </div>
                <button type="submit" class="btn btn-primary">Загрузить и предпросмотр</button>
            </div>
            <small style="color: var(--gray);">Поддерживаются файлы CSV в кодировке UTF-8 или Windows-1251</small>
        </form>
    </div>
</div>

<!-- Справка по полям -->
<div class="card" style="margin-top: 20px;">
    <div class="card-header"><h3 style="font-size: 14px;">Доступные поля для импорта</h3></div>
    <div class="card-body">
        <table class="table" style="font-size: 12px;">
            <thead>
                <tr>
                    <th>Поле в БД</th>
                    <th>Название</th>
                    <th>Тип</th>
                    <th>Обязательное</th>
                </tr>
            </thead>
            <tbody>
                @foreach($fields as $key => $field)
                    <tr>
                        <td><code>{{ $key }}</code></td>
                        <td>{{ $field['label'] }}</td>
                        <td>{{ $field['type'] }}</td>
                        <td>
                            @if(isset($field['required']) && $field['required'])
                                <span class="badge badge-danger">Да</span>
                            @else
                                <span class="badge badge-secondary">Нет</span>
                            @endif
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection