@extends('layouts.dashboard')
@section('css')
<link href="{{ asset('css/receptores/create.css') }}" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/css/select2.min.css" rel="stylesheet" />
@endsection

@section('js')
    <script src="{{ asset('js/select2.js') }}"></script>
    <script src="{{ asset('js/cfdi/decimal.min.js') }}"></script>
    <script src="{{ asset('js/cotizaciones/_searchRFC.js?version=' . version_js_cfdi()) }}"></script>
    <script src="{{ asset('js/cotizaciones/eventsTable.js?version=' . version_js_cfdi()) }}"></script>
    <script src="{{ asset('js/cfdi/numeroAletras.js') }}"></script>
    <script src="{{ asset('js/_autocompleteSAT.js?version=' . version_js()) }}"></script>
    <script src="{{ asset('js/cotizaciones/folios.js?version=' . version_js()) }}"></script>
    {{-- <script src="{{ asset('js/cfdi/cfdi_relacionado.js?version=' . version_js()) }}"></script> --}}


    @if ($repeticion_concepto == 1)
        <script>
            var repeticion_concepto = true;
        </script>
    @elseif ($repeticion_concepto == 0)
        <script>
            var repeticion_concepto = false;
        </script>
    @endif
    @if ($global == 'G')
        <script>
            var PorPartida = false;
        </script>
        {{-- Configuración global --}}
        <script src="{{ asset('js/cotizaciones/cfdi_global_cotizacion.js?version=' . version_js_cfdi()) }}"></script>
        <script src="{{ asset('js/cfdi/cfdi_global.js?version=' . version_js_cfdi()) }}"></script>
    @elseif ($global == 'P')
        {{-- Configuración por partida --}}
        <script src="{{ asset('js/cotizaciones/cfdi_porPartida_cotizacion.js?version=' . version_js_cfdi()) }}"></script>
        {{-- <script src="{{ asset('js/cfdi/cfdi_porPartida.js?version=' . version_js_cfdi()) }}"></script> --}}
        <script>
            var base_impuesto_manual = "{{ $base_impuesto_manual }}"
            var PorPartida = true;
        </script>
    @endif
    <script src="{{ asset('js/cfdi/cfdi_impuestos.js?version=' . version_js_cfdi()) }}"></script>

@endsection

