@extends('layouts.digitar')

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

@php
    $typeLabels = [
        'documents' => 'Documentos',
        'laws_projects' => 'Projetos de Lei',
    ];
@endphp

@section('content')
    <div class="the-box rounded">
        <div class="row">
            <div class="col-md-8">
                <h4>Mapeamento do Lote #{{ $batch->id }}</h4>
                <p class="text-muted">
                    Relacione cada campo interno com uma coluna encontrada no arquivo CSV do lote.
                </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-4">
                <strong>Tipo:</strong><br>
                {{ $typeLabels[$batch->type] ?? $batch->type }}
            </div>
            <div class="col-md-4">
                <strong>Status atual:</strong><br>
                {{ ucfirst($batch->status) }}
            </div>
            <div class="col-md-4">
                <strong>Colunas encontradas:</strong><br>
                {{ count($csvColumns) }}
            </div>
        </div>

        <div class="row">
            <div class="col-md-8">
                @include('flash::message')
                @include('common.errors')

                @if(empty($csvColumns))
                    <div class="alert alert-warning">
                        Nenhuma coluna foi encontrada neste lote. Verifique se o arquivo possui cabecalho e linhas importadas.
                    </div>
                @else
                    <form method="POST" action="{{ route('config.imports.mapping.save', $batch->id) }}">
                        @csrf

                        <div class="table-responsive">
                            <table class="table table-striped table-bordered">
                                <thead>
                                    <tr>
                                        <th>Campo interno</th>
                                        <th>Coluna do CSV</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($mappingFields as $field)
                                        <tr>
                                            <td><strong>{{ $field }}</strong></td>
                                            <td>
                                                <select name="mapping[{{ $field }}]" class="form-control">
                                                    <option value="">Nao mapear agora</option>
                                                    @foreach($csvColumns as $column)
                                                        <option
                                                            value="{{ $column }}"
                                                            {{ old('mapping.' . $field, data_get($columnsMapping, $field)) === $column ? 'selected' : '' }}
                                                        >
                                                            {{ $column }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>

                        <div class="form-group">
                            <button type="submit" class="btn btn-primary">
                                <i class="fa fa-save"></i> Salvar mapeamento
                            </button>
                            <a href="{{ route('config.imports.show', $batch->id) }}" class="btn btn-default">Cancelar</a>
                        </div>
                    </form>
                @endif
            </div>

            <div class="col-md-4">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <strong>Colunas do CSV</strong>
                    </div>
                    <div class="panel-body">
                        @if(empty($csvColumns))
                            <p class="text-muted">Nenhuma coluna encontrada.</p>
                        @else
                            <ul style="padding-left: 18px; margin-bottom: 0;">
                                @foreach($csvColumns as $column)
                                    <li>{{ $column }}</li>
                                @endforeach
                            </ul>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection