@extends('layouts.dashboard')

@section('dashboard')



    
    <ul class="breadcrumb m-0 p-0">
        <li><a href="/dashboard">Home</a></li>
        <li><strong>
            Nota de credito
            <input type="hidden" name="documento" value="factura"> Nº {{ $dteRecibido->dte_recibido_folio }}
            </strong></li>
    </ul>

    <div class="row align-items-center mb-4">
        <div class="col-md-auto">
            <h1 class="titulo-h1 mb-0"> 
            Nota de credito Nº {{ $dteRecibido->dte_recibido_folio }}</h1>
        </div>
    </div>

    @if(session('message'))
        <div class="alert {{ session('alert') }} mb-3">
            {!! session('message') !!}
        </div>
    @endif

    {{-- <div class="card">
        <div class="card-body text-center">
            
            @if($dteRecibido->dte_recibido_estado_sii == 'pendiente')
                <span class="badge badge-warning text-white py-2 px-3 rounded-0 font-weight-normal p-075">{{ ucwords($dteRecibido->dte_recibido_estado_sii) }}</span>
            @elseif($dteRecibido->dte_recibido_estado_sii == 'recepcionado')
                <span class="badge badge-primary text-white py-2 px-3 rounded-0 font-weight-normal p-075">{{ ucwords($dteRecibido->dte_recibido_estado_sii) }}</span>
            @elseif($dteRecibido->dte_recibido_estado_sii == 'almacenado')
                <span class="badge badge-info text-white py-2 px-3 rounded-0 font-weight-normal p-075">{{ ucwords($dteRecibido->dte_recibido_estado_sii) }}</span>
            @elseif($dteRecibido->dte_recibido_estado_sii == 'no-recibido')
                <span class="badge badge-danger text-white py-2 px-3 rounded-0 font-weight-normal p-075">No Recibido</span>
            @endif

            @if(strstr($dteRecibido->dte_recibido_estado_sii, 'aceptado'))
                <p class="font-weight-bold mt-3 mb-0">Este documento de {{ $dteRecibido->dte_tipo_nombre }} fue aprobado por SII. Folio Nº {{ $dteRecibido->dte_recibido_folio }}</p>
            @elseif($dteRecibido->dte_recibido_estado_sii == 'pendiente' && $dteCanalId != 4)
                <p class="font-weight-bold mt-3 mb-0">Este documento de {{ $dteRecibido->dte_tipo_nombre }} esta a la espera de aprobación de SII. Folio Nº {{ $dteRecibido->dte_recibido_folio }}</p>
            @elseif($dteRecibido->dte_recibido_estado_sii == 'anulado')
                <p class="font-weight-bold mt-3 mb-0">Este documento de {{ $dteRecibido->dte_tipo_nombre }} ha sido anulado en SII. Folio Nº {{ $dteRecibido->dte_recibido_folio }}</p>
            @elseif($dteRecibido->dte_recibido_estado_sii == 'por validar')
                <p class="font-weight-bold mt-3 mb-0">Este documento de {{ $dteRecibido->dte_tipo_nombre }} ya fue enviado a SII y está a la espera de su aprobación. Folio Nº {{ $dteRecibido->dte_recibido_folio }}</p>
            @endif
        </div>
    </div> --}}
    <div class="card mt-3" id="documento-{{ $dteRecibido->dte_recibido_id }}">
        <div class="card-body">
            <div class="row justify-content-center">
                <div class="col-12 text-center">
                    <div class="row justify-content-center">
                        {{-- @if (isset($caja_rapida) && !empty($caja_rapida) && isset($parametro_integracion) && !empty($parametro_integracion) && $parametro_integracion == 'inventario')
                            <div class="col-auto">
                                <a href="{{ route('crear-cotizacion') }}" class="btn btn-sm btn-success blq-btn-extra-large"><i class="fa fa-plus"></i> Nueva Venta</a>
                            </div>
                        @endif

                        @if (isset($entrega_rapida) && !empty($entrega_rapida) && isset($parametro_integracion) && !empty($parametro_integracion) && $parametro_integracion == 'inventario')
                            @if (isset($entrega_inmediata) && !empty($entrega_inmediata) && $entrega_inmediata == 'si' && $tipo_entrega_id == 2 && $pedido_estado_id != 5)
                            <div class="col-auto" id="box-entrega-inmediata">
                                <a onclick="updEstadoPedidoPendiente('{{ $pedido_id }}','3','{{ $dteCanalId }}','si')"  class="btn btn-sm btn-success">Entrega Inmediata</a>
                            </div>
                            <div class="col-auto d-none" id="box-entrega-rapida">
                                <a href="{{ route('list-pedidos', ['transaccion' => $dteRecibido->dte_recibido_id, 'canal' => $dteCanalId]) }}" class="btn btn-sm btn-danger">Entregado</a>
                            </div>
                            @else
                            <div class="col-auto">
                                <a href="{{ route('list-pedidos', ['transaccion' => $dteRecibido->dte_recibido_id, 'canal' => $dteCanalId]) }}" class="btn btn-sm btn-danger">Entregado</a>
                            </div>
                            @endif

                        @endif --}}
                        
                        @if (isset($dteRecibido->dte_recibido_xml) && !empty($dteRecibido->dte_recibido_xml))
                        <div class="col-auto">
                            <a href="{{ route('ver-xml-dte-recibidos', ['id' => $dteRecibido->dte_recibido_id]) }}" class="btn btn-info btn-sm" target="_blank" rel="noopener noreferrer"><i class="fa fa-plus"></i> Descargar XML</a>
                        </div>
                        @endif
                        
                        
                        <div class="col-auto">
                            <button type="button" class="btn btn-info btn-sm" onclick="cargarModalproductosDTERecibidos({{ $dteRecibido->dte_recibido_id }})"><i class="fa fa-file-pdf-o"></i> Productos</a>
                        </div>
                    </div>
                </div>
                @if(!empty($dteRecibido->dte_recibido_folio_pdf_termica))
                    <div class="col-12 mt-3" id="iframe-pdf">
                        @if($dteRecibido->dte_recibido_folio_pdf_subido_s3 == 1)
                            <iframe src="{{ $dteRecibido->dte_recibido_folio_pdf_termica }}" style="width:100%; height:700px;" frameborder="0" ></iframe>
                        @else
                            <iframe src="{{ route('ver-venta-pdf-dte-termica', ['id' => $dteRecibido->dte_folio_id]) }}" style="width:100%; height:700px;" frameborder="0" ></iframe>
                        @endif
                    </div>
                @else
                    <div class="col-12 mt-3" id="iframe-pdf">
                        @if($dteRecibido->dte_recibido_folio_pdf_subido_s3 == 1)
                            <iframe src="{{ $dteRecibido->dte_recibido_folio_pdf }}" style="width:100%; height:700px;" frameborder="0" ></iframe>
                        @else
                            <iframe src="{{ route('ver-pdf-nota-de-credito-recibida', ['id' => $dteRecibido->dte_recibido_id]) }}" style="width:100%; height:700px;" frameborder="0" ></iframe>
                        @endif
                    </div>
                @endif
            </div>
        </div>
    </div>

