@extends('layouts.dashboard')
@section('css')
    <link href="{{ asset('css/receptores/create.css') }}" rel="stylesheet">
    <link href="{{ asset('css/cargando.css') }}" rel="stylesheet">
    <link href="{{ asset('css/dashboard/demo.css') }}" rel="stylesheet">
@endsection

@section('js')
    <script src="{{ asset('js/dashboard/custom-file-input.js') }}" defer></script>
    <script src="{{ asset('js/importar/main.js') }}"></script>
@endsection

@section('content')
    <div class="app-page-title d-xs-none">
        <div class="page-title-wrapper">
            <div class="col-sm-12">
                <div class="page-header float-right">
                    <nav class="" aria-label=" breadcrumb">
                        <ol class="breadcrumb text-right">
                            <li class="breadcrumb-item"><a href="{{ route('home') }}">Inicio</a></li>
                            <li class="active breadcrumb-item" aria-current="page">Importación de catálogos</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>


    @can('importar.conceptos')
        <form action="{{ url('/importar') }}" method="POST" enctype="multipart/form-data" autocomplete="off">
            @csrf
            <input id="txt_importar" name="txt_importar" type="hidden" value="clientes">
            <div class="animated fadeIn" style="font-size: 14px;">
                <!-- Widgets  -->
                @if ($errors->any())
                    <div class="alert alert-danger alert-dismissable col-4"
                        style="text-align: center;margin: auto;margin-bottom: 1rem;">
                        <button type="button" class="close" data-dismiss="alert">&times;</button>
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>
                                    <strong>{{ $error }}</strong>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                @endif
                @if (session('message'))
                    <div class="alert alert-success alert-dismissable col-lg-4 col-md-12"
                        style="text-align: center;margin: auto;margin-bottom: 1rem;">
                        <button type="button" class="close" data-dismiss="alert">&times;</button>
                        <strong>{{ session('message') }}</strong>
                    </div>
                @endif
                <div class="row d-flex justify-content-center">
                    <div class="col-lg-3 col-md-6">
                        <div class="card">
                            <div class="card-tab" id="card-registro" style="background-color:rgba(0,0,0,.04)"
                                onclick="receptores.Registro(this)">
                                <a style="cursor: pointer;">
                                    <div class="stat-widget-five">
                                        <div class="stat-icon dib flat-color-1">
                                            <i class="pe-7s-user"></i>
                                        </div>
                                        <div class="stat-content">
                                            <div class="text-left dib">
                                                <div class="stat-text" style="line-height: 50px;"><span>Layout Clientes</span>
                                                </div>
                                                <!-- <div class="stat-heading">Generales</div>-->
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6">
                        <div class="card">
                            <div class="card-tab" id="card-direcciones" onclick="receptores.Direcciones(this);">
                                <a style="cursor: pointer;">
                                    <div class="stat-widget-five">
                                        <div class="stat-icon dib flat-color-2">
                                            <i class="pe-7s-home"></i>
                                        </div>
                                        <div class="stat-content">
                                            <div class="text-left dib">
                                                <div class="stat-text" style="line-height: 50px;">
                                                    <span>Layout Productos</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </a>

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

                <div class="row" id="mod-datos-fiscales">
                    <div class="col-lg-12">
                        <div class="card" style="height: 94%;">
                            <div class="card-header" id="text_descripcion">Importación masiva de clientes</div>
                            <div class="card-body card-block">
                                <div class="row form-group">
                                    <div class="col col-md-3"><label for="file-input" class="form-control-label">Seleccione su
                                            archivo de excel <span class="color-red ">*</span> </label></div>
                                    <div class="col-12 col-md-8">
                                        <input type="file" name="documento" id="file_cer"
                                            class="inputfile empty inputfile-6" accept=".xlsx, .xls">
                                        <label for="file_cer" style="width: 100%;border-radius: 6px;">
                                            <span id="name_file_cer"></span>
                                            <strong style="font-weight: initial;">
                                                <div id="lbl_load_cer">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="17"
                                                        viewBox="0 0 20 17">
                                                        <path
                                                            d="M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z" />
                                                    </svg>

                                                    Cargar archivo&hellip;
                                                </div>
                                            </strong>
                                        </label>
                                    </div>
                                    <div id="clear-input-cer" class="color-red d-none d-md-block col-md-1"
                                        style="font-size: 22px;margin-top: 7px;margin-left: -23px;" data-toggle="tooltip"
                                        data-placement="bottom" title="Eliminar archivo">
                                        <i class="metismenu-icon pe-7s-close-circle" style="font-size: 22px;"></i>
                                    </div>
                                </div>
                                <div class="row form-group">
                                    <div class="col col-md-3">
                                        <div class="card-body card-block" id="div_archivo_clientes">
                                            <a href="{{ url('download/layout_clientes') }}" target="_blank"
                                                rel="noopener noreferrer"><button id="btnExportar" type="button"
                                                    class="btn-wide btn-pill btn btn-outline-primary">Descargar
                                                    Layout</button></a>
                                        </div>
                                        <div class="card-body card-block" style="display: none" id="div_archivo_productos">
                                            <a href="{{ url('download/layout_productos') }}" target="_blank"
                                                rel="noopener noreferrer"><button id="btnExportar" type="button"
                                                    class="btn-wide btn-pill btn btn-outline-primary">Descargar
                                                    Layout</button></a>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-8">
                                        <div class="card">
                                            <div class="card-header">
                                                <div class="col-md-11">
                                                    <label id="label_descripcion">Informaci&oacute;n para el llenado del Excel (Layout - Clientes)</label>
                                                </div>
                                                <div class="col-md-1">
                                                    <div class="card-tools ">
                                                        <button type="button" class="btn btn-tool"
                                                            data-bs-toggle="collapse" aria-expanded="false" data-bs-target="#multiCollapseExample1"
                                                            aria-controls="multiCollapseExample1">
                                                            <i class="fas fa-plus"></i>
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- /.card-header -->
                                            <div class="card-body multi-collapse collapse" id="multiCollapseExample1">
                                                <div class="row">
                                                    <table 
                                                        class="table table-striped table-bordered table_impuestos" id="tabla_clientes">
                                                        <thead>
                                                            <tr>
                                                                <th>Columnas</th>
                                                                <th>Obligatorio</th>
                                                                <th>Descripci&oacute;n</th>
                                                                <th>Ejemplo</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            <tr>
                                                                <td>nombre_o_razon_social</td>
                                                                <td><span>S&iacute;</span></td>
                                                                <td>Es el nombre mediante el cual se identifica a una persona
                                                                    f&iacute;sica o moral inscrita en el RFC</td>
                                                                <td><span>ESCUELA KEMPER URGATE</span></td>
                                                            </tr>
                                                            <tr>
                                                                <td>rfc_registrotributario</td>
                                                                <td><span>S&iacute;</span></td>
                                                                <td>Registro Federal de Contribuyentes
                                                                </td>
                                                                <td><span>EKU9003173C9</span></td>
                                                            </tr>
                                                            <tr>
                                                                <td>direccion</td>
                                                                <td><span>No</span></td>
                                                                <td>Domicilio físcal</td>
                                                                <td><span>Avenida Hidalgo #77, Colonia Guerrero, Alcald&iacute;a
                                                                        Cuauht&eacute;moc, CDMX</span></td>
                                                            </tr>
                                                            <tr>
                                                                <td>codigo_postal</td>
                                                                <td><span>No</span></td>
                                                                <td>C&oacute;digo postal del domicilio fiscal </td>
                                                                <td><span>06600</span></td>
                                                            </tr>
                                                            <tr>
                                                                <td>telefono_de_contacto</td>
                                                                <td><span>No</span></td>
                                                                <td>N&uacute;mero telef&oacute;nico del cliente que registra,
                                                                    puede ser el n&uacute;mero del contacto con quien
                                                                    interact&uacute;a en la empresa del cliente</td>
                                                                <td><span>9514714455</span></td>
                                                            </tr>
                                                            <tr>
                                                                <td>correo_electronico</td>
                                                                <td><span>No</span></td>
                                                                <td>Direcci&oacute;n de correo electr&oacute;nico del cliente
                                                                    que registra</td>
                                                                <td><span>luis@micliente.com</span></td>
                                                            </tr>
                                                            <tr>
                                                                <td>notas</td>
                                                                <td><span>No</span></td>
                                                                <td>Notas que desee agregar sobre el cliente que registra</td>
                                                                <td><span>Cliente que factura cada 15 d&iacute;as. Tiene
                                                                        pendiente un cup&oacute;n de descuento</span></td>
                                                            </tr>
                                                            <tr>
                                                                <td>regimen_fiscal</td>
                                                                <td><span>No</span></td>
                                                                <td>Los reg&iacute;menes de las actividades empresariales del
                                                                    cliente</td>
                                                                <td><span>601,603,605,606,607,608... etc.</span></td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                    <table 
                                                        class="table table-striped table-bordered table_impuestos" id="tabla_productos" style="display: none">
                                                        <thead>
                                                            <tr>
                                                                <th>Columnas</th>
                                                                <th>Obligatorio</th>
                                                                <th>Descripci&oacute;n</th>
                                                                <th>Ejemplo</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            <tr>
                                                                <td>clave_sat</td>
                                                                <td><span>S&iacute;</span></td>
                                                                <td>Clave del producto o servicio del cat&aacute;logo del SAT</td>
                                                                <td><span>55101500</span></td>
                                                            </tr>
                                                            <tr>
                                                                <td>clave_unidad_sat</td>
                                                                <td><span>S&iacute;</span></td>
                                                                <td>Unidad de medida del cat&aacute;logo del SAT
                                                                </td>
                                                                <td><span>H87</span></td>
                                                            </tr>
                                                            <tr>
                                                                <td>identificador_interno</td>
                                                                <td><span>No</span></td>
                                                                <td>Clave/identificador de su producto o servicio que usa de forma interna para distinguir su producto independiente de la clave del SAT</td>
                                                                <td><span>Para un libro, en este caso utilizar&iacute;a el identificafor interno &quot;LB&quot;</span></td>
                                                            </tr>
                                                            <tr>
                                                                <td>unidad_interna</td>
                                                                <td><span>No</span></td>
                                                                <td>Unidad de medida que ocupemos de forma interna </td>
                                                                <td><span>Libro</span></td>
                                                            </tr>
                                                            <tr>
                                                                <td>descripcion</td>
                                                                <td><span>S&iacute;</span></td>
                                                                <td>Descripci&oacute;n del producto o servicio</td>
                                                                <td><span>Libro impreso de nivel preescolar</span></td>
                                                            </tr>
                                                            <tr>
                                                                <td>iva_incluido</td>
                                                                <td><span>No</span></td>
                                                                <td>Si su producto o servicio tiene IVA incluido, debe anotar si es el 0.16 o el 0.08</td>
                                                                <td><span>0.16</span></td>
                                                            </tr>
                                                            <tr>
                                                                <td>precio_unitario</td>
                                                                <td><span>S&iacute;</span></td>
                                                                <td>Importe del precio unitario de su producto o servicio</td>
                                                                <td><span>200.00</span></td>
                                                            </tr>
                                                            <tr>
                                                                <td>descuento</td>
                                                                <td><span>No</span></td>
                                                                <td>Si su producto o servicio cuenta con algun descuento</td>
                                                                <td><span>50.00</span></td>
                                                            </tr>
                                                            <tr>
                                                                <td>marca</td>
                                                                <td><span>No</span></td>
                                                                <td>Si requiere adicionar la marca de su producto o servicio</td>
                                                                <td><span>SANTILLANA</span></td>
                                                            </tr>
                                                            <tr>
                                                                <td>modelo</td>
                                                                <td><span>No</span></td>
                                                                <td>Si requiere adicionar el modelo de su producto o servicio</td>
                                                                <td><span>S2000</span></td>
                                                            </tr>
                                                            <tr>
                                                                <td>codigo_barra</td>
                                                                <td><span>No</span></td>
                                                                <td>Si requiere adicionar el codigo de barra de su producto</td>
                                                                <td><span>590123423457</span></td>
                                                            </tr>
                                                            <tr>
                                                                <td>peso</td>
                                                                <td><span>No</span></td>
                                                                <td>Si requiere adicionar el peso de su producto</td>
                                                                <td><span>2KG</span></td>
                                                            </tr>
                                                            <tr>
                                                                <td>color</td>
                                                                <td><span>No</span></td>
                                                                <td>Si requiere adicionar el color de su producto</td>
                                                                <td><span>AZUL</span></td>
                                                            </tr>
                                                            <tr>
                                                                <td>anio</td>
                                                                <td><span>No</span></td>
                                                                <td>Si requiere adicionar el año de su producto</td>
                                                                <td><span>2022</span></td>
                                                            </tr>
                                                            <tr>
                                                                <td>no_serie</td>
                                                                <td><span>No</span></td>
                                                                <td>Los reg&iacute;menes de las actividades empresariales del
                                                                    cliente</td>
                                                                <td><span>Si requiere adicionar el n&uacute;mero de serie de su producto</span></td>
                                                            </tr>
                                                            <tr>
                                                                <td>nota_interna</td>
                                                                <td><span>No</span></td>
                                                                <td>Si requiere agregar alguna nota adicional de su producto o servicio</td>
                                                                <td><span>Libros que ayudan al aprendizaje de lectura de los niños de preescolar</span></td>
                                                            </tr>
                                                            <tr>
                                                                <td>fraccion_arancelaria</td>
                                                                <td><span>No</span></td>
                                                                <td>Si requiere agregar la fracción arancelaria de su producto o servicio.</td>
                                                                <td><span>11111811</span></td>
                                                            </tr>
                                                            <tr>
                                                                <td>unidad_m_aduana</td>
                                                                <td><span>No</span></td>
                                                                <td>Si requiere agregar una clave especificada en el catálogo de unidades de medida (c_UnidadAduana) de su producto o servicio.</td>
                                                                <td><span>01</span></td>
                                                            </tr>
                                                            <tr>
                                                                <td>cantidad_aduana</td>
                                                                <td><span>No</span></td>
                                                                <td>La cantidad de bienes en la aduana conforme a la Unidad de Medida de la Tarifa (UnidadAduana).</td>
                                                                <td><span>5465.00</span></td>
                                                            </tr>
                                                            <tr>
                                                                <td>valor_unitario_aduana</td>
                                                                <td><span>No</span></td>
                                                                <td>Valor o precio unitario de su producto o servicio en la aduana.</td>
                                                                <td><span>324.56</span></td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                    <!-- /.col -->
                                                </div>
                                                <!-- /.row -->
                                            </div>
                                            <!-- /.card-body -->
                                        </div>
                                        <span><b>Nota:</b> Si requiere importar más de 5 mil registros, favor de contactar a soporte técnico.</span>
                                    </div>
                                </div>
                                <div class="row form-group">
                                    <div class="col-12 d-flex justify-content-center">
                                    {{-- <img src="{{ asset('assets/images/ejemplo_cliente_import.png') }}" alt="Descripción de la imagen" style="max-width: 100%; height: auto;"> --}}
                                    <table class="table table-bordered table-striped" style="width: 100%; text-align: center;">
                                        <thead>
                                            <tr>
                                                <th>1</th>
                                                <th>nombre_o_razon_social</th>
                                                <th>rfc_registrotributario</th>
                                                <th>direccion</th>
                                                <th>codigo_postal</th>
                                                <th>telefono_de_contacto</th>
                                                <th>correo_electronico</th>
                                                <th>notas</th>
                                                <th>regimen_fiscal</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>2</td>
                                                <td>INNOVACION VALOR Y DESARROLLO</td>
                                                <td>IVD920810GU2</td>
                                                <td>Calle Ejemplo #100</td>
                                                <td>63901</td>
                                                <td>XXXXXXXXXX</td>
                                                <td>correo@ejemplo.com</td>
                                                <td>Captura libre</td>
                                                <td>602</td>
                                            </tr>
                                            <tr>
                                                <td>3</td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    </div>
                                    <span><b>Ejemplo:</b> Rellenado del layout de clientes</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-auto mx-auto d-flex justify-content-center" id="btn_productos">
                    <div class="col-lg-2 col-sm-4 d-flex justify-content-center">
                        <button id="payment-button" type="button" class="btn btn-lg buttom_agregar"
                            onclick="receptores.isValid();">
                            <span>Importar</span>
                        </button>

                    </div>
                    <div class="col-lg-2 col-sm-4 d-flex justify-content-center">
                        <button id="cancel-button" type="button" class="btn btn-lg buttom_white"
                            onclick="window.location='{{ route('home') }}'">
                            <span>Cancelar</span>
                        </button>
                    </div>
                </div>

            </div>
        </form>
    @endcan

    @cannot('importar.conceptos')
        @include('errors.bloqueo_funciones')
    @endcannot

@endsection
<!-- jQuery -->
<script src="{{ asset('plugins/jquery/jquery.min.js') }}"></script>
<!--<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.min.js" integrity="sha384-cn7l7gDp0eyniUwwAZgrzD06kc/tftFf19TOAs2zVinnD/C7E91j9yyk5//jjpt/" crossorigin="anonymous"></script> -->