@extends('layout.app')

@section('content')
<div class="mx-auto max-w-lg">
    @if (session('ignores'))
    <div class="alert alert-warning text-sm rounded-none mb-4 flex flex-col">
        <div class="font-bold mb-1">Les données des matricules suivants n'ont pas été importées :</div>
        {{ implode(', ', session('ignores')) }}
    </div>
    @endif
    @if (session('message'))
    <div class="alert alert-warning text-sm rounded-none mb-4 flex flex-col">
        {{ $message }}
    </div>
    @endif

    <x-ui.form-grid>
        <x-slot name="legend">
            Importation des données
        </x-slot>
        <form method="POST" action="{{ route('paie.import-store') }}" enctype="multipart/form-data">
            @csrf
            <input type="hidden" name="_method" value="POST">
            <div class="space-y-1">
                <div class="form-control w-full @error('fichier') has-error @enderror">
                    <label for="fichier" class="label text-sm">
                        Fichier Excel
                    </label>
                    <input name="fichier" id="fichier" type="file" class="w-full" />
                    @error('fichier')
                    <div class="label text-error text-sm">{{ $message }}</div>
                    @enderror
                </div>
            </div>
            <button type="submit" class="w-full btn btn-primary">
                Importer
            </button>
        </form>
    </x-ui.form-grid>
</div>
@endsection