@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 class="col-md-4">
                <div class="form-group">
                    <label for="ligne_debut">Choisir la ligne de debut</label>
                    <input type="text" name="ligne_debut" id="ligne_debut" class="form-control" >
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group">
                    <label for="ligne_fin">Choisir la ligne de fin </label>
                    <input type="text" name="ligne_fin" id="ligne_fin" class="form-control" >
                </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) {
                        if(data.success){
                        $('#result').html('<h2>Données Excel:</h2><pre>' + JSON.stringify(data, null, 2) + '</pre>');
                        } else{
                            errors = data.errors;
                            var champ_invalid = Object.keys(errors)[0];
                            $("#"+champ_invalid).focus().addClass('is-invalid');
                            $("#message_base_erreur").html(errors[champ_invalid][0]);
                            $("#message_base_erreur").show();
                            setTimeout(function() {
                                $('#message_base_erreur').hide();
                            }, 3000);
                        }
                    },
                    error: function (xhr, status, error) {
                        $('#result').html('<p class="text-danger">Erreur lors de l\'importation du fichier Excel.</p>');
                    }
                });
            });






        });
    </script>
@endsection