@include('layouts.breadcumb')

@section('header')
    <link rel="stylesheet" href="/plugins/datatables/jquery.dataTables.min.css">
    <link rel="stylesheet" href="/plugins/datatables/dataTables.bootstrap.min.css">

    <link href="/plugins/datatables/fixedHeader.bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="/plugins/datatables/fixedColumns.dataTables.min.css" rel="stylesheet" type="text/css"/>
@endsection
<div class="row">
    <div id="pedidos-content" class="panel panel-warning pane " data-collapsed="0">
        <!-- panel head -->
        <div class="panel-heading">
            <strong>VENDEDOR</strong> - {{ $cliente->codigo .' - '. $cliente->nombre }}
        </div>
        <div class="clearfix"></div>
        <br/>
        <br/>
        <div class="clearfix"></div>
        <div class="form-group col-md-2">
            <label for="lbproveedor" class="control-label">Fecha</label>
            <input disabled type="text" class="form-control input-lg" name="fecha" id="fecha" value="{{ date( "d/m/Y", strtotime($cliente->created_at)) }}" />
        </div>
        <div class="form-group col-md-2">
            <label for="lbproveedor" class="control-label">NIT</label>
            <input disabled type="text" class="form-control input-lg" name="nit" id="nit" value="{{ $cliente->nit }}" />
        </div>
        <div class="form-group col-md-3">
                <label for="fecha" class="control-label">Sucursal</label>
                <input disabled type="text" class="form-control input-lg" name="sucursal_nombre" id="sucursal_nombre" value="{{ $cliente->sucursal_nombre }}" />
            </div>
        <div class="form-group col-md-3">
            <label for="fecha" class="control-label">Punto de Envío</label>
            <input disabled type="text" class="form-control input-lg" name="puntoenvio" id="puntoenvio" value="{{ $cliente->uid . ' - '. $cliente->ciudad. ' - ' .$cliente->provincia }}" />
        </div>
        <div class="form-group col-md-2">
            <label for="fecha" class="control-label">Condición Pago</label>
            <input disabled type="text" class="form-control input-lg" name="codicion_pago" id="codicion_pago" value="{{ $cliente->codicion_pago }}" />
        </div>
        @if( $pedido->nota )
            <div class="form-group col-md-12">
                <label for="fecha" class="control-label">Observaciones del Vendedor</label>
                <input readonly type="text" style="font-size: 14px;" class="form-control input-lg" value="{{ $pedido->nota }}" />
            </div>
        @endif
        <div class="clearfix"></div>
        <hr />
        <div class="clearfix"></div>
        <!-- panel body -->
        <div class="panel-body">
            <form method="post" action="/ventas/pedidos/detalle/{{ $id }}/modificar" role="form" id="ventasPedido-form">
                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                <div class="col-md-12">
                    <table class="table table-striped table-colored-bordered table-bordered-inverse table-hover" id="table-1">
                        <thead>
                        <tr>
                            <th width="1%"></th>
                            <th width="2%">Proveedor</th>
                            <th width="2%">Marca</th>
                            <th width="5%">Producto</th>
                            <th width="1%">Cantidad</th>
                            <th width="1%">Unidad</th>
                            <th width="1%">Precio Bruto</th>
                            <th width="1%">Dscto. Negociado</th>
                            <th width="1%">Dscto. Manager</th>
                            <th width="1%">Dscto. Automático</th>
                            <th width="1%">Dscto. Adicional</th>
                            <th width="1%">Precio Neto</th>
                        </tr>
                        </thead>
                        <tbody>
                        <!--Vbles para obtener el descuento del pedido-->
                                                @foreach( $items as $item )
                        <tr class="">
                            <td style="background-color:#F5F5F6;">{{ $cont }}</td>
                            <td>{{ $item->proveedor }}</td>
                            <td>{{ $item->marca }}</td>
                            <td>{{ $item->producto_codigo.' - '.$item->descripcion }}</td>
                            <td><input type="text" required data-mask="fdecimal" style="text-align: right" value="{{ $item->cantidad }}" class="form-control size-1" name="cantidad[{{ $item->producto_codigo }}]" id="cantidad" /></td>
                            <td style="text-align: right">{{ $item->producto_unidad }}</td>
                            <td style="text-align: right">{{ '$'.number_format($item->precio) }}</td>

                                                        <td>@if($item->descuento != 0)
                                    <strong> <input type="text"
                                                  required data-mask="fdecimal"
                                                  style="text-align: right; color: red"
                                                  value="{{ number_format( $item->descuento, 2) }}"
                                                  data-codigo="{{ $item->producto_codigo }}"
                                                  class="descuentoInput form-control size-1"
                                                  name="descuento[{{ $item->producto_codigo }}]"
                                                  id="descuento" />
                                    </strong>
                                @elseif($item->descuento == 0)
                                <input type="text"
                                       required data-mask="fdecimal"
                                       style="text-align: right"
                                       value="{{ number_format( $item->descuento, 1 ) }}"
                                       data-codigo="{{ $item->producto_codigo }}"
                                       class="descuentoInput form-control size-1"
                                       name="descuento[{{ $item->producto_codigo }}]"
                                       id="descuento" />
                                @endif
                            </td>
                            <!--<td style="text-align: right">${{ number_format($item->descuento) }}</td>-->
                            <td>@if($item->descuentomanager != 0)
                                <strong> <input type="text"
                                                required data-mask="fdecimal"
                                                style="text-align: right; color: red"
                                                value="{{ number_format( $item->descuentomanager, 2 ) }}"
                                                data-codigo="{{ $item->producto_codigo }}"
                                                class="descuentoInput form-control size-1"
                                                name="descuentomanager[{{ $item->producto_codigo }}]"
                                                id="descuentomanager" />
                                </strong>
                                @elseif($item->descuentomanager == 0)
                                <input type="text"
                                       required data-mask="fdecimal"
                                       style="text-align: right"
                                       value="{{ number_format( $item->descuentomanager, 2 ) }}"
                                       data-codigo="{{ $item->producto_codigo }}"
                                       class="descuentoInput form-control size-1"
                                       name="descuentomanager[{{ $item->producto_codigo }}]"
                                       id="descuentomanager" />
                                @endif</td>
                            <!--<td style="text-align: right">${{ number_format($item->descuentomanager) }}</td>-->
                            <!--<td style="text-align: right">${{ number_format($item->descuentoautomatico) }}</td>-->
                            <td style="text-align: right">${{ number_format($item->descuentoautomatico) }}</td>
                            <td style="text-align: right">
                                 @if($item->descuento + $item->descuentomanager != 0)
                                    <span style="color: red"> <strong> {{ number_format( ($item->descuento + $item->descuentomanager), 2 ) }}% </strong> </span>
                                @elseif($item->descuento + $item->descuentomanager == 0)
                                    {{ number_format( ($item->descuento + $item->descuentomanager), 2 ) }}
                                @endif
                            </td>
                            <td style="text-align: right">{{ '$'.number_format(($item->cantidad * $item->precio)) }}</td>
                                                        @endforeach
                        </tbody>

                    </table>
                </div>
            </form>
            <div class="col-md-9"></div>
            <div class="col-md-3">
                <div class="form-group col-md-12 pull-right">
                    <table class="table table-total-pedido pull-right">
                        <tr>
                            <td style="border-top:0;">SUBTOTAL:</td>
                            <td style="border-top:0;" class="right-aligned"><span>${{ number_format($subtotal) }}</span></td>
                        </tr>
                        <tr>
                            <td>DESCUENTO:</td>
                            <td class="right-aligned"><span>${{ number_format($desctoTotal) }}</span></td>
                        </tr>
                        <tr>
                            <td>TOTAL:</td>
                            <td class="right-aligned"><span>${{ number_format($subtotal - $desctoTotal) }}</span></td>
                        </tr>
                    </table>

                    <div class="clearfix"></div>
                    <!--<button id="modificar-pedido-btn" type="button" data-loading-text="Modificando..." class="btn btn-primary btn-block btn-lg btn-icon">MODIFICAR<i class="fa fa-edit"></i></button>-->
                </div>
                <div class="clearfix"></div>
            </div>
            <div clasS="form-group col-md-4">
                <button id="aprobar-pedido-btn"
                    type="button"
                    data-loading-text="Aprobando..."
                    value="1"
                    class="btn btn-rounded waves-effect waves-light btn-success btn-block btn-lg btn-icon"
                    data-toggle='modal-confirm'
                    data-url="/ventas/pedidos/accion/{{ $id }}/aprobar"
                    data-title="Está seguro de aprobar éste pedido?">
                    APROBAR<i class="fa fa-check"></i>
                </button>
            </div>
            <div clasS="form-group col-md-4">
                <button id="modificar-pedido-btn"
                        type="button"
                        data-loading-text="Modificando..."
                        class="btn btn-rounded waves-effect waves-light btn-primary btn-block btn-lg btn-icon">
                    MODIFICAR<i class="fa fa-edit"></i>
                </button>
            </div>
            <div clasS="form-group col-md-4">
                <button id="rechazar-pedido-btn"
                        type="button"
                        data-loading-text="Rechazando..."
                        value="2"
                        class="btn btn-rounded waves-effect waves-light btn-red btn-block btn-lg btn-icon"
                        data-toggle='modal-confirm'
                        data-url="/ventas/pedidos/accion/{{ $id }}/rechazar"
                        data-title="Desea Rechazar éste pedido?">
                    RECHAZAR<i class="fa fa-times"></i></button>
            </div>
        </div>
    </div>
