@extends('layouts.app')

@section('content')
    <div class="container">
        <h2 class="pb-2">Importer la nomenclature</h2>

        <div class="alert alert-info" role="alert">
            <h4 class="alert-heading">Attention !</h4>
            <p>Vous ne pourrez pas importer une nomenclature qui ne respecte pas le format de la DGOS.</p>
        </div>

        @include('layouts.commons.errors')
        @include('layouts.commons.success')

        <form method="POST" action="{{ route('import-nomenclature.store') }}" enctype="multipart/form-data">
            @csrf

            {{-- Fichier xlsx --}}
            <div class="input-group">
                <div class="custom-file">
                    <input type="file" class="custom-file-input" id="nomenclature" value="{{ old('nomenclature') }}" name="nomenclature" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" aria-describedby="nomenclature">
                    <label class="custom-file-label" for="nomenclature">Importer la nomenclature</label>
                </div>
                <div class="input-group-append">
                    <button class="btn btn-outline-success btn-sm" type="submit" id="nomenclature">Importer</button>
                </div>
            </div>
        </form>
    </div>
@endsection

@section('unique-js')
    <script src="{{ asset('js/commons/forms/input-file.js') }}"></script>
@endsection
