@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 id="pedidos-content" class="panel panel-warning" data-collapsed="0">
    <!-- panel head -->
    <div class="panel-heading">
        <div class="panel-title">
            <i class="fa fa-shopping-cart"></i> DETALLE DEL PEDIDO N° {{ $id }}
        </div>
        <div class="panel-options"><a class="col-md-12"><strong>VENDEDOR</strong> - {{ $cliente->codigo .' - '. $cliente->nombre }}</a></div>
    </div>
    <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-4">
            <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-4">
        <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>

    @if( $pedido->nota )
        <div class="form-group col-md-12">
            <label for="fecha" class="control-label">Observaciones del Vendedor</label>
            <input readonly type="text" class="form-control input-lg" value="{{ $pedido->nota }}" />
        </div>
    @endif

    <hr />
    <div class="clearfix"></div>
    <hr />
    <div class="clearfix"></div>
    <!-- panel body -->
    <div class="panel-body">
        <form method="post" action="/cartera/pedidos/detalle/{{ $id }}/modificar" role="form" id="carteraPedido-form">
            <input type="hidden" name="_token" value="{{ csrf_token() }}">
            <div class="col-md-12">
                <table class="tableData table table-bordered" id="table-1">
                    <thead>
                        <tr>
                            <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. Automático</th>
                            <th width="1%">Dscto. Adicional</th>
                            <th width="1%">Total</th>
                        </tr>
                    </thead>
                    <tbody>
                        <!--Vbles para obtener el descuento del pedido-->
                                                @foreach( $items as $item )
                            <tr class="">
                                <td>{{ $item->producto_codigo.' - '.$item->descripcion }}</td>
                                <td style="text-align: right">{{ $item->cantidad }}</td>
                                <td style="text-align: right">{{ $item->producto_unidad }}</td>
                                <td style="text-align: right">{{ '$'.number_format($item->precio) }}</td>

                                                                <td style="text-align: right">
                                    @if($item->descuentoautomatico != 0)
                                    <span style="color: red"><strong>${{ number_format($item->descuentoautomatico) }}</strong>  </span>
                                    @elseif($item->descuentoautomatico == 0)
                                    ${{ number_format($item->descuentoautomatico) }}
                                    @endif
                                </td>
                                <td style="text-align: right">

                                    carteraPedido-form
                                    <span style="color: red"><strong>{{ number_format($item->descuento + $item->descuentomanager) }}%</strong>  </span>
                                    @elseif($item->descuento + $item->descuentomanager == 0)
                                    {{ number_format($item->descuento + $item->descuentomanager) }}%
                                    @endif

                                </td>
                                <td style="text-align: right">{{ '$'.number_format(($item->cantidad * $item->precio)) }}</td>
                            </tr>
                        @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="modificar-pedido-btn"
                    type="button"
                    data-loading-text="Solicitando a Ventas..."
                    class="btn btn-warning btn-block btn-lg btn-icon">
                SOLICITAR CAMBIO DE CANTIDADES<i class="fa fa-edit"></i></button>
        </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"
         }
     });
 </script>
    <script>
        $(document).ready(function() {
            $(document).on("click","#modificar-pedido-btn" , function(){
                $(this).prop('disable',true);
                $("#carteraPedido-form").submit();
            });
        });
    </script>
@endsection