@extends('layouts.admin')

@section('title', 'Multiple file upload')

@section('content')

<style>
    .pagination-info .small.text-muted {
        display: none;
    }
</style>
<div class="container">
    <!-- Drobečková navigace -->
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Home</a></li>
            <li class="breadcrumb-item active" aria-current="page">CSV Upload</li>
        </ol>
    </nav>

    <div class="d-flex justify-content-between align-items-center mb-3">
        <h1>Multiple file upload</h1>

        @if (session('status'))
        <div class="alert alert-success alert-dismissable fade show" role="alert">
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            {{ session('status') }}
        </div>
        @endif
    </div>
    
    <form action="{{ route('admin.fileupload.process') }}" method="POST" enctype="multipart/form-data">
        @csrf
        <div class="mb-3">
            <label for="files" class="form-label">Files</label>
            <input class="form-control" type="file" id="files" name="files[]" multiple>
        </div>
        <button type="submit" class="btn btn-primary">Import</button>
        <a href="{{ route('admin.dashboard') }}" class="btn btn-secondary">Cancel</a>
    </form>

</div>
@endsection