@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)

                     <!--   <button type="button" title="Editar" data-toggle="modal" data-target="#editModal"
                        class="fas fa-w fa-edit"
                        style="font-size: 22px;color:gray !important; background-color:transparent; border: 0px solid;"
                        onclick="fun_edit('{{ $documento->id }}')"></button>-->
                        @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)
                        <a type="button" title="Anular"
                           class="ki-outline ki-shield-cross fs-2x text-danger mx-2"
                           style="background-color:transparent; border: 0px solid;"
                           href="{{ route('documento.cancelarDocumento', $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->tipo_documento_id != 6)
                            <a target="_blank" type="button" title="Reporte PDF"
                                class="ki-outline ki-note-2 fs-2x text-danger-emphasis mx-2"
                                style="background-color:transparent; border: 0px solid;"
                                href="{{ route('documento.reporte', ['tipo_reporte' => 0, 'id_documento' => $documento->id]) }}"></a>
                        @endif

                    
                       
                        @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>





    <!-- 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