@extends('metronic.base')


@section('titulo')
    orden de compra {{ $orden->codigo }}
@endsection

@section('extrajs')

    <script>
        $(document).ready(function() {
            $('select[name="producto"').select2();
            document.querySelector('select[name="producto"').parentElement.querySelector('span.select2-container')
                .style.width = "100%"
        });

        function producto() {
            let producto = $('#producto').val();
            // Función que envía y recibe respuesta con AJAX
            $.ajax({
                type: 'GET', // Envío con método GET
                url: "{{ route('orden.producto') }}", // Fichero destino (el PHP que trata los datos)
                data: {
                    producto: producto,
                } // Datos que se envían
            }).done(function(msg) { // Función que se ejecuta si todo ha ido bien
                console.log(msg);

                if (msg.producto_venta.imagen == null || msg.producto_venta.imagen == "") msg.producto_venta
                    .imagen = 'default.png';
                $("#img").attr("src", "/productos/" + msg.producto_venta.imagen);
                $("#precio").val(msg.precio_unitario);
                $("#productoVal").val(msg.producto);

            }).fail(function(jqXHR, textStatus, errorThrown) { // Función que se ejecuta si algo ha ido mal
                // Mostramos en consola el mensaje con el error que se ha producido
                $("#consola").html("The following error occured: " + textStatus + " " + errorThrown);
            });
        }

        $(document).ready(function() {
            $("select[name=producto]").change(function() {

                producto();

            });
        });
        producto();
    </script>
@endsection

@section('content')


    @include('sessions')

    <h3 style="text-align: center">Orden de compra {{ $orden->codigo }} </h3>





    <div class="container-fluid">
        @if ($orden->estado =='EN PROCESO')
        <a href="{{ route('orden.cerrarOrden', $orden->id) }}" class="btn btn-danger mb-4"> <i class="ki-outline ki-double-check fs-2"></i>CERRAR ORDEN DE COMPRA</a>
        @endif

        <div class="table-responsive">
            <table class="table table-bordered table-hover">

                <tbody>
                    <tr>
                        <td>Proveedor: {{ $orden->proveedor->codProveedor }} {{ $orden->proveedor->nombreProveedor }}</td>
                    </tr>
                    <tr>
                        <td>Nit proveedor: {{ $orden->proveedor->nit??"SIN NIT" }}</td>
                    </tr>
                    <tr><td>Codigo de orden: {{ $orden->codigo }}</td></tr>
                    <tr><td>Estado:  {{ $orden->estado }}</td></tr>
                    <tr><td>Fecha de creación:  {{ $orden->created_at }}</td></tr>
                </tbody>
            </table>
        </div>



