@extends('metronic.base')
@section('titulo')
    Facturacion
@endsection
@section('extrajs')
    <script src="https://code.jquery.com/jquery-3.7.1.min.js"
        integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/moment@2.29.1/moment.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />

    <script>
        function initializeDatePicker() {
            $("#kt_daterangepicker_3").daterangepicker({
                singleDatePicker: true,
                showDropdowns: true,
                minYear: 1901,
                maxYear: parseInt(moment().format("YYYY"), 12),
                locale: {
                    format: 'DD/MM/YYYY'
                }
            });
        }

        $(document).ready(function() {
            $('#facturarConCodigo').on('shown.bs.modal', function() {
                initializeDatePicker();
            });
        });
    </script>
@endsection

@section('content')
    <!-- Mensaje ocupado -->
    @include('sessions')

    <div class="row">
        <div class="col-md-12">

            @if (isset($documento->id))
                @if ($confcliente == '1')
                    @if ($cuenta != null)
                        @if (count($documentoServices) > 0)
                            <button type="submit" class="btn btn-primary" onclick="facturar_con_codigo()"
                                data-bs-toggle="modal" data-bs-target="#facturarConCodigo"><i
                                    class="ki-outline ki-tablet-ok fs-2"></i> Facturar</button>
                        @endif
                    @else
                        <div class="alert alert-danger" role="alert">
                            La cuenta del cliente no ha sido asignada, o no es correcta, por tal razón no puede facturar
                        </div>
                    @endif
                @else
                    @if (count($documentoServices) > 0)
                        <button type="submit" class="btn btn-primary" onclick="facturar_con_codigo()"
                            data-bs-toggle="modal" data-bs-target="#facturarConCodigo"><i
                                class="ki-outline ki-tablet-ok fs-2"></i>Facturar</button>
                    @endif
                @endif
                @include('documento.modals.modalFacturarConCodigo')
            @endif

            <div class="card shadow-sm">
                <div class="card-header">
                    <h3 class="card-title">Registro de factura</h3>
                    <div class="card-toolbar"></div>
                </div>
                <div class="card-body">
                    @if ($cliente == null)
                        <form action="{{ route('documento.facturacionLibre') }}" method="get">
                            <div class="row">
                                <div class="col-md-12">
                                    <label for="">Cliente</label>
                                    <select @if ($clienteId != null) disabled @endif required name="clienteId"
                                        data-control="select2" class="form-control">
                                        @foreach ($clientes as $item)
                                            @if ($clienteId == $item->id)
                                                <option selected value="{{ $item->id }}">{{ $item->codigo }}
                                                    {{ $item->nombre_cliente }}</option>
                                            @else
                                                <option value="{{ $item->id }}">{{ $item->codigo }}
                                                    {{ $item->nombre_cliente }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-12">
                                    @if ($requisicionconf == '1')
                                        <label for="">Bodegas</label>
                                        <select name="bodega" class="form-control" id="" data-control="select2">
                                            @foreach ($bodegas as $item)
                                                <option value="{{ $item->id }}">{{ $item->bodega }}</option>
                                            @endforeach
                                        </select>
                                    @endif
                                </div>
                                <div class="col-md-12">
                                    <br>
                                    <BUTton type="submit" class="btn btn-primary"><i
                                            class="ki-outline ki-check-circle fs-2"></i>Guardar</BUTton>
                                </div>
                            </div>
                        </form>
                    @else
                        <h5><strong>Nombre cliente:</strong> {{ $cliente->nombre_cliente }}</h5>
                        <h5><strong>Codigo cliente:</strong> {{ $cliente->codigo }}</h5>
                        <h6><strong>Factura:</strong> {{ $cliente->factura }}</h6>
                        <h6><strong>Orden de venta: {{ $OrdenVenta->file_code }}</strong></h6>
                    @endif
                    <br>
                    @if ($cliente != null)
                        <form action="{{ route('documento.facturacionLibre') }}" method="get">
                            <div class="row">
                                <div class="col-md-6">
                                    <label for=""><strong>Items </strong></label>
                                    <select name="items" id="" class="form-select" data-control="select2">
                                        @foreach ($servicios as $servicio)
                                            @if (isset($div[1]))
                                                <option @if ($div[0] == $servicio->id) selected @endif
                                                    value="{{ $servicio->id }} S">
                                                    {{ $servicio->serv_name }} (Servicio
                                                    {{ $servicio->service_cod }})</option>
                                            @else
                                                <option value="{{ $servicio->id }} S">{{ $servicio->serv_name }} (Servicio
                                                    {{ $servicio->service_cod }})</option>
                                            @endif
                                        @endforeach
                                        @foreach ($productos as $producto)
                                            @if (isset($div[0]))
                                                <option @if ($div[0] == $producto->id) selected @endif
                                                    value="{{ $producto->id }} P">
                                                    {{ $producto->producto }} (Producto
                                                    {{ $producto->codigo }})</option>
                                            @else
                                                <option value="{{ $producto->id }} P">{{ $producto->producto }} (Producto
                                                    {{ $producto->codigo }})</option>
                                            @endif
                                        @endforeach
                                        @foreach ($combos as $combo)
                                            @if (isset($div[0]))
                                                <option @if ($div[0] == $combo->id) selected @endif
                                                    value="{{ $combo->id }} C">
                                                    {{ $combo->combo }} (Combo {{ $combo->codigo }})</option>
                                            @else
                                                <option value="{{ $combo->id }} C">{{ $combo->combo }} (Combo
                                                    {{ $combo->codigo }})
                                                </option>
                                            @endif
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-6">
                                    <input type="hidden" name="doc" value="{{ $documentoId }}">
                                    <input type="hidden" name="ordenVentaId" value="{{ $OrdenVenta->id }}">
                                    <input type="hidden" name="clienteId" value="{{ $cliente->id }}">
                                    <button class="btn btn-primary mt-4" type="submit"><i
                                            class="ki-outline ki-plus fs-2"></i>Agregar</button>
                                </div>
                            </div>
                        </form>
                    @endif
                    <div class="col-md-12">
                        <br>
                        @if (!$item)
                            <div class="alert alert-danger mt-2">
                                <strong>¡Opps! Parece aun no ha seleccionado ningun producto / servicio / combo</strong>
                            </div>
                        @else
                            @isset($div[1])
                                @switch($div[1])
                                    @case('S')
                                        @include('documento.libre.servicio')
                                    @break

                                    @case('P')
                                        @include('documento.libre.producto')
                                    @break

                                    @case('C')
                                        @include('documento.libre.combo')
                                    @break

                                    @default
                                @endswitch
                            @endisset
                        @endif
                    </div>
                    <div class="col-md-12"> <br>
                        @if (count($arrayBonificaciones) > 0)
                            <h5>Bonificaciones</h5>
                            <table style="font-size:14px" class="table table-sm table-striped ">
                                <thead class="table-dark">
                                    <tr>
                                        <th>Codigo</th>
                                        <th scope="col">Producto</th>
                                        <th scope="col">Bonificaciones</th>
                                        <th>Info</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($arrayBonificaciones as $item2)
                                        @if ($item2->regalia > 0)
                                            <tr>
                                                <td scope="row">{{ $item2->Producto->codigo }}</td>
                                                <td scope="row">{{ $item2->Producto->producto }}</td>
                                                <td>{{ $item2->regalia }}</td>
                                                <td>Por cada {{ $item2->cantidad }} comprados del producto
                                                    <strong>{{ $item2->productoPadreName }}</strong>, va recibir
                                                    {{ $item2->cantidad_bono }}
                                                    como bonificaciones de
                                                    <strong>{{ $item2->Producto->producto }}</strong>
                                                </td>
                                            </tr>
                                        @endif
                                    @endforeach
                                </tbody>
                            </table>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="accordion accordion-flush mt-3" id="accordionFlushExample">
        <div class="accordion-item">
            <h2 class="accordion-header">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                    data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
                    <i class="ki-outline ki-tablet-ok fs-2"></i> COMENTARIOS DE FACTURA.
                </button>
            </h2>
            <div id="flush-collapseOne" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
                <div class="accordion-body">

                    <div class="col-md-12 mt-4">
                        <div class="card shadow-sm">
                            <div class="card-header">
                                <h3 class="card-title text-uppercase"> AGREGAR COMENTARIOS </h3>
                                <div class="card-toolbar">

                                </div>
                            </div>
                            <div class="card-body">
                                <form id="agregarComent" data-id="{{ $documento?->id }}">
                                    @csrf
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <div class="form-group">
                                                <label for="comentario">Comentario:</label>
                                                <textarea name="comentarios" id="comentarios" class="form-control">{{ old('comentarios', $documento?->comentarios ?? '') }}</textarea>
                                            </div>                                            
                                        </div>
                                        <div class="mt-2">
                                            <button class="btn btn-success mt-mobile btn-block w-90">Guardar</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>

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

    </div>


    {{-- Comprobante de Credito Fiscal --}}
    @if (isset($cliente->tipo_documento_id))
        @if ($cliente->tipo_documento_id == 1)
            @include('documento.libre.resumenccf')
        @endif
    @endif

    @if (isset($cliente->tipo_documento_id))
        @if ($cliente->tipo_documento_id == 3)
            @include('documento.libre.resumenfactura')
        @endif
    @endif

    @if (isset($cliente->tipo_documento_id))
        @if ($cliente->tipo_documento_id == 2 || $cliente->tipo_documento_id == 8)
            @include('documento.libre.resumenexportacion')
        @endif
    @endif

@endsection
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    $(document).ready(function(){
        $("#agregarComent").on('submit', function(e){
            e.preventDefault();
            
            let coment = $("#comentarios").val();
            let id = $(this).data('id');
            let url = '/Facturacion/libre/coment/' + id; 

            $.ajax({
                url: url,
                method: 'POST',
                data: {
                    comentarios: coment
                },
                headers: {
                    'X-CSRF-TOKEN': $('input[name="_token"]').val()
                },
                success: function(response){
                    Swal.fire({
                        title: '¡Notificación!',
                        text: 'Comentario agregado, exitosamente.',
                        icon: 'info',
                    });
                   location.reload(3500);
                },
                error: function(e){
                    console.log(e);
                }
            });
        });
    });
</script>