@extends('personals.layout')

@section('personal.m_header')

@endsection

@section('personal.breadcrumbs')
    <!-- Content Header (personal breadcrumbs) -->
    <section class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1>Personal</h1>
          </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="/"> Personal</a></li>
              <li class="breadcrumb-item active">@lang('Carga masiva de Personal')</li>
            </ol>
          </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>
@endsection

@section('personal.content')
    <div class="row">
        <div class="col-12">
            <div class="card card-success card-outline">
                <div class="card-header">
                    <h3 class="card-title">@lang('Subir Lote General del Personal')</h3>
                    <div class="card-tools">
                        <button type="button" class="btn btn-tool" data-card-widget="collapse">
                            <i class="fas fa-minus"></i>
                        </button>
                    </div>
                </div>
                <div class="card-body">
                    <form action="/personal/csv/upload" method="post" enctype="multipart/form-data" class="m-0 p-0">
                        <div class="card-body">
                            @csrf

                            <div class="mb-3">
                                <label for="csv_file" class="form-label">Seleccione el Documento en Formato CSV:</label>
                                <input type="file" name="csv_file" id="csv_file" class="form-control" required value="{{@old('csv_file')}}" />
                                @if($errors->has('csv_file'))
                                    <div class='error small text-danger'>{{$errors->first('csv_file')}}</div>
                                @endif
                            </div>
                          
                            <div class="mb-3">
                                 <p>
                                    Para un óptimo funcionamiento de la carga, se ha limitado la misma a 10.000 registros, por lo cual es necesario dividir el lote completo en archivos mas pequeños con un máximo de 10.000 registros, Ejemplo: En el caso de tener un lote completo de 56.000 registros, este tendrá que ser partido en 5 archivos de 10.000 y un de 6.000, para hacer la carga completa. Se recomienda también hacer la carga de todo el lote el mismo día, es decir subir las seis partes el mismo día. El proceso puede tardar unos minutos, por favor tenga paciencia aunque no vea cambios en la página, el sistema está trabajando, al finalizar el Proceso, la pantalla mostrará un mensaje de Alerta.
                                </p>
                            </div>

   
                            <div  class="mb-3">
                                <p>
                                    Para cargar el documento correctamente, es necesario que el archivo, sea guardado en formato csv desde Excel, y debe respetar la estructura contenida en el siguiente documento:
                                </p>
                                 <img src="/images/FormatoExcel.png" alt="CSV" width="100%" srcset="">
                                <a class="btn btn-success" href="/fileuploads/FormatoLoteGeneral.xlsx">Descargar Excel de ejemplo</a>
                                <br>
                                <br>
                                <p>Al completar el Excel con la data correspondiente, debe hacer click en el menú <strong>Archivo</strong> -> <strong>Guardar como</strong> -> seleccione la ubicación del archivo, y cuando se abra el siguiente cuadro de diálogo, haga click en <strong>Tipo</strong> -> <strong>CSV UTF-8</strong>.</p>
                                <img src="/images/savecsv.png" alt="CSV" width="100%" srcset="">
                            </div>


                        <div class="card-footer">
                            <div class="d-flex flex-row align-items-center justify-content-between">
                                <a href="{{ route('personal.index', []) }}" class="btn btn-default">@lang('Cancel')</a>
                                <button type="submit" onclick="butt()" class="btn btn-success">@lang('Actualizar') @lang('Personal')</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('personal.scripts')

<script>
    function butt(){
     //  alert('prueba de alerta');

    }
</script>

@endsection