@extends('layout.main')
@section('contenido')
    {{-- mensaje de restricción --}}
    @if (count($errors) > 0)
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    <div class="card mt-2 mb-2">
        <div class="card-header">
            <div class="navbar">
                <h4 class="text-primary">Editar Transacción</h4>
                <a class="btn btn-primary" href="{{ url('/transaccion') }}"><strong>Listar</strong></a>
            </div>
        </div>
        <form action="{{ url('/transaccion/' . $transaccion->idtransaccion) }}" method="post" id="Form">
            @csrf
            <input type="hidden" name="desde_vista" value="transaccion_edit">
            {{ method_field('PATCH') }}
            <div class="card-body">
                <div class="row">
                    <div class="col-md-2 mb-3">
                        <input type="hidden" value="{{ $transaccion->tipo }}" name="tipo_anterior">
                        <div class="mb-2 d-none d-sm-block"><label><strong>Tipo</strong></label></div>
                        <div align="right" class="mb-2 d-block d-sm-none"><label><strong>Tipo</strong></label></div>
                        <select name="tipo" id="tipo" class="form-select form-select-sm" onchange="mostrar_ocultar()">
                            <option value="CARGO" <br />
<b>Warning</b>:  Undefined variable $transaccion in <b>/home/mcicompy/robert.mci.com.py/resources/views/transaccion/edit.blade.php</b> on line <b>32</b><br />
<br />
<b>Warning</b>:  Attempt to read property "tipo" on null in <b>/home/mcicompy/robert.mci.com.py/resources/views/transaccion/edit.blade.php</b> on line <b>32</b><br />
>Cargo</option>
                            <option value="ABONO" <br />
<b>Warning</b>:  Undefined variable $transaccion in <b>/home/mcicompy/robert.mci.com.py/resources/views/transaccion/edit.blade.php</b> on line <b>33</b><br />
<br />
<b>Warning</b>:  Attempt to read property "tipo" on null in <b>/home/mcicompy/robert.mci.com.py/resources/views/transaccion/edit.blade.php</b> on line <b>33</b><br />
>Abono</option>
                            <option value="TRANSFERENCIA" <br />
<b>Warning</b>:  Undefined variable $transaccion in <b>/home/mcicompy/robert.mci.com.py/resources/views/transaccion/edit.blade.php</b> on line <b>34</b><br />
<br />
<b>Warning</b>:  Attempt to read property "tipo" on null in <b>/home/mcicompy/robert.mci.com.py/resources/views/transaccion/edit.blade.php</b> on line <b>34</b><br />
>Transferencia</option>
                            <option value="COMPRA" <br />
<b>Warning</b>:  Undefined variable $transaccion in <b>/home/mcicompy/robert.mci.com.py/resources/views/transaccion/edit.blade.php</b> on line <b>35</b><br />
<br />
<b>Warning</b>:  Attempt to read property "tipo" on null in <b>/home/mcicompy/robert.mci.com.py/resources/views/transaccion/edit.blade.php</b> on line <b>35</b><br />
>Compra</option>
                            <option value="VENTA" <br />
<b>Warning</b>:  Undefined variable $transaccion in <b>/home/mcicompy/robert.mci.com.py/resources/views/transaccion/edit.blade.php</b> on line <b>36</b><br />
<br />
<b>Warning</b>:  Attempt to read property "tipo" on null in <b>/home/mcicompy/robert.mci.com.py/resources/views/transaccion/edit.blade.php</b> on line <b>36</b><br />
>Venta</option>
                        </select>
                    </div>
                    <div class="col-md-2 mb-3">
                        <div class="mb-2 d-none d-sm-block"><label><strong>Fecha</strong></label></div>
                        <div align="right" class="mb-2 d-block d-sm-none"><label><strong>Fecha</strong></label></div>
                        <input type="date" name="fecha" id="fecha" class="form-control form-control-sm"
                            value="{{ $transaccion->fecha }}">
                    </div>
                    <div class="col-md-2 mb-3" id="div_condicion">
                        <div class="mb-2 d-none d-sm-block"><label><strong>Condición</strong></label></div>
                        <div align="right" class="mb-2 d-block d-sm-none"><label><strong>Condición</strong></label></div>
                        <select name="condicion" id="condicion" class="form-select form-select-sm">
                            <option value="CONTADO" <br />
