@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 de 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/unidad" 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" 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 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>
                                <a class="btn btn-success" href="/fileuploads/FormatoBatchPersonal.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" 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" class="btn btn-success">@lang('Create new') @lang('Personal')</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('personal.scripts')

@endsection