@php
    $tipoDocumento = $facturaciontributarioElectronica->tipo_documento;
@endphp
@extends('metronic.base')

@section('title')
    Detalles DTE
@endsection

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Detalles</h3>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <a href="{{ route('documento.facturacionElectronica') }}"
                            class="btn btn-sm btn-block btn-info w-90 mb-3">Regresar <i class="fas fa-arrow-circle-left"
                                style="color: #ffffff;"></i></a>
                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th class="text-center">descripcionMsg</th>
                                    <th class="text-center">Observaciones</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td class="text-center">
                                        <pre style="white-space: pre-wrap; word-wrap: break-word; max-width: 300px; overflow: auto;">
                                            {{ isset($mh_response->descripcionMsg) ? json_encode($mh_response->descripcionMsg, JSON_PRETTY_PRINT) : 'No hay descripción disponible.' }}
                                    </pre>
                                    </td>
                                    <td>
                                        <pre style="white-space: pre-wrap; word-wrap: break-word; max-width: 300px; overflow: auto;">
                                            @if (isset($mh_response->observaciones) && is_array($mh_response->observaciones))
@foreach ($mh_response->observaciones as $observacion)
{{ $observacion }} {{ $loop->last ? '' : "\n" }}
@endforeach
@else
No hay descripcion disponible
@endif
                                    </pre>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="card-footer">
                    <button id="down" class="btn btn-info w-90">
                        <i class="fas fa-arrow-circle-down" style="color: #ffffff;"></i>
                        Desplegar Formulario
                    </button>
                    <button id="up" class="btn btn-success w-90">
                        <i class="fas fa-arrow-circle-up" style="color: #ffffff;"></i>
                        Ocultar Formulario
                    </button>

                    <form id="formDte" action="{{ route('procesarFormulario', $facturaciontributarioElectronica->id) }}"
                        method="POST" style="display: none;">
                        @csrf
                        @method('POST')
                        <div class="row">
                            <span class="text-center text-primary mb-3">Detalles del Emisor</span>
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label>Nit</label>
                                    <input type="text" name="emisor_nit" id="emisor_nit" class="form-control"
                                        value="{{ isset($json->emisor->nit) ? $json->emisor->nit : 'No hay registros' }}">
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label>Nrc</label>
                                    <input type="text" name="emisor_nrc" id="emisor_nrc" class="form-control"
                                        value="{{ isset($json->emisor->nrc) ? $json->emisor->nrc : 'No hay registros' }}">
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label>Nombre</label>
                                    <input type="text" name="emisor_nombre" id="emisor_nombre" class="form-control"
                                        value="{{ isset($json->emisor->nombre) ? $json->emisor->nombre : 'No hay registros' }}">
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label>Codigo Actividad</label>
                                    <input type="text" name="emisor_codActividad" id="emisor_codActividad"
                                        class="form-control"
                                        value="{{ isset($json->emisor->codActividad) ? $json->emisor->codActividad : 'No hay registros' }}">
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label>Descripcion Actividad</label>
                                    <input type="text" name="emisor_descActividad" id="emisor_descActividad"
                                        class="form-control"
                                        value="{{ isset($json->emisor->descActividad) ? $json->emisor->descActividad : 'No hay registros' }}">
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label>Nombre Comercial</label>
                                    <input type="text" name="emisor_nombreComercial" id="emisor_nombreComercial"
                                        class="form-control"
                                        value="{{ isset($json->emisor->nombreComercial) ? $json->emisor->nombreComercial : 'No hay reguistros' }}">
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label>Tipo Establecimiento</label>
                                    <input type="text" name="emisor_tipoEstablecimiento" id="emisor_tipoEstablecimiento"
                                        class="form-control"
                                        value="{{ isset($json->emisor->tipoEstablecimiento) ? $json->emisor->tipoEstablecimiento : 'No hay regitros' }}">
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label>Departamento</label>
                                    <input type="text" name="emisor_departamento" id="emisor_departamento"
                                        class="form-control"
                                        value="{{ isset($json->emisor->direccion->departamento) ? $json->emisor->direccion->departamento : 'No hay registros' }}">
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label>Municipio</label>
                                    <input type="text" name="emisor_municipio" id="emisor_municipio" class="form-control"
                                        value="{{ isset($json->emisor->direccion->municipio) ? $json->emisor->direccion->municipio : 'No hay registros' }}">
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label>Complemento</label>
                                    <input type="text" name="emisor_complemento" id="emisor_complemento"
                                        class="form-control"
                                        value="{{ isset($json->emisor->direccion->complemento) ? $json->emisor->direccion->complemento : 'No hay registros' }}">
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label>Telefono</label>
                                    <input type="text" name="emisor_telefono" id="emisor_telefono"
                                        class="form-control"
                                        value="{{ isset($json->emisor->telefono) ? $json->emisor->telefono : 'No hay registros' }}">
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label>correo</label>
                                    <input type="email" name="emisor_correo" id="emisor_correo" class="form-control"
                                        value="{{ isset($json->emisor->correo) ? $json->emisor->correo : 'No hay registros' }}">
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label>codEstableMH</label>
                                    <input type="text" name="emisor_codEstableMH" id="emisor_codEstableMH"
                                        class="form-control"
                                        value="{{ isset($json->emisor->codEstableMH) ? $json->emisor->codEstableMH : 'No hay registros' }}">
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label>codEstable</label>
                                    <input type="text" name="emisor_codEstable" id="emisor_codEstable"
                                        class="form-control"
                                        value="{{ isset($json->emisor->codEstable) ? $json->emisor->codEstable : 'No hay registros' }}">
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label>codPuntoVentaMH</label>
                                    <input type="text" name="emisor_codPuntoVentaMH" id="emisor_codPuntoVentaMH"
                                        class="form-control"
                                        value="{{ isset($json->emisor->codPuntoVentaMH) ? $json->emisor->codPuntoVentaMH : 'No hay registros' }}">
                                </div>
                            </div>
                            <div class="col-sm-6 mb-3">
                                <div class="form-group">
                                    <label>codPuntoVenta</label>
                                    <input type="text" name="emisor_codPuntoVenta" id="emisor_codPuntoVenta"
                                        class="form-control"
                                        value="{{ isset($json->emisor->codPuntoVenta) ? $json->emisor->codPuntoVenta : 'No hay registros' }}">
                                </div>
                            </div>

                            @if ($tipoDocumento === '01')
                                <span class="text-center text-primary mb-3">Detalles del receptor</span>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>tipoDocumento</label>
                                        <input type="text" name="receptor_tipoDocumento" id="receptor_tipoDocumento"
                                            class="form-control"
                                            value="{{ isset($json->receptor->tipoDocumento) ? $json->receptor->tipoDocumento : 'No hay registros' }}">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>numDocumento</label>
                                        <input type="text" name="receptor_numDocumento" id="receptor_numDocumento"
                                            class="form-control"
                                            value="{{ isset($json->receptor->numDocumento) ? $json->receptor->numDocumento : 'No hay registros' }}">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>nrc</label>
                                        <input type="text" name="receptor_nrc" id="receptor_nrc" class="form-control"
                                            value="{{ isset($json->receptor->nrc) ? $json->receptor->nrc : 'No hay registros' }}">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>nombre</label>
                                        <input type="text" name="receptor_nombre" id="receptor_nombre"
                                            class="form-control"
                                            value="{{ isset($json->receptor->nombre) ? $json->receptor->nombre : 'No hay registros' }}">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>codActividad</label>
                                        <input type="text" name="receptor_codActividad" id="receptor_codActividad"
                                            class="form-control"
                                            value="{{ isset($json->receptor->codActividad) ? $json->receptor->codActividad : 'No hay registros' }}">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>descActividad</label>
                                        <input type="text" name="receptor_descActividad" id="receptor_descActividad"
                                            class="form-control"
                                            value="{{ isset($json->receptor->descActividad) ? $json->receptor->descActividad : 'No hay registros' }}">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Departamento</label>
                                        <input type="text" name="receptor_departamento" id="receptor_departamento"
                                            class="form-control"
                                            value="{{ isset($json->receptor->direccion->departamento) ? $json->receptor->direccion->departamento : 'No hay registros' }}">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Municipio</label>
                                        <input type="text" name="receptor_municipio" id="receptor_municipio"
                                            class="form-control"
                                            value="{{ isset($json->receptor->direccion->municipio) ? $json->receptor->direccion->municipio : 'No hay registros' }}">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>complemento</label>
                                        <input type="text" name="receptor_complemento" id="receptor_complemento"
                                            class="form-control"
                                            value="{{ isset($json->receptor->direccion->complemento) ? $json->receptor->direccion->complemento : 'No hay registros' }}">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>telefono</label>
                                        <input type="text" name="receptor_telefono" id="receptor_telefono"
                                            class="form-control"
                                            value="{{ isset($json->receptor->telefono) ? $json->receptor->telefono : 'No hay Rregistros' }}">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>correo</label>
                                        <input type="email" name="receptor_correo" id="receptor_correo"
                                            class="form-control"
                                            value="{{ isset($json->receptor->correo) ? $json->receptor->correo : 'No hay registros' }}">
                                    </div>
                                </div>
                                <div class="col-sm-4 pt-1">
                                    <div class="form-group">
                                        <button type="submit" class="btn btn-info btn-block mt-mobile w-100 mb-5 mt-5">
                                            <i class="fas fa-cloud-upload-alt" style="color: #ffffff;"></i>
                                            Actualizar
                                            DTE</button>
                                    </div>
                                </div>
                            @elseif($tipoDocumento == '03')
                                <span class="text-center text-primary mb-3">Detalles del receptor</span>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>NIT</label>
                                        <input type="text" name="receptor_nit" id="receptor_nit" class="form-control"
                                            value="{{ $json->receptor->nit ? $json->receptor->nit : 'No hay registros' }}">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>NRC</label>
                                        <input type="text" name="receptor_nrc" id="receptor_nrc" class="form-control"
                                            value="{{ $json->receptor->nrc ? $json->receptor->nrc : 'No hay registros' }}">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Nombre</label>
                                        <input type="text" name="receptor_nombre" id="receptor_nombre"
                                            class="form-control"
                                            value="{{ $json->receptor->nombre ? $json->receptor->nombre : 'No hay registros' }}">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Actividada code</label>
                                        <input type="text" name="receptor_codActividad" id="receptor_codActividad"
                                            class="form-control"
                                            value="{{ $json->receptor->codActividad ? $json->receptor->codActividad : 'No hay registros' }}">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>descActividad</label>
                                        <input type="text" name="receptor_descActividad" id="receptor_descActividad"
                                            class="form-control"
                                            value="{{ $json->receptor->descActividad ? $json->receptor->descActividad : 'No hay registros' }}">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>nombreComercial</label>
                                        <input type="text" name="receptor_nombreComercial"
                                            id="receptor_nombreComercial" class="form-control"
                                            value="{{ $json->receptor->nombreComercial ? $json->receptor->nombreComercial : 'No hay registros' }}">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Departamento</label>
                                        <input type="text" name="receptor_departamento" id="receptor_departamento"
                                            class="form-control"
                                            value="{{ $json->receptor->direccion->departamento ? $json->receptor->direccion->departamento : '' }}">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Municpio</label>
                                        <input type="text" name="receptor_municipio" id="receptor_municipio"
                                            class="form-control"
                                            value="{{ $json->receptor->direccion->municipio ? $json->receptor->direccion->municipio : '' }}">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Complemento</label>
                                        <input type="text" name="receptor_complemento" id="receptor_complemento"
                                            class="form-control"
                                            value="{{ $json->receptor->direccion->complemento ? $json->receptor->direccion->complemento : '' }}">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Telefono</label>
                                        <input type="text" name="receptor_telefono" id="receptor_telefono"
                                            class="form-control"
                                            value="{{ $json->receptor->telefono ? $json->receptor->telefono : 'No hay registros' }}">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Correo</label>
                                        <input type="text" name="receptor_correo" id="receptor_correo"
                                            class="form-control"
                                            value="{{ $json->receptor->correo ? $json->receptor->correo : 'No hay registros' }}">
                                    </div>
                                </div>
                                <div class="col-sm-4 pt-1">
                                    <div class="form-group">
                                        <button type="submit" class="btn btn-info btn-block mt-mobile w-100 mb-5 mt-5">
                                            <i class="fas fa-cloud-upload-alt" style="color: #ffffff;"></i>
                                            Actualizar
                                            DTE</button>
                                    </div>
                                </div>
                            @elseif($tipoDocumento == '05')
                                <span class="text-center text-primary mb-3">Detalles del receptor</span>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>descActividad</label>
                                        <input type="text" name="receptor_descActividad" id="receptor_descActividad"
                                            class="form-control"
                                            value="{{ $json->receptor->descActividad ? $json->receptor->descActividad : 'No hay registros' }}">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>codActividad</label>
                                        <input type="text" name="receptor_codActividad" id="receptor_codActividad"
                                            class="form-control"
                                            value="{{ $json->receptor->codActividad ? $json->receptor->codActividad : 'No hay registros' }}">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>correo</label>
                                        <input type="text" name="receptor_nit" id="receptor_nit" class="form-control"
                                            value="{{ $json->receptor->correo ? $json->receptor->correo : 'No hay registros' }}">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>nit</label>
                                        <input type="text" name="receptor_nit" id="receptor_nit" class="form-control"
                                            value="{{ $json->receptor->nit ? $json->receptor->nit : 'No hay registros' }}">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>complemento</label>
                                        <input type="text" name="receptor_complemento" id="receptor_complemento"
                                            class="form-control"
                                            value="{{ $json->receptor->direccion->complemento ? $json->receptor->direccion->complemento : '' }}">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>municipio</label>
                                        <input type="text" name="receptor_municipio" id="receptor_municipio"
                                            class="form-control"
                                            value="{{ $json->receptor->direccion->municipio ? $json->receptor->direccion->municipio : '' }}">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>departamento</label>
                                        <input type="text" name="receptor_departamento" id="receptor_departamento"
                                            class="form-control"
                                            value="{{ $json->receptor->direccion->departamento ? $json->receptor->direccion->departamento : '' }}">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>nombreComercial</label>
                                        <input type="text" name="receptor_nombreComercial"
                                            id="receptor_nombreComercial" class="form-control"
                                            value="{{ $json->receptor->nombreComercial ? $json->receptor->nombreComercial : 'No hay registros' }}">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Telefono</label>
                                        <input type="text" name="receptor_telefono" id="receptor_telefono"
                                            class="form-control"
                                            value="{{ $json->receptor->telefono ? $json->receptor->telefono : 'No hay registros' }}">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Nombre</label>
                                        <input type="text" name="receptor_nombre" id="receptor_nombre"
                                            class="form-control"
                                            value="{{ $json->receptor->nombre ? $json->receptor->nombre : 'No hay registros' }}">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>NRC</label>
                                        <input type="text" name="receptor_nrc" id="receptor_nrc" class="form-control"
                                            value="{{ $json->receptor->nrc ? $json->receptor->nrc : 'No hay registros' }}">
                                    </div>
                                </div>
                                <div class="col-sm-4 pt-1">
                                    <div class="form-group">
                                        <button type="submit" class="btn btn-info btn-block mt-mobile w-100 mb-5 mt-5">
                                            <i class="fas fa-cloud-upload-alt" style="color: #ffffff;"></i>
                                            Actualizar
                                            DTE</button>
                                    </div>
                                </div>
                            @endif
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    $(document).ready(function() {
        $("#down").on('click', function(e) {
            e.preventDefault();
            $("#formDte").show();
        });

        $("#up").on('click', function(e) {
            e.preventDefault();
            $("#formDte").hide();
        });
    });
</script>

<script>
    $(document).ready(function() {
        /* Aqui se va trabajar la funcion del json para ser editado */
        $("#formDte").on('submit', function(e) {
            e.preventDefault();
            let id = {{ $facturaciontributarioElectronica->id }}
            $.ajax({
                url: '/update/json/' + id,
                method: 'POST',
                data: $(this).serialize(),
                headers: {
                    'X-CSRF-TOKEN': $('input[name="_token"]').val(),
                },
                success: function(response) {
                    Swal.fire({
                        title: 'Genial',
                        text: `Actualizaste el DTE con su numero de Id: ${id}`,
                        icon: 'success',
                    });
                    setTimeout(() => {
                        window.location.href =
                            '{{ route('documento.facturacionElectronica') }}';
                    }, 4000);
                },
                error: function(e) {
                    if (e.status === 422) {
                        let errors = e.responseJSON.errors;
                        let errorMessage = '';
                        $.each(errors, function(key, value) {
                            errorMessage += value.join(
                                '<br>');
                        });
                        Swal.fire({
                            title: 'Errores de validación.',
                            html: errorMessage,
                            icon: 'error',
                        });
                    } else {
                        Swal.fire({
                            title: 'Algo salió mal al insertar datos de muestra.',
                            icon: 'error'
                        });
                    }
                }

            });
        });
    });
</script>