@extends('layouts.app')

@section('content')
    @extends('ventas.menu')

    <div id="contenedor-dashboard" class="container-fluid">
        <div class="row ">
            <div class="col-md-12">
                <h2>Cotizaciones:</h2>
                <a type="button" href="{{ route('ventas.cotizacion') }}" class="botonColor">Nueva</a>
                <button type="button" id="btnAprobacion" onclick="produccion()" class="btn botonColorMorado">Aprobación
                    cliente</button>
                <button id="btnArchivar" type="button" onclick="archivar()" class="botonColorNaranja">Archivar</button>
                <button id="btnAnular" type="button" onclick="anular()" class="btn btn-warning">Anular</button>
            </div>
        </div>
        <div class="col-md-12">
            <br>
            <br>
            <table id="example_edit" class="display table_cotizaciones" style="width:100%">
                <thead>
                    <tr>
                        <td>CO</td>
                        <td>Fecha de cotización</td>
                        <td>Cliente</td>
                        <td>Cantidad</td>
                        <td>Producto</td>
                        <td>Usuario</td>
                        <td>Total</td>
                        <td>Validez</td>
                        <td>Status</td>
                        <td>Acción</td>
                    </tr>
                </thead>
                <tbody>
                                        @foreach ($cotizaciones as $cotizacion)
                                                <tr data-id="{{ $cotizacion->idCotizacionProducto }}" class="bg-warning idOkdangerA">
                            <td>{{ $cotizacion->idCotizacionProducto }}</td>
                            <td>{{ date('d/m/Y h:i:s', strtotime($cotizacion->created_at)) }}</td>
                            <td>{{ $cotizacion->nombreCliente }}</td>
                            <td>{{ $cotizacion->cantidad }} {{ $cotizacion->nombreMedida }}</td>
                            <td>{{ $cotizacion->nombreProducto }}</td>
                            <td>
                                @if ($cotizacion->id_usuario == 1)
                                    Admin
                                @endif
                                @if ($cotizacion->id_usuario == 4)
                                    Noemi De Leon
                                @endif
                                @if ($cotizacion->id_usuario == 5)
                                    Esmeralda Canel
                                @endif
                                @if ($cotizacion->id_usuario == 6)
                                    Amilcar Mazariegos
                                @endif
                                @if ($cotizacion->id_usuario == 7)
                                    Ingeniero Rodolfo Castillo
                                @endif
                                @if ($cotizacion->id_usuario == 8)
                                    Ana Lopez
                                @endif

                            </td>
                            <td>Q {{ number_format($cotizacion->cantidad * $cotizacion->precio, 2, '.', '') }}</td>
                            <td>{{ date('d/m/Y', strtotime($cotizacion->validez_cotizacion)) }}</td>
                            <td>En aprobación</td>
                            <td>
                                <div class="d-flex align-items-center justify-content-center">
                                    <div class="form-group form-check">
                                        <input type="checkbox" data-id="{{ $cotizacion->idCotizacionProducto }}"
                                            class="form-check-input" id="exampleCheck1">
                                    </div>
                                    <button type="button" class="btn btn-success"
                                        title="{{ $cotizacion->observaciones_facturacion }}"
                                        onclick="modalMensaje({{ $cotizacion->id }}, '{{ $cotizacion->observaciones_facturacion }}')">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                            fill="#0000000" class="bi bi-chat-dots" viewBox="0 0 16 16">
                                            <path
                                                d="M5 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0m4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0m3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2" />
                                            <path
                                                d="m2.165 15.803.02-.004c1.83-.363 2.948-.842 3.468-1.105A9 9 0 0 0 8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6a10.4 10.4 0 0 1-.524 2.318l-.003.011a11 11 0 0 1-.244.637c-.079.186.074.394.273.362a22 22 0 0 0 .693-.125m.8-3.108a1 1 0 0 0-.287-.801C1.618 10.83 1 9.468 1 8c0-3.192 3.004-6 7-6s7 2.808 7 6-3.004 6-7 6a8 8 0 0 1-2.088-.272 1 1 0 0 0-.711.074c-.387.196-1.24.57-2.634.893a11 11 0 0 0 .398-2" />
                                        </svg>
                                    </button>
                                </div>
                            </td>
                        </tr>
                    @endforeach
                                        @foreach ($cotizaciones2 as $cotizacion)
                                                <tr class="bg-success idOkdangerA" data-id="{{ $cotizacion->idCotizacionProducto }}">
                            <td class='idOksuccess'>{{ $cotizacion->idCotizacionProducto }}</td>
                            <td>{{ date('d/m/Y h:i:s', strtotime($cotizacion->created_at)) }}</td>
                            <td>{{ $cotizacion->nombreCliente }}</td>
                            <td>{{ $cotizacion->cantidad }} {{ $cotizacion->nombreMedida }}</td>
                            <td>{{ $cotizacion->nombreProducto }}</td>
                            <td>
                                @if ($cotizacion->id_usuario == 1)
                                    Admin
                                @endif
                                @if ($cotizacion->id_usuario == 4)
                                    Noemi De Leon
                                @endif
                                @if ($cotizacion->id_usuario == 5)
                                    Esmeralda Canel
                                @endif
                                @if ($cotizacion->id_usuario == 6)
                                    Amilcar Mazariegos
                                @endif
                                @if ($cotizacion->id_usuario == 7)
                                    Ingeniero Rodolfo Castillo
                                @endif
                                @if ($cotizacion->id_usuario == 8)
                                    Ana Lopez
                                @endif

                            </td>
                            <td>Q {{ number_format($cotizacion->cantidad * $cotizacion->precio, 2, '.', '') }}</td>
                            <td>{{ date('d/m/Y', strtotime($cotizacion->validez_cotizacion)) }}</td>
                            <td>Cliente: {{ $cotizacion->comentario_ing ?? '' }}</td>
                            <td>
                                <div class="d-flex align-items-center justify-content-center">
                                    <a href="{{ route('ventas.cotizacion_enviar', $cotizacion->idCotizacionProducto) }}"
                                        title="Generar Cotización"><i class="editarC fas fa-mail-bulk"></i></a>
                                    <button type="button" class="btn btn-success"
                                        title="{{ $cotizacion->observaciones_facturacion }}"
                                        onclick="modalMensaje({{ $cotizacion->id }}, '{{ $cotizacion->observaciones_facturacion }}')">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                            fill="#0000000" class="bi bi-chat-dots" viewBox="0 0 16 16">
                                            <path
                                                d="M5 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0m4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0m3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2" />
                                            <path
                                                d="m2.165 15.803.02-.004c1.83-.363 2.948-.842 3.468-1.105A9 9 0 0 0 8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6a10.4 10.4 0 0 1-.524 2.318l-.003.011a11 11 0 0 1-.244.637c-.079.186.074.394.273.362a22 22 0 0 0 .693-.125m.8-3.108a1 1 0 0 0-.287-.801C1.618 10.83 1 9.468 1 8c0-3.192 3.004-6 7-6s7 2.808 7 6-3.004 6-7 6a8 8 0 0 1-2.088-.272 1 1 0 0 0-.711.074c-.387.196-1.24.57-2.634.893a11 11 0 0 0 .398-2" />
                                        </svg>
                                    </button>
                                </div>
                            </td>
                        </tr>
                    @endforeach
                                        @foreach ($cotizaciones4 as $cotizacion)
                                                <tr class="bg-success" data-id="{{ $cotizacion->idCotizacionProducto }}">
                            <td class='idOkprimary'>{{ $cotizacion->idCotizacionProducto }}</td>
                            <td>{{ date('d/m/Y h:i:s', strtotime($cotizacion->created_at)) }}</td>
                            <td>{{ $cotizacion->nombreCliente }}</td>
                            <td>{{ $cotizacion->cantidad }} {{ $cotizacion->nombreMedida }}</td>
                            <td>{{ $cotizacion->nombreProducto }}</td>
                            <td>
                                @if ($cotizacion->id_usuario == 1)
                                    Admin
                                @endif
                                @if ($cotizacion->id_usuario == 4)
                                    Noemi De Leon
                                @endif
                                @if ($cotizacion->id_usuario == 5)
                                    Esmeralda Canel
                                @endif
                                @if ($cotizacion->id_usuario == 6)
                                    Amilcar Mazariegos
                                @endif
                                @if ($cotizacion->id_usuario == 7)
                                    Ingeniero Rodolfo Castillo
                                @endif
                                @if ($cotizacion->id_usuario == 8)
                                    Ana Lopez
                                @endif

                            </td>
                            <td>Q {{ number_format($cotizacion->cantidad * $cotizacion->precio, 2, '.', '') }}</td>
                            <td>{{ date('d/m/Y h:i:s', strtotime($cotizacion->validez_cotizacion)) }}</td>
                            <td>Cliente: {{ $cotizacion->comentario_ing ?? '' }}</td>
                            <td>
                                <div class="d-flex align-items-center justify-content-center">
                                    <div class="form-group form-check"><input type="checkbox"
                                            data-id="{{ $cotizacion->idCotizacionProducto }}" class="form-check-input"
                                            id="exampleCheck1"></div>
                                    <button class="btn btn-success">
                                        <a href="{{ asset('/cotizaciones/CO_' . $cotizacion->idCotizacionProducto . '.pdf') }}"
                                            title="Ver cotización" target='_blank'><i
                                                class="editarC far fa-file-pdf"></i></a>
                                    </button>
                                    <button type="button" class="btn btn-success"
                                        title="{{ $cotizacion->observaciones_facturacion }}"
                                        onclick="modalMensaje({{ $cotizacion->id }}, '{{ $cotizacion->observaciones_facturacion }}')">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                            fill="#0000000" class="bi bi-chat-dots" viewBox="0 0 16 16">
                                            <path
                                                d="M5 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0m4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0m3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2" />
                                            <path
                                                d="m2.165 15.803.02-.004c1.83-.363 2.948-.842 3.468-1.105A9 9 0 0 0 8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6a10.4 10.4 0 0 1-.524 2.318l-.003.011a11 11 0 0 1-.244.637c-.079.186.074.394.273.362a22 22 0 0 0 .693-.125m.8-3.108a1 1 0 0 0-.287-.801C1.618 10.83 1 9.468 1 8c0-3.192 3.004-6 7-6s7 2.808 7 6-3.004 6-7 6a8 8 0 0 1-2.088-.272 1 1 0 0 0-.711.074c-.387.196-1.24.57-2.634.893a11 11 0 0 0 .398-2" />
                                        </svg>
                                    </button>
                                </div>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>


    <!-- The Modal -->
    <div class="modal fade" id="facturacionModal" tabindex="-1" aria-labelledby="facturacionModalLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <form action="{{ route('ventas.mensaje_facturacion') }}" method="POST">
                @csrf
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="facturacionModalLabel">Observaciones para Facturación</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="observaciones">Observaciones para Facturación</label>
                            <textarea class="form-control" id="observaciones" rows="3" name="mensaje"></textarea>
                        </div>
                        <input type="number" id="hiddenNumber" class="d-none" name="cotizacion_id" required>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                        <button type="submit" class="btn btn-primary">Guardar</button>
                    </div>
                </div>
            </form>
        </div>
    </div>




    <script>
        function archivar() {
            document.querySelectorAll('.form-check-input').forEach(element => {
                var padre = element.parentElement.parentElement.parentElement;
                console.log(padre);
                if (element.checked) {
                    var idCotizacionProducto = $(element).attr('data-id');
                    $('#btnArchivar').prop('disabled', true);
                    jQuery(document).ready(function() {
                        var token = '{{ csrf_token() }}';
                        $.ajax({
                            type: 'POST',
                            url: '{{ route('ventas.archivar_cotizacion') }}',
                            headers: {
                                'X-CSRF-TOKEN': token
                            },
                            data: {
                                idCotizacionProducto: idCotizacionProducto,
                            },
                            success: function(data) {
                                if (data) {
                                    if (data == 2) {
                                        padre.parentElement.remove();
                                        Swal.fire({
                                            position: 'top-end',
                                            title: "Cotización enviada facturación",
                                            showConfirmButton: false,
                                            timer: 1500
                                        });
                                    } else {
                                        padre.parentElement.remove();
                                        Swal.fire({
                                            position: 'top-end',
                                            title: "Cotización enviada aprobación de producción",
                                            showConfirmButton: false,
                                            timer: 1500
                                        });
                                    }
                                    $('#btnArchivar').prop('disabled', false);
                                }
                            }
                        });
                    });
                }
            });
        }

        function anular() {
            document.querySelectorAll('.form-check-input').forEach(element => {
                var padre = element.parentElement.parentElement.parentElement;
                console.log(padre);
                if (element.checked) {
                    var idCotizacionProducto = $(element).attr('data-id');
                    $('#btnAnular').prop('disabled', true);
                    jQuery(document).ready(function() {
                        var token = '{{ csrf_token() }}';
                        $.ajax({
                            type: 'POST',
                            url: '{{ route('ventas.anular_cotizacion') }}',
                            headers: {
                                'X-CSRF-TOKEN': token
                            },
                            data: {
                                idCotizacionProducto: idCotizacionProducto,
                            },
                            success: function(data) {
                                if (data) {
                                    if (data == 2) {
                                        padre.parentElement.remove();
                                        Swal.fire({
                                            position: 'top-end',
                                            title: "Cotización enviada facturación",
                                            showConfirmButton: false,
                                            timer: 1500
                                        });
                                    } else {
                                        padre.parentElement.remove();
                                        Swal.fire({
                                            position: 'top-end',
                                            title: "Cotización fue anulada",
                                            showConfirmButton: false,
                                            timer: 1500
                                        });
                                    }
                                    $('#btnAnular').prop('disabled', false);
                                }
                            }
                        });
                    });
                }
            });
        }

        function produccion() {
            $('#btnAprobacion').prop('disabled', true);
            document.querySelectorAll('.form-check-input').forEach(element => {
                var padre = element.parentElement.parentElement.parentElement;
                if (element.checked) {
                    var idCotizacionProducto = $(element).attr('data-id');
                    jQuery(document).ready(function() {
                        var token = '{{ csrf_token() }}';
                        $.ajax({
                            type: 'POST',
                            url: '{{ route('ventas.cotizacion_produccion') }}',
                            headers: {
                                'X-CSRF-TOKEN': token
                            },
                            data: {
                                idCotizacionProducto: idCotizacionProducto,
                            },
                            success: function(data) {
                                if (data) {
                                    padre.parentElement.remove();
                                    if (data == 2) {
                                        padre.parentElement.remove();
                                        Swal.fire({
                                            position: 'top-end',
                                            title: "Cotización enviada facturación",
                                            showConfirmButton: false,
                                            timer: 1500
                                        });
                                    } else {
                                        padre.parentElement.remove();
                                        Swal.fire({
                                            position: 'top-end',
                                            title: "Cotización enviada aprobación de producción",
                                            showConfirmButton: false,
                                            timer: 1500
                                        });
                                    }
                                    $('#btnAprobacion').prop('disabled', false);
                                }
                            }
                        });
                    });
                }
            });
        }

        function modalMensaje(id, mensaje_cargado) {
            $('#observaciones').val(mensaje_cargado);
            $('#hiddenNumber').val(id);
            $('#facturacionModal').modal('show');
        }
    </script>
@endsection