@extends('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')
    <!-- Mensaje ocupado -->
    @if (session('ocupado'))
        <div class="alert alert-danger">
            <button type="button" class="close" data-dismiss="alert">×</button>
            {{ session('ocupado') }}
        </div>
    @endif


    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('documento.facturacion') }}">Listado de Files</a></li>
            <li class="breadcrumb-item active" aria-current="page">Detalle de Facturacion</li>
        </ol>
    </nav>
    <div style="text-align: center;">
        <H3>Documentos para el file {{ $file->file_code }}</H3>
        @if ($iniciofacturar)
        <h4>Por Facturar: {{ number_format($porFacturar, 2) }}</h4>
        @endif
        
    </div>
    <!-- Boton agregar cotizacion modal -->
    <!--can('CotizacionInicial.store')-->
    <div class="d-sm-flex align-items-center justify-content-between mb-4">
        <button type="button" class="btn btn-primary" onclick="limpiarCampos()" data-toggle="modal"
            data-target="#documentoFacturacion">
            Agregar documento
        </button>
    </div>
    <!--endcan-->
    <!-- Fin Boton agregar cotizacion modal -->

    <!-- Mensaje Exito -->
    @if (session('exito'))
        <div class="alert alert-success">
            <button type="button" class="close" data-dismiss="alert">×</button>
            {{ session('exito') }}
        </div>
    @endif
    @if ($errors->any())
        <div class="errors">
            <p class="alert alert-warning" role="alert">Por favor corrige los siguientes errores</p>
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    <!-- Fin Mensaje Exito -->
    {{-- @if (count($cotizaciones) > 0) --}}
    <br>

    <!-- 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>Fecha emisión</th>
                <th scope="col">Monto</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> @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 style="display: flex">
                        <a type="button" title="Procesos" fas fa-w fa-clipboard-list  class="fas fa-w fa-tasks m-1" 
                            style="color:gray !important; background-color:transparent; border: 0px solid;font-size: 22px;"
                            href="{{ route('documento.detalleDocumento', $documento->id) }}"></a>

                           
                        @if ($documento->documento_code !=null)
                        <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="fas fa-w fa-file-invoice-dollar"
                               style="font-size: 22px;color:gray !important; background-color:transparent; border: 0px solid;"
                               href="{{ route('documento.detalleDocumentoNC', $documento->id) }}"></a>-->
                             
                               <a href="#confir{{ $key }}" role="button" data-toggle="modal" type="button" title="Nota de credito"
                               class="fas fa-w fa-file-invoice-dollar"
                               style="font-size: 22px;color:gray !important; 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" fas fa-w fa-clipboard-list
                                class="far 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' => 0, 'id_documento' => $documento->id]) }}"></a>
                        @endif
                        @if (!$documento->state == '')
                            <a target="_blank" type="button" title="Partida" fas fa-list class="far fa-w fa-file-pdf  m-1"
                                style="font-size: 22px;color:gray !important; background-color:transparent; border: 0px solid;"
                                {{-- href="{{route('Contabilidad.detallePartida',['id'=>$documento->partida_rel->partida_contable_id])}}" --}}></a>
                        @endif

                        <a type="button" title="Anular"
                           class="fas fa-w fa-ban"
                           style="font-size: 22px;color:gray !important; background-color:transparent; border: 0px solid;"
                           href="{{ route('documento.cancelarDocumento', $documento->id) }}"></a>

                        @if ($documento->documento_code ==null)
                        <a href="{{ route('documento.eliminarDocumento', $documento->id) }}"
                            style="font-size: 22px;color:gray !important; background-color:transparent; border: 0px solid;"
                            class="fas fa-w fa-trash"
                            type="button" title="Eliminar documento">  
                        </a>
                        @endif
                    </td>
                </tr>
                @php
                    $i++;
                @endphp
            @endforeach
        </tbody>
    </table>


    <div class="modal fade bd-example-modal-lg" id="editModal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
         aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header" style="background-color:#F2F2F2 !important;">
                    <h5 class="modal-title" id="exampleModalLongTitle">
                        <i class="fas fw fa-plus-circle"></i>
                        Editar documento
                    </h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form action="{{ route('venta.editarDocumentoVenta') }}" method="POST" name="miForm">
                        @csrf
                        <div class="row">
                            <div class="form-group col-sm-6" >
                                <label for="" class="control-label">Codigo Documento: </label>
                                <input  type="text" name="documento_code" id="documento_code"
                                        class="form-control"
                                        required  autofocus>
                            </div>
                            <div class="form-group col-md-3">
                                <label for="mostrar_en_libro_compras">Agregra a libro:</label>
                                <input type="checkbox" name="mostrar" id="mostrar" class="form-control">
                            </div>
                        </div>
                        <div class="modal-footer d-flex justify-content-center">
                            <input type="hidden" name="user" value="{{auth()->user()->name}}">
                            <input type="hidden" name="documento_id" id="documento_id">
                            <button type="submit" class="btn btn-primary">
                                <i class='fas fa-check-circle'></i>
                                Guardar
                            </button>
                            <a href="" class="btn btn-primary" data-dismiss="modal">
                                <i class='fa fa-times'></i>
                                Cancelar
                            </a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>


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