@php  use App\Models\profil; @endphp

@extends('base')

@section('content')
    
    <div class="alert alert-success text-center">IMPORTATION EXTERNE</div>
    <form id="formulaire_importation_excel"  >
        @csrf
        <div class="row">
         <div class="col-md-4">
            <div class="form-group">
                <label for="excelFile">Choisir un fichier Excel</label>
                <input type="file" name="excel_file" id="excelFile" class="form-control" accept=".xls,.xlsx" required>
            </div>
         </div>
        </div>
        <button type="submit" class="btn btn-success">Valider</button>
    </form>



    <div id="result">
        <!-- Les résultats seront affichés ici -->
    </div>


    <script>

        $(function() { // Dom ready
            $('#formulaire_importation_excel').submit(function (e) {
                e.preventDefault();
                // console.log('bonjour');
                var formData = new FormData(this);

                $.ajax({
                    url: '{{ url('importation_externe/importer') }}',
                    type: 'POST',
                    data: formData,
                    contentType: false,
                    processData: false,
                    success: function (data) {
                        $('#result').html('<h2>Données Excel:</h2><pre>' + JSON.stringify(data, null, 2) + '</pre>');
                    },
                    error: function (xhr, status, error) {
                        $('#result').html('<p class="text-danger">Erreur lors de l\'importation du fichier Excel.</p>');
                    }
                });
            });






        });
    </script>
@endsection