</div>
@section('footer')

    <script src="/plugins/datatables/jquery.dataTables.min.js"></script>
    <script src="/plugins/datatables/dataTables.bootstrap.js"></script>

    <script src="/plugins/datatables/dataTables.fixedHeader.min.js"></script>


<script>


    var table = $('#table-1').DataTable({
        fixedHeader: true,
        paging: false,
        "oLanguage": {
            "sUrl": "/layout/data/dataTables.es.txt"
        }
    });

    $(document).ready(function() {
        $(document).on("click","#modificar-pedido-btn" , function(){
            $(this).prop('disable',true);
            $("#ventasPedido-form").submit();
        });

    });


    // Validamos descuento Negociado y Manager
    $(document).on('change','.descuentoInput',function(e) {
        var codigo = $(this).data("codigo");
        var descuentoInput = $(this);

        $.blockUI({
            message: '<h3>Validando Descuento ...</h3>',
            css: {}
        });

        var descuento = $(this).val();

        $.post("/ventas/pedidos-ajax/validar-descuento-manager/",
            {   codigo: codigo,
                descuento: descuento,
                _token: '{{ csrf_token() }}'
            }
        )
            .done(function (data) {
                $.unblockUI();

                if( data.response == 0 ) {
                    messageSimple(data);
                }

                descuentoInput.val(parseFloat( data.descuento) );
            });

    });

</script>
    @endsection