@if ($orden->estado =='EN PROCESO')

    <div class="col-md-12 mt-4">
        <div class="card shadow-sm">
            <div class="card-header">
                <h3 class="card-title">Modificar orden</h3>
                <div class="card-toolbar">

                </div>
            </div>
            <div class="card-body">
                <form action="{{ route('orden.orden.update', $orden->id) }}" method="post" enctype="multipart/form-data">
                    @method('PUT')
                    @csrf
                    <div class="row">

                        <div class="col-md-6">
                            <div class="row">
                                <div class="form-group col-md-12 mt-3 ">
                                    <label for="" class="control-label">Producto: </label>
                                    <select required name="producto" id="producto" class="form-control">
                                        <option value="" selected disabled>Seleccionar...</option>
                                        @foreach ($productos as $producto)
                                            <option value="{{ $producto->id }}">{{ $producto->codigo }} {{ $producto->producto }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="col-md-12 mt-3">
                                    <label for="">Proveedor</label>
                                    <input type="text"
                                        value="{{ $orden->proveedor->codProveedor }} {{ $orden->proveedor->nombreProveedor }}"
                                        class="form-control" readonly>
                                </div>

                                <div class="col-md-12 mt-3 ">
                                    <label for="">Producto</label>
                                    <input class="form-control" type="text" id="productoVal" readonly>
                                </div>

                                <div class="col-md-6 mt-3">
                                    <label for="">Codigo de orden</label>
                                    <input type="text" value="{{ $orden->codigo }}" class="form-control" readonly>
                                </div>

                                <div class="col-md-6 mt-3 ">
                                    <label for="">Precio</label>
                                    <input class="form-control" type="number" id="precio" readonly>
                                </div>




                            </div>
                            <div class="row">
                                <div class="col-md-6 mt-3 ">
                                    <label for="">Unidades</label>
                                    <input class="form-control" name="unidades" type="number" step="1" min="0"
                                        id="unidad" required>
                                </div>
                                <div class="col-md-6 mt-3 ">
                                    <label for="">IVA</label>
                                    <select id="iva" name="iva" class="form-control">
                                        <option selected value="si">SI</option>
                                        <option value="no">NO</option>
                                    </select>
                                </div>
                                <div class="col-md-12 mt-3">
                                    <label for="">Comentario</label>
                                    <textarea class="form-control" id="" name="comentario" rows="4"></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">

                            <img class="img-fluid" id="img" src="/productos/default.png" alt="">

                        </div>


                        <div class="col-md-12 text-center mt-2">
                            <hr>
                            @if ($orden->estado =='EN PROCESO')
                            <button type="submit" class="btn btn-success"><i class="ki-outline ki-plus fs-2"></i> Agregar</button>
                            @endif

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

        </div>
    </div>
@endif

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


                <div class="card shadow-sm">
                    <div class="card-header">
                        <h3 class="card-title">Detalle de la orden de compra</h3>
                        <div class="card-toolbar">

                        </div>
                    </div>
                    <div class="card-body">
                        <table class="table table-bordered table-hover">
                            <thead class="">
                                <tr>
                                    <th scope="col" width="70">#</th>
                                    <th scope="col" >Producto</th>
                                    <th scope="col">Precio Unitario</th>
                                    <th scope="col">Cantidad</th>
                                    <th scope="col">Iva</th>
                                    <th scope="col">Sub total</th>
                                    <th scope="col">Total</th>
                                    <th width="60">Editar</th>
                                </tr>

                            </thead>
                            <tbody>
                                @php
                                    $sub= 0;
                                    $total = 0;
                                @endphp
                                @foreach ($orden->detalles as $key => $item)
                                  <tr>
                                    <td> {{ $key + 1 }} </td>
                                    <td>{{ $item->producto->producto }}</td>
                                    <td>{{ $item->precio_unitario }}</td>
                                    <td>{{ $item->unidad }}</td>
                                    <td>{{ $item->iva }}</td>
                                    <td>{{ $item->sub_total }}</td>
                                    <td>{{ $item->total }}</td>
                                    <td>
                                        @if ($orden->estado =="EN PROCESO")
                                        <a href="{{ route('orden.eliminarDetalle', $item->id) }}"><i class="ki-outline ki-trash fs-2x text-danger"></i></a>
                                         @else
                                         -
                                        @endif
                                    </td>

                                    </tr>
                                    @php
                                        $sub = $sub+$item->sub_total;
                                        $total = $total+$item->total;
                                    @endphp
                                @endforeach

                                <tr>

                                    <td colspan="5"></td>
                                    <td><strong>{{ number_format( $sub ,2)}}</strong></td>
                                    <td><strong>{{ number_format($total,2) }}</strong></td>
                                    <td>

                                    </td>

                                    </tr>
                            </tbody>
                            </table>
                            <br>
                            <div class="col-md-12 text-center mt-1 mb-2">
                                <a target="_blank" href="{{ route('orden.pdf', $orden->id) }}" class="btn btn-warning"><i class="ki-outline ki-note-2 fs-2"></i> PDF</a>
                            </div>
                    </div>

                </div>



            </div>

        </div>
    </div>
@endsection