@section('content')
    <style>
        span.select2-selection.select2-selection--single {
            height: calc(1.8rem + 2px);
            border: 1px solid #ced4da;
        }

        .select2-selection__placeholder {
            font-size: 0.7rem;
        }

        .select2-search__field {
            font-size: 0.7rem;
        }

        .select2-selection__arrow {
            display: none;
        }

        #select2-txt_unidadMSAT-container {
            font-size: 0.7rem !important;
            line-height: 2rem !important;
        }

        #select2-txt_claveSAT-container {
            font-size: 0.7rem !important;
            line-height: 2rem !important;
        }

        #select2-txt_claveInterna-container {
            font-size: 0.7rem !important;
            line-height: 2rem !important;
        }

        #select2-cbx_alias_search-container {
            font-size: 0.7rem !important;
            line-height: 2rem !important;
        }

        .btn_a_carta_porte>.active {
            background: white !important;
            color: black !important;
        }

        .btn_ocultar {
            display: none !important;
        }

        .btn_mostrar {
            display: flex !important;
        }

        .select-catalogo-dropdown {
            background-color: white;
            border: 1px solid #aaa;
            border-radius: 4px;
            box-sizing: border-box;
            display: block;
        }

        .select-catalogo-ul {
            height: 200px;
            overflow: auto;
        }

        .select-catalogo-li:hover {
            color: white;
            background: #1da1f2;
            font-size: 0.7rem !important;
            line-height: 2rem !important;
        }

        input::placeholder {
            color: rgba(230, 227, 227, 0.567);
            font-style: italic;
        }
    </style>

    <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="breadcrumb-item"><a href="{{ route('cotizaciones.index') }}">Cotizaciones</a></li>
                            <li class="active breadcrumb-item" aria-current="page">Nuevo cotización</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    @include('layouts.timbres_disponibles')
    @if (strlen($clientes) == 0)
        <div class="content">
            <div class="animated fadeIn">
                <div class="row justify-content-center">
                    <div class="col-md-12" style="text-align: center;">
                        <img src="{{ asset('img/registrar.png') }}" alt="" style="width: 40%">
                    </div>
                    <div class="col-md-12 d-flex justify-content-center">
                        <p style="font-size: 16px;font-style: italic;font-weight: bolder;">Para poder generar cotizaciones
                            debe de registrar al menos un cliente</p>
                    </div>

                    <div class="row">
                        <a class="btn btn-info" href="{{ url('receptores/create') }}" style="background: #10917b;">
                            ir a registro de clientes
                        </a>
                    </div>
                </div>
            </div>
        </div>
    @else
        <!-- /#header -->
        <div class="content">
            <form action="{{ url('/cotizaciones') }}" method="POST" autocomplete="off" id="form_comprobante">
                @csrf
                <div class="animated fadeIn">
                    <!-- Widgets  -->
                    @include('cfdi.header')
                    <div class="row datos-generales" id="datos-generales" style="font-size: 14px;">
                        <div class="col-lg-4">
                            <div class="loader-wrapper d-flex justify-content-center align-items-center"
                                id="loader_Inf_cliente"
                                style="width: 100%;height: 77vh;position: absolute;opacity: 0;z-index: -1;">
                                <div class="loader">
                                    <div class="ball-grid-pulse">
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                    </div>
                                </div>
                            </div>
                            <div class="card" id="card_info_cliente">
                                <div class="card-header">
                                    Información del cliente
                                </div>
                                <div class="card-body card-block">
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="text-input" class=" form-control-label">
                                                <strong>Búsqueda</strong>
                                                <a href="#question-circle" data-toggle="tooltip" data-placement="right"
                                                    title=""
                                                    data-original-title="Este campo hace la búsqueda de un cliente por RFC, Razon social o clave interna registrado en dinvbox apartir de 3 caracteres">
                                                    <i class="fa fa-question-circle"></i>
                                                </a>
                                            </label></div>

                                        <div class="col col-md-9">
                                            <div class="row-1">
                                                <input type="text" class="form-control" name="txt_busqueda_cliente"
                                                    id="txt_busqueda_cliente"
                                                    placeholder="Búsqueda por RFC, Alias ó Razon social ..."
                                                    onkeyup="search_cliente_x(this)" onblur="cerrar_datalist(this)" />
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="select" class=" form-control-label">R.F.C.
                                                <span class="color-red " style="font-size: 10px;">*</span>
                                            </label></div>
                                        <div class="col-12 col-md-9">

                                            <input type="text" id="txt_rfc" name="txt_rfc" placeholder="RFC "
                                                class="form-control" minlength="12" maxlength="13" autocomplete="off"
                                                onkeyup="_RFC.search(this); this.value = this.value.toUpperCase();"
                                                oninput="_RFC.search(this)" tabindex="0" readonly>
                                        </div>
                                    </div>

                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="select" class=" form-control-label">Cliente
                                                <span class="color-red " style="font-size: 10px;">*</span>
                                            </label></div>
                                        <div class="col-12 col-md-9">
                                            <select name="cbx_receptor" id="cbx_receptor" class="form-control"
                                                onchange="_RFC.searchRFC(this)">
                                                <option value="x">Seleccione...</option>
                                                @php
                                                    echo $clientes;
                                                @endphp
                                            </select>
                                        </div>
                                    </div>
                                    <div class="row form-group" id="div_NumRegIdTrib" style="display:none ;">
                                        <div class="col col-md-3"><label for="text-input"
                                                class=" form-control-label">Número de identificación </label>
                                        </div>
                                        <div class="col-12 col-md-9">
                                            <input class="form-control" type="text" name="NumRegIdTrib_cfdi"
                                                id="NumRegIdTrib_cfdi" placeholder="1234">
                                        </div>
                                    </div>
                                    <div class="row form-group" id="div_domicilio_Expedido_cliente"
                                        style="display: none;">
                                        <div class="col col-md-3"><label for="text-input"
                                                class=" form-control-label">Domicilio
                                                del cliente</label>
                                        </div>
                                        <div class="col-12 col-md-9">
                                            <select onchange="_RFC.Direccion_M_S(this.value)"
                                                name="cbx_domicilio_expedido_cliente" id="cbx_domicilio_expedido_cliente"
                                                class="form-control">
                                            </select>
                                        </div>
                                    </div>
                                    <input type="hidden" name="slc_periodicidad" id="slc_periodicidad">
                                    <input type="hidden" name="id_receptor" id="id_receptor">
                                    <input type="hidden" name="slc_meses" id="slc_meses">
                                    <input type="hidden" name="slc_anio" id="slc_anio">
                                    <input type="hidden" name="domicilio_sucursal_receptor"
                                        id="domicilio_sucursal_receptor">
                                </div>
                            </div>

                            <div class="card" id="card_info_domicilio_cliente">
                                <div class="card-body card-block">
                                    {{-- <div class="row form-group">
                                        <div class="col col-md-3">
                                            <div class="stat-widget-five">
                                                <div class="stat-icon dib flat-color-1">
                                                    <i class="pe-7s-way"></i>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col col-md-9">
                                            <span>Calle: <span id="lbl_calle"> NA</span> </span><br />
                                            <span>Colonia: <span id="lbl_colonia"> NA</span></span> <br />
                                            <span>Código postal: <span id="lbl_cp_dir"> NA</span> </span> <br />
                                        </div>
                                    </div> --}}
                                    <div class="row form-group">
                                        <div class="col col-md-3">
                                            <div class="stat-widget-five">
                                                <div class="stat-icon dib flat-color-1">
                                                    <i class="pe-7s-map-2"></i>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col col-md-9">
                                            <br>
                                            <span>Domicilio: <span id="lbl_domicilio_pdf"> NA</span></span><br />
                                        </div>
                                    </div>

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

                        <div class="col-lg-8">
                            <div class="loader-wrapper d-flex justify-content-center align-items-center"
                                id="loader_Inf_comprobante"
                                style="width: 100%;height: 52vh;position: absolute;opacity: 0;z-index: -1;">
                                <div class="loader">
                                    <div class="ball-grid-pulse">
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                    </div>
                                </div>
                            </div>

                            <div class="card" id="card_Inf_comprobante">
                                <div class="card-header">Información general de la cotización
                                </div>

                                <div class="card-body card-block">
                                

                                    <div class="row form-group">
                                        <div class="col-md-2 col-sm-5">
                                            <label for="text-input" class=" form-control-label">Fecha de cotizacion<span
                                                    class="color-red " style="font-size: 10px;">*</span>
                                            </label>
                                        </div>
                                        <div class="col-md-4 col-sm-10">
                                            <div class="input-group">
                                                <div class="input-group-prepend datepicker-trigger">
                                                    <div class="input-group-text">
                                                        <i class="fa fa-calendar-alt"></i>
                                                    </div>
                                                </div>

                                                <input class="form-control" name="fecha"
                                                    id="fecha"
                                                    type="date"
                                                    placeholder="dd/mm/yyyy">
                                            </div>
                                        </div>

                                        <div class="col-md-2 col-sm-5">
                                            <label for="text-input" class=" form-control-label">Válido hasta<span
                                                    class="color-red " style="font-size: 10px;">*</span>
                                            </label>
                                        </div>
                                        <div class="col-md-4 col-sm-10">
                                            <div class="input-group">
                                                <div class="input-group-prepend datepicker-trigger">
                                                    <div class="input-group-text">
                                                        <i class="fa fa-calendar-alt"></i>
                                                    </div>
                                                </div>

                                                <input class="form-control" name="fecha_valida"
                                                    id="fecha_valida"
                                                    type="date"
                                                    placeholder="dd/mm/yyyy">
                                            </div>
                                        </div>
                                    </div>
                                    {{-- <div class="row form-group">
                                        <div class="col col-md-2">
                                            <label for="text-input" class=" form-control-label">Número de cotización
                                            </label>
                                        </div>
                                        <div class="col-12 col-md-10">
                                            <input type="text" name="n_cotizacion" class="form-control" placeholder="F10">
                                        </div>
                                    </div> --}}
                                    <div class="row form-group" id="content_folio">

                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-2">
                                            <label for="text-input" class=" form-control-label">Condición de pago
                                            </label>
                                        </div>
                                        <div class="col-12 col-md-10">
                                            <select name="cbx_condicionPago" id="cbx_condicionPago" class="form-control"
                                                onchange="_RFC.noDias(this)">
                                                @php
                                                    echo $condicionPago;
                                                @endphp
                                            </select>
                                        </div>

                                        <div class="row col-md-6" id="div_noDias"
                                            style="padding-right: 0px; display: none;">

                                        </div>

                                        <div class="row col-md-6" id="div_otraCondicion"
                                            style="padding-right: 0px; display: none;">

                                        </div>

                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-2">
                                            <label for="text-input" class=" form-control-label">Moneda
                                            </label>
                                        </div>

                                        <div class="col-12 col-md-10">
                                            <select name="cbx_moneda" id="cbx_moneda" class="form-control"
                                                onchange="_RFC.tipoCambio(this)">
                                                @php
                                                    echo $moneda;
                                                @endphp
                                            </select>
                                        </div>
                                        <div class="row col-md-6" id="div_tipocambio"
                                            style="padding-right: 0px; display: none;">
                                            <div class="col col-md-4" style="padding-left: 8px;"><label for="text-input"
                                                    class=" form-control-label">Tipo de cambio $<span class="color-red "
                                                        style="font-size: 10px;">*</span></label>
                                            </div>
                                            <div class="col-12 col-md-8" style="padding-right: 6px;">
                                                {{-- <input class="form-control input-mask-trigger" id="txt_tipoCambio"
                                                    name="txt_tipoCambio" placeholder="$ 0.00"
                                                    data-inputmask="'alias': 'numeric', 'groupSeparator': ',', 'autoGroup': true, 'digits': 2, 'digitsOptional': false, 'prefix': '$ ', 'placeholder': '0'"
                                                    im-insert="true" style="text-align: right;"> --}}

                                                <input class="form-control" type="text" id="txt_tipoCambio"
                                                    name="txt_tipoCambio" maxlength="8" onkeydown="numeros(this);"
                                                    style="text-align: right;" placeholder="$ 0.00" min="1">
                                            </div>
                                        </div>

                                    </div>
                                    <div class="row form-group" id="div_tipoCambioCheck">
                                        <div class="col col-md-12 d-flex justify-content-end">
                                            <label for="text-input" class="form-control-label mt-2">Incluir tipo de cambio
                                            </label>
                                            <input class="ml-2" type="checkbox" id="incluir_cambio_mxn"
                                                onchange="_RFC.tipo_cambio_mxn(this)">
                                        </div>
                                    </div>
                                    <div  class="row form-group">
                                        <div class="col col-md-2">
                                            <label for="cbx_expedidoEn" class=" form-control-label">Lugar de expedicion
                                            </label>
                                        </div>
                                        <div class="col-12 col-md-10">
                                            <select name="cbx_expedidoEn" id="cbx_expedidoEn" class="form-control" onchange="_Folios.getFolio(this)">
                                                @if (count(explode('</option>', $expedidoEn)) > 2)
                                                    <option value="0">Seleccione...</option>
                                                @endif
                                                @php
                                                    echo $expedidoEn;
                                                @endphp
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-12">
                            <div class="card">
                                <div class="card-header">Notas del comprobante</div>
                                <div class="card-body card-block">
                                    <div class="row form-group">
                                        <div class="col col-md-2">
                                            <label for="text-input" class=" form-control-label">Públicas
                                            </label>
                                        </div>
                                        <div class="col-12 col-md-4">
                                            <textarea name="txt_notaPublica" id="txt_notaPublica" rows="3" class="form-control"
                                                placeholder="Si desea agregar información adicional, comentarios u observaciones al comprobante que solo puedan visualizarse en el PDF, deberá ingresarlo en este campo."></textarea>
                                        </div>
                                        <div class="col col-md-2">
                                            <label for="text-input" class=" form-control-label">Internas
                                            </label>
                                        </div>
                                        <div class="col-12 col-md-4">
                                            <textarea name="txt_notaInterna" id="txt_notaInterna" rows="3" placeholder="" class="form-control"></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row table-cfdi" id="table-cfdi" style="font-size: 14px; display: none;">
                        @if ($global == 'P')
                            <div class="alert alert-success alert-dismissable col col-md-8 mx-auto text-center">
                                <button type="button" class="close" data-dismiss="alert">&times;</button>
                                <strong>Nota:</strong>
                                <a>Se le recuerda que antes de poder generar un comprobante deberá dar de alta todos sus
                                    productos en la seccion</a>
                                <strong> <a href="{{ route('conceptos.create') }}"><i
                                            class="metismenu-icon pe-7s-cart"></i> Productos</a>
                                </strong>
                            </div>
                        @endif

                        <script>
                            var __config_decimales__ = "{{ $No_Decimal }}";
                        </script>
                        <div class="col-md-12 card">
                            <div class="card-header justify-content-between">Producto

                            </div>
                            <div class="row">
                                <div class="card-body card-block col-lg-6">
                                    <input type="hidden" name="id_producto_servicio_tabla" id="id_producto_servicio_tabla">
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="text-input" class=" form-control-label">No.
                                                de identificación
                                                <a href="#question-circle" data-toggle="tooltip" data-placement="right"
                                                    title=""
                                                    data-original-title="Este campo hace la búsqueda por clave interna del producto/servicio registrado en dinvbox  apartir de 2 caracteres">
                                                    <i class="fa fa-question-circle"></i>
                                                </a>
                                            </label></div>
                                        <div class="col-12 col-md-9">
                                            <div class="row-1">
                                                <input class="form-control input-mask-trigger" id="txt_claveInterna"
                                                    list="datalist_clave_int"
                                                    onkeyup="search_clave_interna('datalist_clave_int',this)"
                                                    onblur="cerrar_datalist(this)"
                                                    placeholder="Ingrese su clave interna a buscar">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="text-input"
                                                class=" form-control-label">Clave
                                                SAT<span class="color-red " style="font-size: 10px;">*</span>
                                                <a href="#question-circle" data-toggle="tooltip" data-placement="right"
                                                    title=""
                                                    data-original-title="Este campo hace la búsqueda por clave ó descripcion  del producto/servicio   del SAT apartir de 4 caracteres">
                                                    <i class="fa fa-question-circle"></i>
                                                </a>
                                            </label>
                                        </div>
                                        <div class="col-12 col-md-9">
                                            <div class="row-1">
                                                <input class="form-control" id="txt_claveSAT_mask"
                                                    list="datalist_clave_sat" onkeyup="search_clave_sat(this)"
                                                    onblur="cerrar_datalist(this)" placeholder="Buscar clave SAT ...">
                                                <input type="hidden" id="txt_claveSAT">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="text-input"
                                                class=" form-control-label">Unidad
                                                M.SAT<span class="color-red " style="font-size: 10px;">*</span>
                                                <a href="#question-circle" data-toggle="tooltip" data-placement="right"
                                                    title=""
                                                    data-original-title="Este campo hace la búsqueda por clave ó descripcion  del producto/servicio   del SAT apartir de 4 caracteres">
                                                    <i class="fa fa-question-circle"></i>
                                                </a>
                                            </label>
                                        </div>
                                        <div class="col-12 col-md-9">
                                            <div class="row-1">
                                                <input class="form-control" id="txt_unidadMSAT_mask"
                                                    list="datalist_unidad_sat" onkeyup="search_unidad_sat(this)"
                                                    onblur="cerrar_datalist(this)" placeholder="Buscar unidad SAT ...">
                                                <input type="hidden" id="txt_unidadMSAT">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="text-input"
                                                class=" form-control-label">Cantidad<span class="color-red "
                                                    style="font-size: 10px;">*</span></label></div>
                                        <div class="col-12 col-md-9">
                                            <input class="form-control" type="text" id="txt_cantidad"
                                                onkeydown="numeros(this);" style="text-align: right;" placeholder="0"
                                                min="1">
                                        </div>
                                    </div>

                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="text-input"
                                                class=" form-control-label">Precio
                                                unitario<span class="color-red " style="font-size: 10px;">*</span></label>
                                        </div>

                                        <div class="col-12 col-md-7">
                                            {{-- <input class="form-control input-mask-trigger" id="txt_precioUnitario"
                                                maxlength="24" placeholder="$ 0.00" aria-label="precio unitario"
                                                aria-describedby="precioUnitario"
                                                data-inputmask="'alias': 'numeric', 'groupSeparator': ',', 'autoGroup': true, 'digits': 2, 'digitsOptional': false, 'prefix': '$ ', 'placeholder': '0'"
                                                im-insert="true" style="text-align: right;"> --}}
                                            <input class="form-control" type="number" id="txt_precioUnitario"
                                                onfocus="limpiar_input(this)"
                                                onblur="_truncar_input_decimales_config(this);" style="text-align: right;"
                                                placeholder="$ 0.00">
                                        </div>

                                        <div class="col col-md-2 ivaIncluido d-flex justify-content-end">
                                            <label for="text-input" class="mt-2 form-control-label">Iva
                                                incluido</label>
                                            <input type="checkbox" class="ml-3 mr-3" id="cbk_ivaincluido"
                                                onchange="hideIvaincluido(this)">
                                        </div>
                                        <div class="col-12 col-md-2">
                                            <select id="cbx_ivaincluido" class="form-control" style="display: none;">
                                                <option value="1">8%</option>
                                                <option value="2">16%</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <!-- Segunda columna de datos -->
                                <div class="card-body card-block col-lg-6">
                                    <div class="row form-group" id="content_predial" style="display: none;">
                                        <div class="col col-md-3"><label for="text-input" class=" form-control-label">No.
                                                cuenta predial
                                            </label>
                                        </div>
                                        <div class="col-12 col-md-9">
                                            <input type="text" id="txt_cuentaPredial" name="txt_cuentaPredial"
                                                placeholder="Número de cuenta predial" class="form-control"
                                                maxlength="150" disabled>
                                        </div>
                                    </div>

                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="text-input"
                                                class=" form-control-label">Descripción<span class="color-red "
                                                    style="font-size: 10px;">*</span>
                                                <a href="#question-circle" data-toggle="tooltip" data-placement="right"
                                                    title=""
                                                    data-original-title="Este campo hace la búsqueda por descripción del producto/servicio registrado en dinvbox  apartir de 3 caracteres">
                                                    <i class="fa fa-question-circle"></i>
                                                </a>
                                            </label></div>
                                        <div class="col-12 col-md-9" style="padding:0">
                                            <div class="col-12">
                                                <div class="row-1">
                                                    <textarea id="txt_descripcion" onkeyup="search_descripcion(this)" onblur="cerrar_datalist(this)"
                                                        placeholder="Descripción del producto" rows="4" class="form-control"></textarea>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    @if ($global == 'P')
                                        <div class="row form-group">
                                            <div class="col col-md-3"><label for="text-input"
                                                    class=" form-control-label">Objeto de impuesto</label>
                                            </div>
                                            <div class="col-12 col-md-9">
                                                <select id="cbx_objImp" class="form-control"
                                                    onchange="obj_imp_partida(this)">
                                                    @php
                                                        echo $ObjImp;
                                                    @endphp
                                                </select>
                                            </div>
                                        </div>
                                    @endif

                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="select"
                                                class=" form-control-label">Unidad
                                                de
                                                medida</label></div>
                                        <div class="col-12 col-md-9">
                                            <input class="form-control" type="text" id="txt_unidadM"
                                                placeholder="ejp: Litro">
                                        </div>
                                    </div>
                                    {{-- Este input controla el formato de los totales que se muestran en la tabla de productos --}}
                                    <input class="form-control input-mask-trigger" id="txt_numberformat"
                                        name="txt_numberformat" aria-label="number format"
                                        aria-describedby="numberformat"
                                        data-inputmask="'alias': 'numeric', 'groupSeparator': ',', 'autoGroup': true, 'digits': {{ $No_Decimal }}, 'digitsOptional': false, 'prefix': '$ ', 'placeholder': '0'"
                                        im-insert="true" style="text-align: right;display: none;">

                                    <input type="text" class="form-control input-mask-trigger"
                                        id="txt_dicemales_moneda" name="txt_dicemales_moneda" aria-label="number format"
                                        aria-describedby="numberformat"
                                        data-inputmask="'alias': 'numeric', 'groupSeparator': ',', 'autoGroup': true, 'digits': 2, 'digitsOptional': false, 'prefix': '$ ', 'placeholder': '0'"
                                        im-insert="true" style="text-align: right;display: none;">

                                    <div class="row form-group">
                                        <div class="col-md-3"><label for="text-input"
                                                class=" form-control-label">Descuento</label></div>
                                        <div class="col col-md-7">
                                            <input class="form-control" id="txt_descuento" onfocus="limpiar_input(this)" value="0" onkeypress="validar_numeros_decimales(this,event);">

                                            <input class="form-control" id="txt_descuento_moneda"
                                                maxlength="15" placeholder="$ 0.00" onfocus="limpiar_input(this)" value="0" onkeypress="validar_numeros_decimales(this,event);" style="text-align: right;display: none;" disabled>
                                        </div>
                                        <div class="col col-md-2">
                                            <select id="cbx_tipoDescuento" class="form-control"
                                                onchange="hideDesceuntoMoneda(this);">
                                                <option value="$">$</option>
                                                <option value="%" selected>%</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            @if ($global == 'P')
                                {{-- Inicio Configuración por partida --}}
                                <div class="card-footer" id="impuestos_asociados" style="display: none;">
                                    <div class="dropdown mr-1">
                                        <button type="button" class="btn btn-secondary dropdown-toggle"
                                            id="dropdownMenuOffset" data-toggle="dropdown" aria-haspopup="true"
                                            aria-expanded="false" data-offset="10,20"
                                            style="color: #4e555b;font-weight: bold;">
                                            Impuestos asociados
                                        </button>
                                        <div class="dropdown-menu" aria-labelledby="dropdownMenuOffset"
                                            style="min-width:10rem ;padding-top: 0px;">
                                            <div id="divImpuestosLista" class="divImpuestosLista"
                                                style="display: block;">

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

                                    @if ($base_impuesto_manual == 'A')
                                        <div class="d-flex justify-content-end" style="width: 90%;">
                                            <div class="row form-group">
                                                <div class="col col-md-6">
                                                    <label for="" style="color: #4e555b;font-weight: bold;">Precio
                                                        base
                                                        de
                                                        iva</label>
                                                </div>
                                                <div class="col-12 col-md-6">
                                                    <input class="form-control input-mask-trigger"
                                                        id="txt_precio_base_iva" name="txt_precio_base_iva"
                                                        placeholder="$ 0.00"
                                                        data-inputmask="'alias': 'numeric', 'groupSeparator': ',', 'autoGroup': true, 'digits': {{ $No_Decimal }}, 'digitsOptional': false, 'prefix': '$ ', 'placeholder': '0'"
                                                        im-insert="true" style="text-align: right;">
                                                </div>
                                            </div>
                                        </div>
                                    @else
                                        <input id="txt_precio_base_iva" name="txt_precio_base_iva" value="$ 0.00"
                                            style="display: none;">
                                    @endif
                                </div>
                                {{-- Fin Configuración por partida --}}
                            @endif
                        </div>

                        <div class="col-md-12 d-flex justify-content-end" style="margin-bottom: 10px;">
                            <button type="button" onclick="addArticulos_cotizacion()" class="btn btn-secondary buttom_agregar"
                                id="addArticulo" style="cursor: copy;">
                                <i class="fa fa-plus"></i> Agregar producto
                            </button>
                        </div>

                        <div class="col-md-12 card">
                            <div class="card-header">
                                Detalles del comprobante
                            </div>
                            <div class="card-body table-responsive-md">
                                <table id="tbl_cfdi" class="table table-striped table-bordered">
                                    <thead>
                                        <tr>
                                            <th>No.</th>
                                            <th>Clave</th>
                                            <th>Clave SAT</th>
                                            <th>Descripción</th>
                                            <th>Cantidad</th>
                                            <th>Unidad M.SAT</th>
                                            <th>Unidad de Medida</th>
                                            <th>Precio unitario</th>
                                            <th>Importe</th>
                                            <th>Desc.</th>
                                            <th style="display: none;"></th>
                                            <th style="display: none;">Precio base de iva</th>
                                            <th style="display: none;">Impuestos</th>
                                            <th id="cuenta_predial" style="display: none;">Cuenta predial</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbody_cfdi">

                                    </tbody>
                                </table>
                                <input type="hidden" name="s_n_impustos" id="s_n_impustos" value="true">
                            </div>
                            <div class="row col-auto ml-1 mr-1">
                                <div class="col-md-5">

                                    <table id="bootstrap-data-table" class="table table-striped table-bordered"
                                        style="margin-top: 231px;margin-left: 5px;">
                                        <thead>
                                            <tr>
                                                <th>Cantidad con letra</th>
                                                <th style="text-align: right;">
                                                    <span id="lbl_pesos_esp">CERO PESOS</span>
                                                </th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>
                                                    Centavos
                                                </td>
                                                <th style="text-align: right;">
                                                    <span id="lbl_centavos_esp">&nbsp;00 /100 MXN</span>
                                                    {{-- <span>/100 MXN</span> --}}
                                                </th>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="col-md-3"></div>

                                @if ($global == 'G')
                                    {{-- Inicio configuración global --}}
                                    <div class="col-md-4">
                                        <table id="bootstrap-data-table" class="table table-striped table-bordered">
                                            <thead>
                                                <tr>
                                                    <th>Subtotal</th>
                                                    <th style="text-align: right;"><span id="lbl_subtotal">00.00</span>
                                                    </th>
                                                    <input type="hidden" name="lbl_subtotal">
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td>Descuento aplicado</td>
                                                    <td style="text-align: right;"><span id="lbl_descuento">00.00</span>
                                                    </td>
                                                    <input type="hidden" name="lbl_descuento">
                                                </tr>
                                                @if ($base_impuesto_manual == 'A')
                                                    <tr>
                                                        <td>Base de IVA</td>
                                                        <td class="d-flex justify-content-end"
                                                            style="border: transparent;">
                                                            <input class="form-control input-mask-trigger"
                                                                id="txt_precio_base_iva" name="txt_precio_base_iva"
                                                                placeholder="$ 0.00"
                                                                data-inputmask="'alias': 'numeric', 'groupSeparator': ',', 'autoGroup': true, 'digits': 2, 'digitsOptional': false, 'prefix': '$ ', 'placeholder': '0'"
                                                                im-insert="true" value="0.0"
                                                                style="text-align: right;border: transparent;background-color: #f2f2f2;"
                                                                onblur="baseIva(this)">
                                                        </td>
                                                    </tr>
                                                @else
                                                    <input id="txt_precio_base_iva" name="txt_precio_base_iva"
                                                        value="$ 0.00" style="display: none;">
                                                @endif

                                                <tr>
                                                    <td>Objeto de impuesto
                                                    </td>
                                                    <td style="text-align: right;">
                                                        <select name="cbx_objImp" id="cbx_objImp_global"
                                                            onchange="obj_imp(this)" class="form-control"
                                                            style="text-align: right;width: 58%;margin-left: auto;">
                                                            @php
                                                                echo $ObjImp;
                                                            @endphp
                                                        </select>
                                                    </td>
                                                </tr>

                                                <tr id="tr_iva">
                                                    <td>IVA
                                                        <select name="iva" id="select_iva"
                                                            style="width: 50%;height: 20px;background: #f7f7f7;border: black;text-align: right;"
                                                            onchange="traslados(this)">
                                                            {{-- <option value="-1" @if ($tasa_iva_predeterminado == '-1') selected @endif>EXENTO</option>
                                                            <option value="0" @if ($tasa_iva_predeterminado == '0') selected @endif>0%</option>
                                                            <option value="0.08" @if ($tasa_iva_predeterminado == '0.8') selected @endif>8%</option>
                                                            <option value="0.16" @if ($tasa_iva_predeterminado == '0.16') selected @endif>16%</option> --}}
                                                            @foreach ($impuestos_iva_federales as $iva)
                                                                <option value="{{ $iva->valor }}"
                                                                    @if ($tasa_iva_predeterminado == $iva->id_impuesto_gti) selected @endif>
                                                                    {{ $iva->valor == '-1' ? 'EXENTO' : $iva->valor * 100 . '%' }}
                                                                </option>
                                                            @endforeach
                                                        </select>

                                                    </td>
                                                    <td style="text-align: right;"><span id="lbl_iva_tot">00.00</span>
                                                    </td>
                                                    <input type="hidden" name="lbl_iva_tot">
                                                </tr>

                                                <tr id="tr_iva_ret">
                                                    <td>IVA Ret
                                                        <select name="ivaret" id="select_ivaret"
                                                            style="width: 35%;height: 20px;background: white;border: black;text-align: right;"
                                                            onchange="ivaRetenciones(this)">
                                                            <option value="0" selected="selected">0%</option>
                                                            {{-- <option value="0.106667">2/3 IVA</option>
                                                            <option value="0.03">3%</option>
                                                            <option value="0.04">4%</option>
                                                            <option value="0.06">6%</option>
                                                            <option value="0.16">100%</option> --}}
                                                            @foreach ($impuestos_iva_ret_federales as $iva_ret)
                                                                <option value="{{ $iva_ret->valor }}">
                                                                    {{ $iva_ret->valor == '0.106667' ? '2/3' : $iva_ret->valor * 100 . '%' }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                    </td>
                                                    <td style="text-align: right;"><span id="lbl_ivaret">00.00</span></td>
                                                    <input type="hidden" name="lbl_ivaret">
                                                </tr>

                                                <tr id="tr_isr_ret">
                                                    <td>ISR Ret
                                                        <select name="isrret" id="select_isrret"
                                                            style="width: 35%;height: 20px;background: #f7f7f7;border: black;text-align: right;"
                                                            onchange="isrRetenciones(this)">
                                                            <option value="0" selected="selected">0%</option>
                                                            {{-- <option value="0.10">10%</option>
                                                            <option value="0.0125">1.5%</option> --}}
                                                            @foreach ($impuestos_isr_federales as $isr)
                                                                <option value="{{ $isr->valor }}">
                                                                    {{ $isr->valor * 100 . '%' }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                    </td>
                                                    <td style="text-align: right;"><span id="lbl_isrret">00.00</span></td>
                                                    <input type="hidden" name="lbl_isrret">
                                                </tr>
                                                <tr>
                                                    <th>Total</th>
                                                    <td style="text-align: right;"><span id="lbl_total">00.00</span></td>
                                                    <input type="hidden" name="lbl_total">
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    {{-- Fin configuración global --}}
                                @elseif ($global == 'P')
                                    <input type="hidden" name="partida" value="true">
                                    {{-- Inicio Configuración por partida --}}
                                    <div class="col-md-4">
                                        <table id="bootstrap-data-table"
                                            class="table table-striped table-bordered table_impuestos">
                                            <thead id="thead_impuestos">
                                                <tr>
                                                    <th>Subtotal</th>
                                                    <th style="text-align: right;"><span id="lbl_subtotal">00.00</span>
                                                    </th>
                                                    <input type="hidden" name="lbl_subtotal">
                                                </tr>
                                            </thead>
                                            <tbody id="tbody_impuestos">
                                                <tr>
                                                    <td>Descuento aplicado</td>
                                                    <td style="text-align: right;"><span id="lbl_descuento">00.00</span>
                                                    </td>
                                                    <input type="hidden" name="lbl_descuento">
                                                </tr>
                                                <tr id="tr_traslados">
                                                    <td>Total de traslados</td>
                                                    <td style="text-align: right;"><span id="lbl_traslados">00.00</span>
                                                    </td>
                                                    <input type="hidden" name="lbl_traslados">
                                                </tr>
                                                <tr id="tr_retenciones">
                                                    <td>Total de retenciones</td>
                                                    <td style="text-align: right;"><span id="lbl_retenciones">00.00</span>
                                                    </td>
                                                    <input type="hidden" name="lbl_retenciones">
                                                </tr>
                                                <tr>
                                                    <th>Total</th>
                                                    <td style="text-align: right;"><span id="lbl_total">00.00</span></td>
                                                    <input type="hidden" name="lbl_total">
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    {{-- Fin Configuración por partida --}}
                                @endif

                            </div>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-center btn_accion">
                    <div class="justify-content-center">
                        <button id="registrar-cotizacion"  name="registrar-cotizacion"  onclick="_RFC.validate(this);" type="button" class="mb-2 mr-2 btn-icon btn btn-primary">
                            <i class="fa fa-lock fa-save"></i>&nbsp;
                            <span id="payment-button-amount">Guardar cotización</span>
                        </button>
                    </div>
                </div>
                <div style="display:none" id="impuestos_totales_traslados"></div>
                <div style="display:none" id="impuestos_totales_retenciones"></div>
            </form>
        </div>

        <button id="btn_advertencia_modal" type="button" class="btn btn-primary" data-toggle="modal"
            data-target="#advertencia-domicilio" style="display: none;"></button>

        {{-- <button id="btn_complementoPG_modal" type="button" class="btn btn-primary" data-toggle="modal"
            data-target="#complemento-publicoGeneral" style="display: none;"></button> --}}

        <script type="text/javascript">
            function filter(__val__) {
                var preg = /^([0-9]{1,18}\.?[0-9]{0,6})$/;
                if (preg.test(__val__)) {
                    return true;
                } else {
                    return false;
                }
            }
            var numeros = function(text) {
                $(text).keypress(function(e) {
                    if (filter(text.value + String.fromCharCode(e.charCode))) {
                        if (!onlyNumbers(e)) {
                            e.preventDefault();
                        }
                    } else {
                        e.preventDefault();
                    }
                });
            }

            function onlyNumbers(e) {
                var key = e.charCode;
                return (key >= 48 && key <= 57) || key == 46;
            }
            var fNumber = {
                sepMil: ",", // separador para los miles
                sepDec: '.', // separador para los decimales
                formatear: function(num) {
                    num += '';
                    var splitStr = num.split('.');
                    var splitLeft = splitStr[0];
                    var splitRight = splitStr.length > 1 ? this.sepDec + splitStr[1] : '';
                    var regx = /(\d+)(\d{3})/;
                    while (regx.test(splitLeft)) {
                        splitLeft = splitLeft.replace(regx, '$1' + this.sepMil + '$2');
                    }
                    return this.simbol + splitLeft + splitRight;
                },
                go: function(num, simbol) {
                    this.simbol = simbol || '';
                    return this.formatear(num);
                }
            }
            $(document).ready(function() {
                if (
                    "@if (isset($active_autotransporte)) echo $active_autotransporte @endif"
                ) {
                    // $('#card_carta_porte').removeClass('btn_ocultar')
                    // $('#btns_carta_porte').removeClass('btn_ocultar')
                    $.ajax({
                        method: "post",
                        url: base_url + "/AutoTransporte"
                    }).done(function(data) {
                        $('#contenedor_carta_porte').append(data)
                        $('#cbx_tipoDeComprobante').children('option[value="E"]').attr('disabled', 'disabled');
                        $('#cbx_tipoDeComprobante').children('option[value="N"]').attr('disabled', 'disabled');
                        $('#cbx_tipoDeComprobante').children('option[value="P"]').attr('disabled', 'disabled');
                        request.sendData("get", base_url + "/getCatalogosCartaPorte", {
                                catalogo: 'cp:c_ClaveUnidadPeso',
                                clave: '*'
                            },
                            (data) => {
                                c_claveunidadpeso = data
                            })
                        request.sendData("get", base_url + "/getCatalogosCartaPorte", {
                                catalogo: 'cp:c_MaterialPeligroso',
                                clave: '*'
                            },
                            (data) => {
                                c_materialpeligroso = data
                            })
                        request.sendData("get", base_url + "/getCatalogosCartaPorte", {
                                catalogo: 'cp:c_TipoEmbalaje',
                                clave: '*'
                            },
                            (data) => {
                                c_tipoembalaje = data
                            })
                        request.sendData("get", base_url + "/getCatalogosCartaPorte", {
                                catalogo: 'cp:c_TipoPermiso',
                                clave: '*'
                            },
                            (data) => {
                                c_tipopermiso = data
                            })
                        request.sendData("get", base_url + "/getCatalogosCartaPorte", {
                                catalogo: 'cp:c_ConfigAutotransporte',
                                clave: '*'
                            },
                            (data) => {
                                c_configautotransporte = data
                            })
                        request.sendData("get", base_url + "/getCatalogosCartaPorte", {
                                catalogo: 'cp:c_SubTipoRem',
                                clave: '*'
                            },
                            (data) => {
                                c_subtiporem = data
                            })
                        request.sendData("get", base_url + "/getCatalogosCartaPorte", {
                                catalogo: 'cp:c_ParteTransporte',
                                clave: '*'
                            },
                            (data) => {
                                c_partetransporte = data
                            })
                    })
                    setTimeout(() => {
                        $('#TranspInternac').change()
                    }, 500);
                    @if (isset($pais))
                        __paises__ = null                    @endif
                }
            });
        </script>
    @endif
@endsection

@section('modals')
    <div class="modal fade" id="advertencia-domicilio" tabindex="-1" role="dialog"
        aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">¡Advertencia!</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p>Para poder generar cotizaciones debe de registrar un domicilio para la empresa.</p>
                    <p>Lo puedes hacer en la sección de <strong><i class="metismenu-icon pe-7s-config"></i>
                            Datos de emisión</strong></p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                    <a href="{{ route('datosEmisor.index', ['txt_id_emisor' => session('ses_id_emisor'), 'txt_id_mat_suc' => session('ses_matriz_suc')]) }}"
                        class="btn btn-primary">Ir a Datos de emisión</a>
                </div>
            </div>
        </div>
    </div>
@endsection