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

@section('title', 'Отчет: ' . $type)

@section('content')
<div class="page-header">
    <div>
        <a href="{{ route('export.index') }}" class="btn btn-outline btn-sm" style="margin-bottom: 10px;">
            <i class="bi bi-arrow-left"></i> К выбору типа
        </a>
        <h1 class="page-title">Отчет</h1>
    </div>
    <div style="display: flex; gap: 10px;">
        <form action="{{ route('export.download') }}" method="GET" id="exportForm" style="display: flex; gap: 10px; align-items: end;">
            <input type="hidden" name="type" value="{{ $type }}">
            <input type="hidden" name="date_from" value="{{ $dateFrom }}">
            <input type="hidden" name="date_to" value="{{ $dateTo }}">
            <div id="exportFieldsContainer"></div>
            <button type="submit" class="btn btn-success btn-sm">
                <i class="bi bi-download"></i> Экспорт CSV
            </button>
        </form>
    </div>
</div>

<!-- Фильтры -->
<div class="card" style="margin-bottom: 20px;">
    <div class="card-body" style="padding: 12px 15px;">
        <form action="{{ route('export.report') }}" method="GET" id="filterForm" style="display: flex; gap: 10px; align-items: end; flex-wrap: wrap;">
            <input type="hidden" name="type" value="{{ $type }}">
            <div style="width: 150px;">
                <label class="form-label" style="font-size: 11px;">Дата с</label>
                <input type="date" class="form-control" name="date_from" value="{{ $dateFrom }}">
            </div>
            <div style="width: 150px;">
                <label class="form-label" style="font-size: 11px;">Дата по</label>
                <input type="date" class="form-control" name="date_to" value="{{ $dateTo }}">
            </div>
            <div id="filterFieldsContainer"></div>
            <button type="submit" class="btn btn-primary btn-sm"><i class="bi bi-filter"></i> Применить</button>
            <a href="{{ route('export.report', ['type' => $type]) }}" class="btn btn-outline btn-sm">Сбросить</a>
        </form>
    </div>
</div>

<!-- Выбор полей -->
<div class="card" style="margin-bottom: 20px;">
    <div class="card-header" style="padding: 10px 15px;">
        <h3 style="font-size: 14px;">Отображаемые поля</h3>
    </div>
    <div class="card-body" style="padding: 10px 15px; display: flex; gap: 15px; flex-wrap: wrap;">
        @foreach($fields as $key => $field)
            <label class="form-check" style="font-size: 12px;">
                <input type="checkbox" class="field-checkbox" value="{{ $key }}" 
                       {{ in_array($key, $selectedFields) || empty($selectedFields) ? 'checked' : '' }}
                       style="width: auto; margin-right: 5px;">
                {{ $field['label'] }}
            </label>
        @endforeach
        <button type="button" class="btn btn-outline btn-sm" onclick="toggleAllFields()" style="font-size: 11px;">
            Выбрать все
        </button>
    </div>
</div>

<!-- Таблица с данными -->
<div class="card">
    <div class="card-body" style="padding: 0; overflow-x: auto;">
        <table class="table" style="font-size: 12px; margin: 0;">
            <thead>
                <tr>
                    <th>#</th>
                    @foreach($fields as $key => $field)
                        @if(empty($selectedFields) || in_array($key, $selectedFields))
                            <th>{{ $field['label'] }}</th>
                        @endif
                    @endforeach
                </tr>
            </thead>
            <tbody>
                @forelse($data as $index => $row)
                    <tr>
                        <td>{{ $index + 1 }}</td>
                        @foreach($fields as $key => $field)
                            @if(empty($selectedFields) || in_array($key, $selectedFields))
                                <td>
                                    @php
                                        $value = $row[$key] ?? '';
                                        // Используем форматированное значение если есть
                                        $formattedKey = $key . '_formatted';
                                        if (isset($row[$formattedKey])) {
                                            $value = $row[$formattedKey];
                                        }
                                    @endphp
                                    {{ $value !== '' ? $value : '-' }}
                                </td>
                            @endif
                        @endforeach
                    </tr>
                @empty
                    <tr>
                        <td colspan="100" class="text-center" style="padding: 40px; color: var(--gray);">
                            Нет данных за выбранный период
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>

<div style="margin-top: 10px; font-size: 12px; color: var(--gray);">
    Всего записей: {{ $data->count() }}
</div>

<script>
function updateAllFields() {
    var checked = [];
    document.querySelectorAll('.field-checkbox:checked').forEach(function(cb) {
        checked.push(cb.value);
    });
    
    // Обновляем скрытые поля в фильтре
    var filterContainer = document.getElementById('filterFieldsContainer');
    filterContainer.innerHTML = '';
    checked.forEach(function(val) {
        var input = document.createElement('input');
        input.type = 'hidden';
        input.name = 'fields[]';
        input.value = val;
        filterContainer.appendChild(input);
    });
    
    // Обновляем скрытые поля в экспорте
    var exportContainer = document.getElementById('exportFieldsContainer');
    exportContainer.innerHTML = '';
    checked.forEach(function(val) {
        var input = document.createElement('input');
        input.type = 'hidden';
        input.name = 'fields[]';
        input.value = val;
        exportContainer.appendChild(input);
    });
}

function toggleAllFields() {
    var allChecked = true;
    document.querySelectorAll('.field-checkbox').forEach(function(cb) {
        if (!cb.checked) allChecked = false;
    });
    document.querySelectorAll('.field-checkbox').forEach(function(cb) {
        cb.checked = !allChecked;
    });
    updateAllFields();
}

document.querySelectorAll('.field-checkbox').forEach(function(cb) {
    cb.addEventListener('change', updateAllFields);
});

// Инициализация при загрузке
updateAllFields();
</script>
@endsection