@extends('metronic.base')
@section('title')
    detalle de facturación
@endsection

@section('extracss')
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
@endsection
@section('extrajs')
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script>
        $(document).ready(function() {
            $('#cliente-select').select2();
            //  $('#ccf-form-container select').select2();
            document.querySelector('#cliente-select').parentElement.querySelector('span.select2-container').style
                .width = "100%"
        });

        function onNewDocumentTypeChange(list) {
            let tipo_select = document.querySelector('#ccf-form-container');
            tipo_select.querySelector('select').disabled = !list.value == 4;
            list.value == 4 ?
                tipo_select.classList.remove('d-none') :
                tipo_select.classList.add('d-none');
        }
    </script>
@endsection
@section('content')
    @include('sessions')



    <div style="text-align: center;">
        <H3>Documentos para la orden {{ $file->file_code }}</H3>
    </div>

    <div class="d-sm-flex align-items-center justify-content-between mb-4">
        <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#documentoFacturacion">
            <i class="ki-outline ki-plus fs-2"></i> Agregar documento
        </button>
    </div>










    <!-- Table -->
    <table class=" table">
        <thead class="thead-dark">
            <tr>
                <th scope="col">Item</th>
                <th scope="col">No. Documento</th>

                <th scope="col">Tipo</th>
                <th scope="col">Cliente</th>
                <th>Fecha emisión</th>
                <th scope="col">Monto</th>
                <th>Partida</th>
                <th scope="col">Acciones</th>
            </tr>
        </thead>
        <tbody>
            @php
                $i = 1;
            @endphp
            @foreach ($documentos as $key => $documento)
                <tr>
                    <td> {{ $i }} </td>
                    @if ($documento->cancelado == 1)
                        <td>ANULADO ( {{ $documento->documento_code }} )</td>
                    @else
                        <td> {{ $documento->documento_code }} </td>
                    @endif
                    
                    <td> {{ $documento->tipo->tipo }} </td>
                    <td>{{ $documento->cliente->nombre_cliente }}</td>

                    <td>
                        @if ($documento->fecha_emision)
                            {{ date('d/m/Y', strtotime($documento->fecha_emision)) }}
                        @else
                            <div> NO POSEE</div>
                        @endif
                    </td>
                    @if ($documento->cancelado == 1)
                        <td>0.00</td>
                    @else
                        <td>{{ $documento->monto }}</td>
                    @endif


                    <td>
                        @if ($documento->partida($documento->id) != null)
                            <a href="/Contabilidad/DetallePartida/{{ $documento->partida($documento->id)->id }}"
                                class="btn btn-success"> Partida</a>
                        @endif
                    </td>

                    <td style="display: flex">
                        <a type="button" title="Procesos" fas fa-w fa-clipboard-list
                            class="ki-outline ki-questionnaire-tablet fs-2x text-primary mx-2"
                            style="background-color:transparent; border: 0px solid;font-size: 22px;"
                            href="{{ route('documento.detalleDocumento', $documento->id) }}"></a>


                        @if ($documento->documento_code != null && $documento->cancelado !== 1)
                            
                        @endif

                        @if ($documento->partida($documento->id) != null && $documento->partida($documento->id)->abierta == 0)
                            <a target="_blank"
                                href="{{ route('ReportesContabilidad.RPReporteN', [$documento->partida($documento->id)->id, 0]) }}"
                                class="ki-outline ki-note-2 fs-2x text-danger-emphasis mx-2"
                                title="Generar PDF de partida"></a>
                        @endif

                        @if ($documento->tipo_documento_id == 3)
                        <a type="button" title="Anular" class="ki-outline ki-shield-cross fs-2x text-danger mx-2"
                        style="background-color:transparent; border: 0px solid;" data-bs-toggle="modal"
                        data-bs-target="#confirmarAnulacionModal-{{ $documento->id }}"></a>
                        @endif


                        @if ($documento->tipo_documento_id == 1)
                            {{-- <a type="button" title="Nota de credito"
                        class="ki-outline ki-tablet-text-down fs-2x text-info mx-2"
                        style="background-color:transparent; border: 0px solid;"
                        href="{{ route('documento.detalleDocumentoNC', $documento->id) }}"></a> --}}
                            @if ($documento->cancelado == null && ($documento->fecha_emision == date("Y-m-d")))
                                <a type="button" title="Anular" class="ki-outline ki-shield-cross fs-2x text-danger mx-2"
                                    style="background-color:transparent; border: 0px solid;" data-bs-toggle="modal"
                                    data-bs-target="#confirmarAnulacionModal-{{ $documento->id }}"></a>
                            @endif



                            <a type="button" title="Nota de credito"
                                class="ki-outline ki-tablet-text-down fs-2x text-info mx-2"
                                style="background-color:transparent; border: 0px solid;" data-bs-toggle="modal"
                                data-bs-target="#kt_{{ $key }}"></a>


                            <div class="modal fade" tabindex="-1" id="kt_{{ $key }}">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header bg-light">
                                            <h3 class="modal-title">Nota de credito</h3>

                                            <!--begin::Close-->
                                            <button type="button" class="btn btn-icon btn-sm btn-active-light-danger ms-2"
                                                data-bs-dismiss="modal" aria-label="Close">
                                                <i class="ki-outline ki-cross fs-1"></i>
                                            </button>
                                            <!--end::Close-->
                                        </div>

                                        <div class="modal-body">
                                            <p>¿Desea crear una nota de credito para el ccf
                                                {{ $documento->documento_code }}?</p>
                                        </div>

                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-light" data-bs-dismiss="modal"><i
                                                    class="ki-outline ki-cross-circle fs-2"></i> No</button>
                                            <a class="btn btn-primary"
                                                href="{{ route('documento.detalleDocumentoNC', $documento->id) }}">
                                                <i class="ki-outline ki-add-files fs-2"></i> Crear</a>

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

                                {{--
                                  <a href="#confir{{ $key }}" role="button" data-toggle="modal" type="button" title="Nota de credito"
                               class="ki-outline ki-tablet-text-down fs-2x text-info mx-2"
                               style="background-color:transparent; border: 0px solid;"
                               href="{{ route('documento.detalleDocumentoNC', $documento->id) }}"></a>
                               @include('documento.confirmacion')
                            --}}
                        @endif

                        <!--<a target="_blank" type="button" title="Reporte con imagen" fas fa-w fa-clipboard-list
                                class="fas fa-w fa-file-pdf m-1"
                                style="font-size: 22px;color:gray !important; background-color:transparent; border: 0px solid;"
                                href="{{ route('documento.reporte', ['tipo_reporte' => 1, 'id_documento' => $documento->id]) }}"></a>
                            -->

                       



                        @if ($documento->documento_code == null)
                            <a href="{{ route('documento.eliminarDocumento', $documento->id) }}"
                                style="background-color:transparent; border: 0px solid;"
                                class="ki-outline ki-trash fs-2x text-danger" type="button" title="Eliminar">
                            </a>
                        @endif
                    </td>
                </tr>
                @php
                    $i++;
                @endphp
            @endforeach
        </tbody>
    </table>

    @foreach ($documentos as $documento)
        <!-- Modal de confirmación -->
        <div class="modal fade" id="confirmarAnulacionModal-{{ $documento->id }}" tabindex="-1"
            aria-labelledby="confirmarAnulacionLabel-{{ $documento->id }}" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header bg-light">
                        <h5 class="modal-title" id="confirmarAnulacionLabel-{{ $documento->id }}">Confirmar Anulación</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        ¿Está seguro de que desea anular este documento?
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                        <a href="{{ route('documento.cancelarDocumento', $documento->id) }}"
                            class="btn btn-danger">Anular</a>
                    </div>
                </div>
            </div>
        </div>
    @endforeach




    <!-- Paginacion de tabla -->
    {{-- <div class="d-flex justify-content-center">
   {{ $cotizaciones->links() }}
</div> --}}
    <!-- Fin Paginacion de tabla-->
    <!-- Fin Table -->
    {{-- @else
<div class="alert alert-danger">
   <strong>¡Opps! Parece que no tienes ninguna cotización registrada.</strong>
</div>
@endif --}}

    @include('documento.modals.documentoFacturacion')
    <script type="text/javascript">
        //Limpiar los campos de la modal de traslados
        function limpiarCampos() {
            $('#nombre_cotizacion').val(''); //Limpiando el input
            $("#categoria_id").val(""); //Seleccionando la primera opción del select
        }


        function fun_edit(id) {
            var view_url = '{{ route('venta.editarDocumentoVentaData', ':id') }}';
            view_url = view_url.replace(':id', id);
            $.ajax({
                url: view_url,
                type: "GET",
                data: {
                    "id": id
                },
                success: function(result) {
                    $('#documento_code').val(result.documento_code);
                    if (result.mostrar == 1)
                        $('#mostrar').attr('checked', true);
                    else
                        $('#mostrar').attr('checked', false);

                    $('#documento_id').val(result.documento_id);

                }
            });
        }
    </script>
@endsection