@extends('layouts.dash')

@section('title') Importations général @stop
@section('subtitle_card',"")

@section('styles')

@endsection

@section('content')






    <div class="card">
        <div class="card-header bg-primary">
            <h3 class="card-title">Importer des écritures </div>
        </div>

        <div class="card-body">
            @if (Session::has('message'))
                <div class="alert alert-warning">{!! Session::get('message') !!}</div>
            @endif
            <div class='form-group row'>
                <div class="col-md-12 ">
                    <h3>Importer</h3>
                    <p>Sélectionnez un fichier Excel (.xlsx) pour importer les données dans le Grand Livre".<br>
                        <strong>Il doit comprendre les colonnes : </strong>
                        <br/>
                        <span style='font-family:courier;font-weight:bold;font-size:13px;margin:10px'>
                            Transaction | <span style='color:red'>Journal</span> | 
                            <span style='color:red'>DateComptable</span> | <span style='color:red'>DateOpération</span> | 
                            Réf.Id | 
                            <span style='color:red'>Réf.Libellé</span> | <span style='color:red'>Compte</span> | 
                            CompteAux | <span style='color:red'>Désignation</span> | 
                            <span style='color:red'>Débit</span> | <span style='color:red'>Crédit</span> | Trim
                        </span>
                    </p>
                    <ul>
                        <li>L'ordre des colonne est Important</li>
                        <li>Les colonnes en rouges sont obligatoirement complétées</li>
                        <li>Pour une seule transaction la colonne transaction peut-être vide, sinon numérotez les transaction à partir de 1</li>
                        <li>La colonne <span style='font-family:courier;font-weight:bold;'>Trim</span> n'est à valoriser que pour les opérations de Règlement de cotisation</li>
                        <li>La colonne<span style='font-family:courier;font-weight:bold;'>Réf.Id</span>
                            doit être un entier et correspond à la référence d'une opération de gestion (numéro de cotisation, imputation ...)
                        </li>
                    </ul>
                    <!--
                    <form method="POST" action="{{ url('compta_import') }}" enctype="multipart/form-data" >
                        <input type="file" name="file" >
                        {{csrf_field()}}
                        <button type="submit" >Importer</button>
                    </form>
                    -->

                    <form method="POST" action="{{ url('compta_import') }}" enctype="multipart/form-data" id="dropzone" class="dropzone">
                    {{csrf_field()}}
                        <div id="actions" class="row">
                            <div class="col-lg-6">
                                <div class="btn-group w-20">
                                    <span class="btn btn-success col fileinput-button">
                                        <i class="fas fa-plus"></i>
                                        <span>Importer un fichier</span>
                                    </span>  
                                </div>
                            </div>
                        </div>

                        <div class="table table-striped files" id="previews">
                            <div id="template" class="row mt-2">
                                <div class="col-auto">
                                    <span class="preview"><img src="data:," alt="" data-dz-thumbnail /></span>
                                </div>
                                <div class="col d-flex align-items-center">
                                    <p class="mb-0">
                                        <span class="lead" data-dz-name></span>
                                        (<span data-dz-size></span>)
                                    </p>
                                    <strong class="error text-danger" data-dz-errormessage></strong>
                                </div>

                                <div class="col-4 d-flex align-items-center">
                                    <div class="progress progress-striped active w-100" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0">
                                        <div class="progress-bar progress-bar-success" style="width:0%;" data-dz-uploadprogress></div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </form>
                </div>
            </div>

        </div>
    </div>
@endsection


@section('scripts')
    @include("comptabilite.importations.script_dragdrop");
    
@endsection