@extends('Componentes.app')

@section('title', 'Mapas')

@section('index')
<div class="container mt-5 py-4">
    <!-- Título -->

    <!-- Mensagens de Feedback -->
    @if(session('message'))
    <div class="alert alert-{{ session('type') === 'error' ? 'danger' : 'success' }} alert-dismissible fade show" role="alert">
        {{ session('message') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
@endif

    <!-- Formulário -->
    <div class="card shadow-sm border-0">
        <div class="card-body p-4">
            <form action="{{ route('envioCsvFourbank') }}" method="POST" enctype="multipart/form-data">
                @csrf

                <!-- Seleção de Transportadora -->
                <div class="mb-4">
                    <label class="form-label fw-semibold text-muted">Enviar para o Fourbank Manualmente</label>
                    
                </div>

                <!-- Upload de Arquivo -->
                <div class="mb-4">
                    <label for="file" class="form-label fw-semibold text-muted">Escolha o Arquivo</label>
                    <input type="file" class="form-control shadow-sm" id="file" name="arquivo" required>
                </div>

                <!-- Botão de Submit -->
                <button type="submit" class="btn btn-success px-4 py-2">
                    <i class="bi bi-upload me-2"></i>Enviar
                </button>
            </form>
        </div>
    </div>
</div>

<!-- Estilos Personalizados -->
<style>
   
</style>
@endsection