<b>Warning</b>:  Undefined variable $transaccion in <b>/home/mcicompy/robert.mci.com.py/resources/views/transaccion/edit.blade.php</b> on line <b>49</b><br />
<br />
<b>Warning</b>:  Attempt to read property "condicion" on null in <b>/home/mcicompy/robert.mci.com.py/resources/views/transaccion/edit.blade.php</b> on line <b>49</b><br />
>Contado</option>
                            <option value="CREDITO" <br />
<b>Warning</b>:  Undefined variable $transaccion in <b>/home/mcicompy/robert.mci.com.py/resources/views/transaccion/edit.blade.php</b> on line <b>50</b><br />
<br />
<b>Warning</b>:  Attempt to read property "condicion" on null in <b>/home/mcicompy/robert.mci.com.py/resources/views/transaccion/edit.blade.php</b> on line <b>50</b><br />
>Crédito</option>
                        </select>
                    </div>
                </div>
                <div class="card col-md-6 mb-3">
                    <div class="card-body">
                        <div class="mb-3">
                            {{-- ETIQUETAS PARA CUENTA Y DESDE CUENTA --}}
                            <div id="cuenta">
                                <label class="mb-2 d-none d-sm-block"><b>Cuenta</b></label>
                                <label class="mb-2 d-block d-sm-none" align="right"><b>Cuenta</b></label>
                            </div>
                            <div id="desde_cuenta">
                                <label class="mb-2 d-none d-sm-block"><b>Desde Cuenta</b></label>
                                <label class="mb-2 d-block d-sm-none" align="right"><b>Desde Cuenta</b></label>
                            </div>
                            {{-- ****************** --}}
                            <input type="hidden" value="{{ $transaccion->idcuenta }}" name="idcuenta_anterior">
                            <div class="input-group">
                                <select name="idcuenta" id="idcuenta" class="form-select" style="width: 95%">
                                    @foreach ($cuentas as $cuenta)
                                        @if ($transaccion->idcuenta == $cuenta->idcuenta)
                                            <option value="{{ $cuenta->idcuenta }}" selected>{{ $cuenta->denominacion ." - Saldo: ".number_format($cuenta->saldo, 0, ',', '.') }}
                                        @else
                                            <option value="{{ $cuenta->idcuenta }}">{{ $cuenta->denominacion." - Saldo: ".number_format($cuenta->saldo, 0, ',', '.') }}
                                        @endif
                                    @endforeach
                                </select>
                                {{-- <button type="button" class="btn btn-secondary btn-sm" data-bs-toggle="modal"
                                    data-bs-target="#ModalNuevaCuenta">
                                    +
                                </button> --}}
                                <button class="btn btn-secondary btn-sm" id="cuenta_vuelo" type="button">+</button>
                            </div>
                            <script>
                                $(document).ready(function() {
                                    $('#idcuenta').select2();
                                });
                            </script>
                        </div>
                        <div class="mb-3" id="div_hasta_cuenta">
                            <div class="mb-2 d-none d-sm-block"><label><strong>Hasta Cuenta</strong></label></div>
                            <div align="right" class="mb-2 d-block d-sm-none"><label><strong>Hasta Cuenta</strong></label></div>
                            <div class="input-group">
                                <select name="hasta_idcuenta" id="hasta_idcuenta" class="form-select" style="width: 95%">
                                    @foreach ($cuentas as $cuenta)
                                        @if ($transaccion->idcuenta == $cuenta->idcuenta)
                                            <option value="{{ $cuenta->idcuenta }}" selected>{{ $cuenta->denominacion }}
                                        @else
                                            <option value="{{ $cuenta->idcuenta }}">{{ $cuenta->denominacion }}
                                        @endif
                                    @endforeach
                                </select>
                                {{-- <button type="button" class="btn btn-secondary btn-sm" data-bs-toggle="modal"
                                    data-bs-target="#ModalNuevaCategoria">
                                    +
                                </button> --}}
                                <button class="btn btn-secondary btn-sm" id="cuenta_vuelo" type="button">+</button>
                            </div>
                            <script>
                                $(document).ready(function() {
                                    $('#hasta_idcuenta').select2();
                                });
                            </script>
                        </div>
                        <div class="mb-3" id="div_beneficiario">
                            <div class="mb-2 d-none d-sm-block"><label><strong>Beneficiario</strong></label></div>
                            <div align="right" class="mb-2 d-block d-sm-none">
                                <label><strong>Beneficiario</strong></label>
                            </div>
                            <div class="input-group">
                                <select class="form-select" id="idbeneficiario" name="idbeneficiario" style="width: 95%">
                                    @foreach ($beneficiarios as $beneficiario)
                                        @if ($transaccion->idbeneficiario == $beneficiario->idbeneficiario)
                                            <option value="{{ $beneficiario->idbeneficiario }}" selected>
                                                {!!"RUC/CI: ".$beneficiario->ruc_ci." - ". $beneficiario->denominacion !!}
                                            @else
                                            <option value="{{ $beneficiario->idbeneficiario }}">
                                                {!!"RUC/CI: ".$beneficiario->ruc_ci." - ". $beneficiario->denominacion !!}
                                        @endif
                                    @endforeach
                                </select>
                                <button class="btn btn-secondary btn-sm" id="beneficiario_vuelo" type="button">+</button>
                                {{-- <button type="button" class="btn btn-secondary btn-sm" data-bs-toggle="modal"
                                    data-bs-target="#ModalNuevoBeneficiario">
                                    +
                                </button> --}}
                            </div>
                            <script>
                                $(document).ready(function() {
                                    $('#idbeneficiario').select2();
                                });
                            </script>
                        </div>
                        <div class="mb-3">
                            <div class="mb-2 d-none d-sm-block"><label><strong>Categoria</strong></label></div>
                            <div align="right" class="mb-2 d-block d-sm-none"><label><strong>Categoria</strong></label>
                            </div>
                            <div id="mensaje_categoria"></div>
                            <div class="input-group">
                                <select name="idcategoria" id="idcategoria" class="form-select" style="width: 95%">
                                    @foreach ($categorias as $categoria)
                                        @if ($transaccion->idcategoria == $categoria->idcategoria)
                                            <option value="{{ $categoria->idcategoria }}" selected>
                                                {{ $categoria->descripcion }}
                                            @else
                                            <option value="{{ $categoria->idcategoria }}">{{ $categoria->descripcion }}
                                        @endif
                                    @endforeach
                                </select>
                                {{-- <button type="button" class="btn btn-secondary btn-sm" data-bs-toggle="modal"
                                    data-bs-target="#ModalNuevaCategoria">
                                    +
                                </button> --}}
                                <button class="btn btn-secondary btn-sm" id="categoria_vuelo" type="button">+</button>
                            </div>
                            <script>
                                $(document).ready(function() {
                                    $('#idcategoria').select2();
                                });
                            </script>
                        </div>
                        {{-- <div id="select_categoria"></div> --}}
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-2 mb-3" id="div_exe">
                        <input type="hidden" value="{{ $transaccion->exe }}" name="exe_anterior">
                        <div class="mb-2 d-none d-sm-block"><label><strong>Exenta</strong></label></div>
                        <div align="right" class="mb-2 d-block d-sm-none"><label><strong>Exenta</strong></label></div>
                        <input type="tel" class="form-control form-control-sm" name="exe" id="exe" autocomplete="off"
                            onkeyup="format(this)" onchange="format(this)"
                            value="{!!old('exe',number_format($transaccion->exe, 0, ',', '.'))!!}">
                            {{-- value="{{ number_format($transaccion->exe, 0, ',', '.') }}"> --}}
                    </div>
                    <div class="col-md-2 mb-3" id="div_5">
                        <input type="hidden" value="{{ $transaccion->gra5 }}" name="gra5_anterior">
                        <div class="mb-2 d-none d-sm-block"><label><strong>Grav. 5%</strong></label></div>
                        <div align="right" class="mb-2 d-block d-sm-none"><label><strong>Grav. 5%</strong></label></div>
                        <input type="tel" class="form-control form-control-sm" name="gra5" id="gra5" autocomplete="off"
                            onkeyup="format(this)" onchange="format(this)"
                            value="{{ number_format($transaccion->gra5, 0, ',', '.') }}">
                    </div>
                    <div class="col-md-2 mb-3" id="div_10">
                        <input type="hidden" value="{{ $transaccion->gra10 }}" name="gra10_anterior">
                        <div class="mb-2 d-none d-sm-block"><label><strong>Grav. 10%</strong></label></div>
                        <div align="right" class="mb-2 d-block d-sm-none"><label><strong>Grav. 10%</strong></label></div>
                        <input type="tel" class="form-control form-control-sm" name="gra10" id="gra10" autocomplete="off"
                            onkeyup="format(this)" onchange="format(this)"
                            value="{{ number_format($transaccion->gra10, 0, ',', '.') }}">
                    </div>
                </div>
                <div class="card mb-3" id="det_transaccion">
                    <div class="card-header">
                        <h4 class="card-title">Detalle de Transacción</h4>
                    </div>
                    <div class="card-body">
                        <div class="row mb-3">
                            <div class="col-md-2">
                                <div class="mb-2 d-none d-sm-block"><label><strong>Tip. imp.</strong></label></div>
                                <div align="right" class="mb-2 d-block d-sm-none"><label><strong>Tip.
                                            imp.</strong></label></div>
                                <select name="tipo_impuesto" id="tipo_impuesto" class="form-control form-control-sm">
                                    <option value="EXE">Exe</option>
                                    <option value="GRA5">Grav. 5%</option>
                                    <option value="GRA10">Grav. 10%</option>
                                </select>
                            </div>
                            <div class="col-md-5">
                                <div align="right" class="mb-2 d-block d-sm-none">
                                    <label><strong>Artículo</strong></label>
                                </div>
                                <div class="mb-2 d-none d-sm-block"><label><strong>Artículo</strong></label></div>
                                <div class="input-group">
                                    <select name="idarticulo" id="idarticulo" class="form-control form-control-sm" style="width: 500px">
                                        @foreach ($articulos as $articulo)
                                            <option value="{{ $articulo['idarticulo'] }}">{{ $articulo['nombre'] }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <button type="button" class="btn btn-secondary btn-sm" data-bs-toggle="modal"
                                        data-bs-target="#ModalNuevaCategoria">
                                        +
                                    </button>
                                </div>
                                <script>
                                    $(document).ready(function() {
                                        $('#idarticulo').select2();
                                    });
                                </script>
                            </div>
                            <div class="col-md-2">
                                <div class="mb-2 d-none d-sm-block"><label><strong>Precio</strong></label></div>
                                <div align="right" class="mb-2 d-block d-sm-none"><label><strong>Precio</strong></label>
                                </div>
                                <input type="text" class="form-control form-control-sm" id="precio" autocomplete="off"
                                    onkeyup="format(this)" onchange="format(this)">
                            </div>
                            <div class="col-md-2">
                                <div class="mb-2 d-none d-sm-block"><label><strong>Cantidad</strong></label></div>
                                <div align="right" class="mb-2 d-block d-sm-none">
                                    <label><strong>Cantidad</strong></label>
                                </div>
                                <input type="number" class="form-control form-control-sm" id="cantidad" value="1"
                                    autocomplete="off" min="1" max="1000">
                            </div>
                            <div class="col-md-1">
                                <div class="mb-2 d-none d-sm-block"><label><strong>Agregar</strong></label></div>
                                <button type="button" class="btn btn-primary" id='boton-agregar'
                                    role='button'><strong>+</strong></button>
                            </div>
                        </div>
                        <div class="table-responsive">
                            <table class="table table-striped table-sm" id="detalle">
                                <thead>
                                    <tr class="table-primary">
                                        <th width="5%">ID Art.</th>
                                        <th width="10%">Tipo</th>
                                        <th width="45%">Articulo</th>
                                        <th width="15%">Precio</th>
                                        <th width="5%">Cantidad</th>
                                        <th width="15%">Subtotal</th>
                                        <th width="5%">&nbsp;</th>
                                    </tr>
                                </thead>
                                <tbody id="tbody">
                                                                        @foreach ($det_transaccion as $detalle)
                                        <tr>
                                            <td>
                                                <input type="text" class="form-control form-control-sm" readonly id="sinbordefondo" value="{!! $detalle->idarticulo !!}" name="det[{!! $contador !!}][idarticulo]">
                                            </td>
                                            <td>
                                                <input type="text" class="form-control form-control-sm" readonly id="sinbordefondo" value="{!! $detalle->tipo_impuesto !!}" name="det[{!! $contador !!}][tipo_impuesto]">
                                            </td>
                                            <td>
                                                <input type="text" class="form-control form-control-sm" readonly id="sinbordefondo" value="{!! $detalle->nombre !!}" name="det[{!! $contador !!}][nombre]">
                                            </td>
                                            <td>
                                                <input type="text" class="form-control form-control-sm" readonly id="sinbordefondo" value="{!! number_format($detalle->precio, 0, ',', '.') !!}" name="det[{!! $contador !!}][precio]">
                                            </td>
                                            <td>
                                                <input type="text" class="form-control form-control-sm" readonly id="sinbordefondo" value="{!! number_format($detalle->cantidad, 0, ',', '.') !!}" name="det[{!! $contador !!}][cantidad]">
                                            </td>
                                            <td>
                                                <input type="text" class="form-control form-control-sm" reaonly id="subtotal" value="{!! number_format($detalle->subtotal, 0, ',', '.') !!}" name="det[{!! $contador !!}][subtotal]">
                                            </td>
                                            <td width="3%" align="center"><a class="btn btn-danger btn-sm" id="borrar"><strong>-</strong></a></td>
                                        </tr>
                                                                            @endforeach
                                    {{-- EL VALOR DEL CONTADOR PARA LUEGO UTILIZARLO EN EL JQUERY AL ACCIONAR EL BOTON AGREGAR --}}
                                    <input type="hidden" value="{!! $contador !!}" id="contador">
                                </tbody>
                            </table>
                        </div>
                        <div align="right">
                            <div class="col-2">
                                <div class="form-floating">
                                    @if($transaccion->tipo == "COMPRA")
                                        <input type="hidden" readonly class="form-control" id="total_anterior" name="total_anterior" value="{{ $transaccion->cargo }}">
                                        <input type="text" readonly class="form-control" id="total" name="total" value="{!! number_format($transaccion->cargo, 0, ',', '.') !!}">
                                    @endif
                                    @if($transaccion->tipo == "CARGO")
                                        <input type="hidden" readonly class="form-control" id="total_anterior" name="total_anterior" value="0">
                                        <input type="text" readonly class="form-control" id="total" name="total" value="0">
                                    @endif
                                    @if($transaccion->tipo == "VENTA")
                                        <input type="hidden" readonly class="form-control" id="total_anterior" name="total_anterior" value="{{ $transaccion->abono }}">
                                        <input type="text" readonly class="form-control" id="total" name="total" value="{!! number_format($transaccion->abono, 0, ',', '.') !!}">
                                    @endif
                                    @if($transaccion->tipo == "ABONO")
                                        <input type="hidden" readonly class="form-control" id="total_anterior" name="total_anterior" value="0">
                                        <input type="text" readonly class="form-control" id="total" name="total" value="0">
                                    @endif
                                    <label for="floatingInput"><strong>Total</strong></label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-2 mb-2">
                        <div class="mb-2 d-none d-sm-block"><label><strong>Estado</strong></label></div>
                        <div align="right" class="mb-2 d-block d-sm-none"><label><strong>Estado</strong></label></div>
                        <select id="estado" name="estado" class="form-select form-select-sm" autocomplete="off" required>
                            @if ($transaccion->estado == 'NINGUNO')
                                <option value="NINGUNO" selected>Niguno</option>
                                <option value="CONCILIADA">Conciliada</option>
                            @else
                                <option value="NINGUNO">Ninguno</option>
                                <option value="CONCILIADA" selected>Conciliada</option>
                            @endif
                        </select>
                    </div>
                    <div class="col-md-4 mb-2">
                        <div class="mb-2 d-none d-sm-block"><label><strong>Nota</strong></label></div>
                        <div align="right" class="mb-2 d-block d-sm-none"><label><strong>Nota</strong></label></div>
                        <textarea class="form-control form-control-sm" name="nota" rows="1">{{ isset($transaccion->nota) ? $transaccion->nota : '' }}</textarea>
                    </div>
                </div>
            </div>
            <div class="card-footer" align="right">
                <a href="{{ url('/') }}" class="btn btn-secondary btn-lg" title="Cancelar"><i
                        class="fas fa-ban"></i></a>
                <button class="btn btn-success btn-lg" title="Guardar"><i class="fas fa-save"></i></button>
            </div>
        </form>
        {{-- ======================================================
            SE BORRA LA VARIABLE DE SESSION LUEGO DE HABERLA UTILIZADO
        ====================================================== --}}
        @php session()->forget('datos'); @endphp 
    </div>
    <script>
        $('#cuenta_vuelo').click(function() {
            Form.setAttribute('action', 'cuenta_transaccion_vuelo')
            $("#Form").submit();
        });
        $('#beneficiario_vuelo').click(function() {
            Form.setAttribute('action', '/multigest/public/beneficiario_transaccion_vuelo')
            $("#Form").submit();
        });
        $('#categoria_vuelo').click(function() {
            Form.setAttribute('action', 'categoria_transaccion_vuelo')
            $("#Form").submit();
        });
        $('#articulo_vuelo').click(function() {
            Form.setAttribute('action', 'articulo_transaccion_vuelo')
            $("#Form").submit();
        });
        
        mostrar_ocultar();
        function mostrar_ocultar() {
            var x = document.getElementById("tipo").value;
            if (x == 'CARGO') {
                document.getElementById("div_condicion").style.display = "block";
                document.getElementById("cuenta").style.display = "block";
                document.getElementById("desde_cuenta").style.display = "none";
                document.getElementById("div_hasta_cuenta").style.display = "none";
                document.getElementById("div_beneficiario").style.display = "block";
                document.getElementById("det_transaccion").style.display = "none";
                document.getElementById("div_exe").style.display = "block";
                document.getElementById("div_5").style.display = "block";
                document.getElementById("div_10").style.display = "block";
                // $("#cuenta").css("display", "block");
                // $("#cuenta1").css("display", "block");
                // $("#desde_cuenta").css("display", "none");
                // $("#desde_cuenta1").css("display", "none");
                // document.getElementById("cuenta1").style.display = "block";
            }
            if (x == 'ABONO') {
                document.getElementById("div_condicion").style.display = "block";
                document.getElementById("cuenta").style.display = "block";
                document.getElementById("desde_cuenta").style.display = "none";
                document.getElementById("div_hasta_cuenta").style.display = "none";
                document.getElementById("div_beneficiario").style.display = "block";
                document.getElementById("det_transaccion").style.display = "none";
                document.getElementById("div_exe").style.display = "block";
                document.getElementById("div_5").style.display = "block";
                document.getElementById("div_10").style.display = "block";
            }
            if (x == 'TRANSFERENCIA') {
                document.getElementById("div_condicion").style.display = "none";
                document.getElementById("cuenta").style.display = "none";
                document.getElementById("desde_cuenta").style.display = "block";
                document.getElementById("div_hasta_cuenta").style.display = "block";
                document.getElementById("div_beneficiario").style.display = "none";
                document.getElementById("det_transaccion").style.display = "none";
                document.getElementById("div_exe").style.display = "block";
                document.getElementById("div_5").style.display = "block";
                document.getElementById("div_10").style.display = "block";
            }
            if (x == 'COMPRA') {
                document.getElementById("div_condicion").style.display = "block";
                document.getElementById("cuenta").style.display = "block";
                document.getElementById("desde_cuenta").style.display = "none";
                document.getElementById("div_hasta_cuenta").style.display = "none";
                document.getElementById("div_beneficiario").style.display = "block";
                document.getElementById("det_transaccion").style.display = "block";
                document.getElementById("div_exe").style.display = "none";
                document.getElementById("div_5").style.display = "none";
                document.getElementById("div_10").style.display = "none";
            }
            if (x == 'VENTA') {
                document.getElementById("div_condicion").style.display = "block";
                document.getElementById("cuenta").style.display = "block";
                document.getElementById("desde_cuenta").style.display = "none";
                document.getElementById("div_hasta_cuenta").style.display = "none";
                document.getElementById("div_beneficiario").style.display = "block";
                document.getElementById("det_transaccion").style.display = "block";
                document.getElementById("div_exe").style.display = "none";
                document.getElementById("div_5").style.display = "none";
                document.getElementById("div_10").style.display = "none";
            }
        }
        // $(document).ready(function() {
            // var contador = 1
            var contador = $('#contador').val()
        // var detalle = new Array();
        $("#boton-agregar").click(function() {
            if (!$("#precio").val()) {
                alert('precio')
            } else {
                if (!$("#cantidad").val()) {
                    alert('cantidad')
                } else {
                    var art = document.getElementById("idarticulo");
                    var artnombre = art.options[art.selectedIndex].text;
                    var idarticulo = $("#idarticulo").val();
                    /*--------------------------------------------------*/
                    var tipo_impuesto = $('#tipo_impuesto').val();
                    /*--------------------------------------------------*/
                    var total = $("#total").val();
                    var total = total.replace(/\./g, '')
                    /*--------------------------------------------------*/
                    var precio = $("#precio").val();
                    var precio = precio.replace(/\./g, '')
                    /*--------------------------------------------------*/
                    var cantidad = $("#cantidad").val();
                    var cantidad = cantidad.replace(/\./g, '')
                    /*--------------------------------------------------*/
                    var subtotal = parseFloat(precio) * parseFloat(cantidad);
                    var total = parseFloat(total) + parseFloat(subtotal)
                    /*--------------------------------------------------*/
                    $('#total').val(separadorMiles(total))
                    /*--------------------------------------------------*/
                    $("#detalle").find('tbody')
                        .append($('<tr>')
                            .append($('<td>' +
                                '<input type="text" class="form-control form-control-sm" id="sinbordefondo" readonly value="' +
                                separadorMiles(idarticulo) + '" name="det[' + contador + '][idarticulo]"' + '</td>'
                            ))
                            .append($('<td>' +
                                '<input type="text" class="form-control form-control-sm" id="sinbordefondo" readonly value="' +
                                tipo_impuesto + '" name="det[' + contador + '][tipo_impuesto]"' + '</td>'
                            ))
                            .append($('<td>' +
                                '<input type="text" class="form-control form-control-sm" id="sinbordefondo" readonly value="' +
                                artnombre + '" name="det[' + contador + '][artnombre]"' + '</td>'))
                            .append($('<td>' +
                                '<input type="text" class="form-control form-control-sm" id="sinbordefondo" readonly value="' +
                                separadorMiles(precio) + '" name="det[' + contador + '][precio]"' + '</td>'))
                            .append($('<td>' +
                                '<input type="text" class="form-control form-control-sm" id="sinbordefondo" readonly value="' +
                                separadorMiles(cantidad) + '" name="det[' + contador + '][cantidad]"' + '</td>'))
                            .append($('<td>' +
                                '<input type="text" class="form-control form-control-sm" id="subtotal" readonly value="' +
                                separadorMiles(subtotal) + '" name="det[' + contador + '][subtotal]"' + '</td>'
                            ))
                            .append($(
                                '<td align="center"><a class="btn btn-danger btn-sm" id="borrar"><strong>-</strong></a></td>'
                            ))
                        .append($('</tr>'))
                    );
                }
            }
            contador++
            // console.table(detalle);
            // // console.log(detalle)
            // // $('#objet_detalle').val(JSON.stringify(detalle));
            $("#precio").val('');
            $("#cantidad").val('1');
        });
        $(document).on('click', '#borrar', function(event) {
            $(this).parents("tr").remove(); // se elimina el registro
            total = 0 //inicializacion de variable 
            $('#detalle tbody tr').each(function() { // se recorre la tabla hasta el registro
                var valor = $(this).find('input[id="subtotal"]').val(); //se busca y se asigna el valor del subtotal
                var valor = valor.replace(/\./g, '')
                total = parseFloat(total) + parseFloat(valor); // se acumula subtotal
            });
            $('#total').val(separadorMiles(total)) //se asigna subtotal a total
        });
    </script>
@endsection
<style>
    #sinbordefondo {
        background: transparent;
        border: 0;
    }

    #subtotal {
        background: transparent;
        border: 0;
    }
</style>