@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 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($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
                            @if($dteRecibido->dte_recibido_pdf_archivo)
								<iframe 
									src="{{ route('ver-pdf-dte-local', ['filename' => $dteRecibido->dte_recibido_pdf_archivo]) }}" 
									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
                            
                        @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