@props([
    'fornecedores',
    'supermercados',
    'visita',
    'showHeader',
    'route',
    'redirect'
])

<form class="card shadow-sm" action="{{ $route }}" method="POST" enctype="multipart/form-data">
    @csrf
    @if(isset($visita))
        <input type="hidden" name="redirect" value="{{ $redirect }}" />
    @endif
    @if($showHeader == 'true')
        <div class="card-header">
            <h5 class="card-title mb-0">Nova troca</h5>
        </div>
    @endif
    <div class="card-body">
        <div class="row g-2 align-items-center">
            @if(isset($visita) && $visita->id_fornecedor != null)
                <div class="col-12 col-lg-3">
                    <strong>Fornecedor:</strong>
                    <input type="hidden" name="id_fornecedor" value="{{ $visita->id_fornecedor }}" />
                    <span class="d-block">{{ $visita->fornecedor_nome }}</span>
                </div>
            @else
                <div class="col-12 col-lg-3">
                    <label for="ipt-id-fornecedor" class="form-label">Fornecedor:</label>
                    <select class="form-select @error('id_fornecedor') is-invalid @enderror" name="id_fornecedor" value="{{ old('id_fornecedor') }}" id="ipt-id-fornecedor" aria-describedby="Fornecedor">
                        @foreach ($fornecedores as $fornecedor)
                            <option value="{{ $fornecedor->id_fornecedor }}">{{ $fornecedor->nome_fantasia }}</option>
                        @endforeach
                    </select>
                    @error('id_fornecedor')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            @endif
            @if(isset($visita) && $visita->id_supermercado != null)
                <div class="col-12 col-lg-3">
                    <strong>Supermercado:</strong>
                    <input type="hidden" name="id_supermercado" value="{{ $visita->id_supermercado }}" />
                    <span class="d-block">{{ $visita->supermercado_nome }}</span>
                </div>
            @else
                <div class="col-12 col-lg-3">
                    <label for="ipt-id-supermercado" class="form-label">Supermercado:</label>
                    <select class="form-select @error('id_supermercado') is-invalid @enderror" name="id_supermercado" value="{{ old('id_supermercado') }}" id="ipt-id-supermercado" aria-describedby="Supermercado">
                        @foreach ($supermercados as $supermercado)
                            <option value="{{ $supermercado->id_supermercado }}">{{ $supermercado->nome_fantasia }}</option>
                        @endforeach
                    </select>
                    @error('id_supermercado')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            @endif
            <div class="col-12 col-lg">
                <label for="ipt-nota-fiscal" class="form-label">Nota fiscal:</label>
                <input class="form-control" type="file" name="nota_fiscal" id="ipt-nota-fiscal" />
            </div>
            <div class="col-12 col-lg-12">
                <label for="ipt-descricao" class="form-label">Descrição:</label>
                <textarea class="form-control @error('descricao') is-invalid @enderror" name="descricao" id="ipt-descricao"></textarea>
                @error('descricao')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>
            <div class="col-12">
                <hr />
            </div>
            <div class="col-12">
                <add-itens-troca-component />
            </div>
        </div>
    </div>
    <div class="card-footer text-end">
        <button type="submit" class="btn btn-success">Cadastrar</button>
    </div>
</form>