@extends('layouts.digitar')

@section('Breadcrumbs')
    {!! Breadcrumbs::render('imports.review', $batch) !!}
@endsection

@section('content')
    <div class="the-box rounded">
        <div class="row">
            <div class="col-md-8">
                <h4>Revisão do Lote #{{ $batch->id }}</h4>
                <p class="text-muted">Revise, edite ou ignore linhas antes da importação final.</p>
            </div>
            <div class="col-md-4 text-right">
                <a href="{{ route('config.imports.show', $batch->id) }}" class="btn btn-default">Voltar ao lote</a>
            </div>
        </div>

        <hr class="hr">

        <div class="row" style="margin-bottom: 20px;">
            <div class="col-md-12">
                @include('flash::message')
                @include('common.errors')
            </div>
        </div>

        <div class="row" style="margin-bottom: 15px;">
            <div class="col-md-12">
                @foreach($filters as $filterKey => $filterLabel)
                    <a
                        href="{{ route('config.imports.review', ['batch' => $batch->id, 'filter' => $filterKey]) }}"
                        class="btn {{ $filter === $filterKey ? 'btn-primary' : 'btn-default' }}"
                        style="margin-right: 6px; margin-bottom: 6px;"
                    >
                        {{ $filterLabel }}
                    </a>
                @endforeach
            </div>
        </div>

        <form method="POST" action="{{ route('config.imports.bulk-update', $batch->id) }}">
            @csrf

            <div class="row" style="margin-bottom: 20px;">
                <div class="col-md-4">
                    <label for="field">Campo</label>
                    <select name="field" id="field" class="form-control" required>
                        <option value="">Selecione...</option>
                        @foreach($bulkFields as $field => $fieldConfig)
                            <option value="{{ $field }}">{{ $field }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-4">
                    <label for="value">Valor</label>
                    <select name="value" id="value" class="form-control" required>
                        <option value="">Selecione um campo acima</option>
                    </select>
                </div>
                <div class="col-md-4" style="padding-top: 25px;">
                    <button type="submit" class="btn btn-primary">
                        <i class="fa fa-pencil-square-o"></i> Aplicar em massa
                    </button>
                </div>
            </div>

            @if($rows->isEmpty())
                <div class="well text-center">Nenhuma linha encontrada para este filtro.</div>
            @else
                <div class="table-responsive">
                    <table class="table table-striped table-bordered">
                        <thead>
                            <tr>
                                <th style="width: 40px;">
                                    <input type="checkbox" id="check-all-rows">
                                </th>
                                <th>Linha</th>
                                <th>Dados principais</th>
                                <th>Status</th>
                                <th>Erros</th>
                                <th>Ações</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($rows as $row)
                                <tr>
                                    <td>
                                        <input type="checkbox" name="row_ids[]" value="{{ $row->id }}" class="row-checkbox">
                                    </td>
                                    <td>{{ $row->row_number }}</td>
                                    <td>
                                        @foreach($primaryData[$row->id] as $label => $value)
                                            @if($value !== null && $value !== '')
                                                <div><strong>{{ $label }}:</strong> {{ $value }}</div>
                                            @endif
                                        @endforeach
                                    </td>
                                    <td>{{ ucfirst($row->status) }}</td>
                                    <td>
                                        @if(!empty($row->errors))
                                            <pre style="margin: 0; white-space: pre-wrap;">{{ json_encode($row->errors, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES) }}</pre>
                                        @else
                                            <span class="text-muted">-</span>
                                        @endif

                                        @if(!empty($aliasSuggestions[$row->id]))
                                            <div style="margin-top: 10px;">
                                                @foreach($aliasSuggestions[$row->id] as $suggestionIndex => $suggestion)
                                                    @php
                                                        $aliasFormId = 'alias-form-' . $row->id . '-' . $suggestionIndex;
                                                    @endphp
                                                    <div class="form-inline" style="margin-bottom: 8px;">
                                                        <div style="margin-bottom: 6px;">
                                                            <strong>Texto encontrado:</strong> {{ $suggestion['text'] }}
                                                        </div>
                                                        <div style="margin-bottom: 6px;">
                                                            <strong>Campo:</strong> {{ $suggestion['field'] }}
                                                        </div>
                                                        <select name="value" class="form-control input-sm" required form="{{ $aliasFormId }}">
                                                            <option value="">Selecionar valor correto</option>
                                                            @foreach($suggestion['options'] as $id => $label)
                                                                <option value="{{ $id }}">{{ $label }}</option>
                                                            @endforeach
                                                        </select>
                                                        <button type="submit" form="{{ $aliasFormId }}" class="btn btn-success btn-xs">
                                                            <i class="fa fa-link"></i> Criar equivalência
                                                        </button>
                                                    </div>
                                                @endforeach
                                            </div>
                                        @endif
                                    </td>
                                    <td>
                                        <a href="{{ route('config.imports.rows.edit', [$batch->id, $row->id]) }}" class="btn btn-default btn-xs">
                                            <i class="fa fa-edit"></i> Editar
                                        </a>
                                        <button type="submit" form="ignore-row-{{ $row->id }}" class="btn btn-warning btn-xs">
                                            <i class="fa fa-ban"></i> Ignorar
                                        </button>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                {{ $rows->links() }}
            @endif
        </form>

        @foreach($rows as $row)
            <form id="ignore-row-{{ $row->id }}" method="POST" action="{{ route('config.imports.rows.ignore', [$batch->id, $row->id]) }}" style="display: none;">
                @csrf
            </form>

            @if(!empty($aliasSuggestions[$row->id]))
                @foreach($aliasSuggestions[$row->id] as $suggestionIndex => $suggestion)
                    <form
                        id="alias-form-{{ $row->id }}-{{ $suggestionIndex }}"
                        method="POST"
                        action="{{ route('config.imports.aliases.save', $batch->id) }}"
                        style="display: none;"
                    >
                        @csrf
                        <input type="hidden" name="field" value="{{ $suggestion['field'] }}">
                        <input type="hidden" name="text" value="{{ $suggestion['text'] }}">
                    </form>
                @endforeach
            @endif
        @endforeach
    </div>

    <script>
        (function () {
            var selectOptions = @json($selectOptions);
            var fieldSelect = document.getElementById('field');
            var valueSelect = document.getElementById('value');
            var checkAll = document.getElementById('check-all-rows');
            var rowCheckboxes = document.querySelectorAll('.row-checkbox');

            function rebuildValueOptions() {
                var field = fieldSelect.value;
                var options = selectOptions[field] || {};
                valueSelect.innerHTML = '<option value="">Selecione...</option>';

                Object.keys(options).forEach(function (id) {
                    var option = document.createElement('option');
                    option.value = id;
                    option.textContent = options[id];
                    valueSelect.appendChild(option);
                });
            }

            fieldSelect.addEventListener('change', rebuildValueOptions);

            if (checkAll) {
                checkAll.addEventListener('change', function () {
                    rowCheckboxes.forEach(function (checkbox) {
                        checkbox.checked = checkAll.checked;
                    });
                });
            }
        })();
    </script>
@endsection