@endsection
@section('scripts')
	<script>
		function cargarModalproductosDTERecibidos(dteRecibidoId) {
			fetch("/dashboard/cargar-modal-productos-dte-recibidos", {
				method: "POST",
				headers: {
				"Content-Type": "application/json",
				"X-CSRF-TOKEN": token,
				},
				body: JSON.stringify({
					dteRecibidoId: dteRecibidoId
				}),
			})
			.then(response => {
				if (!response.ok) {
				throw new Error('Error en la solicitud');
				}
				return response.json(); // Cambia a response.json() si esperas JSON
			})
			.then(data => {
				if(data.success){
					//alert(data.html)
					document.getElementById("modal-ajax").innerHTML = data.html;
					const modal = new bootstrap.Modal(document.getElementById("modal-subajax"));
					modal.show();
				}else{
					alert(data.message)
				}
				
			})
			.catch(error => {
				if (error.errors) {
					console.log(error.errors);

				}
			});
		}


		function historialEnvioDteRecibidos(dteRecibidoId) {
			
			fetch("/dashboard/ver-historial-de-envios-dte-recibidos", {
				method: "POST",
				headers: {
				"Content-Type": "application/json",
				"X-CSRF-TOKEN": token,
				},
				body: JSON.stringify({
					dteRecibidoId: dteRecibidoId
				})
			})
			.then(response => {
				if (!response.ok) {
				throw new Error('Error en la solicitud');
				}
				return response.json(); // Cambia a response.json() si la respuesta es JSON
			})
			.then(data => {
				if(data.success){
					document.getElementById("modal-ajax").innerHTML = data.html;
					const modal = new bootstrap.Modal(document.getElementById("modal-subajax"));
					modal.show();
				}else{
					alert(data.message)
				}

			})
			.catch(error => {
				if (error.errors) {
					console.log(error.errors);

				}
			});
		}


	</script>
@endsection