@if($acc == "list")
    @include('layouts.breadcumb')
@section('header')
    <link rel="stylesheet" type="text/css" href="/assets/components/sweetalert/dist/sweetalert.css">

    <link rel="stylesheet" href="/plugins/datatables/jquery.dataTables.min.css">
    <link rel="stylesheet" href="/plugins/datatables/dataTables.bootstrap.min.css">
@endsection

<div class="row">
    <div class="panel panel-warning panel-border" data-collapsed="0">
        <!-- panel head -->
        <div class="panel-heading">

        </div>
        <!-- panel body -->
        <div class="panel-body">
            <form method="get" action="/ventas/pedidos/modificar-unidad/" role="unidad" id="unidad" class="validate">
                <div class="col-md-2">
                    Nº Pedido
                    <input type="text" autocomplete="off" value="{{ Input::get('pedido') }}"  class="form-control input-lg" id="pedido" name="pedido" placeholder="Ingrese un Numero de pedido " onkeypress="return valida(event)">
                </div>
                <br>
                <button onclick="showMessage('CARGANDO PEDIDOS, ESPERE POR FAVOR ')" type="submit" id="VerPedidosButton" class="btn btn-rounded waves-effect waves-ligth btn-warning btn-lg ">Ver Pedidos<i class="entypo-search"></i></button>
                <div class="clearfix"></div>
                <br>
                @if( Input::get('pedido') )

                    <div class="alert alert-warning">
                        <strong>IMPORTANTE!</strong>
                        Despues de modificar las unidades, presione el boton para procesar de nuevo el pedido   <button id="procesar" name="procesar" type="button" data-loading-text="Loading..."  class="btn waves-light waves-effect btn-rounded btn-success "> PROCESAR</button>
                    </div>

                    <table class="table table-striped table-colored-bordered table-bordered-inverse table-hover" id="table-1">
                        <thead>

                        <tr>
                            <th >PEDIDO</th>
                            <th >CODIGO PRODUCTO</th>
                            <th >PRODUCTO</th>
                            <th >UNIDAD</th>
                            <th >CANTIDAD</th>
                            <th >PRECIO</th>

                        </tr>
                        <tr class="filter-column-tr">
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($items as $item)
                            <tr>
                                <td>{{ $item->pedido_id }}</td>
                                <td>{{ $item->producto_codigo }}</td>
                                <td>{{ $item->descripcion }}</td>
                                <td><span><a href="{{ Session::get('opcion_url')  }}edit/{{ $item->id }}/{{ $item->pedido_id }}" data-toggle="modal-ajax">{{ $item->producto_unidad }} </a></span></td>
                                <td>{{ $item->cantidad }}</td>
                                <td>{{ $item->precio }}</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                @endif
            </form>
        </div>
    </div>
</div>
@section('footer')
    <script src="/plugins/datatables/jquery.dataTables.min.js"></script>
    <script src="/plugins/datatables/dataTables.bootstrap.js"></script>

    <script src="/assets/components/sweetalert/dist/sweetalert.min.js"></script>
    <script type="text/javascript">
        setDatatable('#table-1');
    </script>
    <script type="text/javascript">

        $(document).ready(function() {


            $(document).on('click', '#procesar', function() {

                swal({
                            title: "PROCESAR PEDIDOS",
                            text: "Está seguro de procesar este pedido",
                            type: "success",
                            showCancelButton: true,
                            closeOnConfirm: false,
                            confirmButtonText: "SI",
                            cancelButtonText: "NO",
                            showLoaderOnConfirm: true },
                        function(){

                            $.postJSON( "/ventas/pedidos/procesar-pedido/{{ $item->pedido_id }}", function( event ) {

                                if( event.message == "1" ) {
                                    swal("Proceso Ejecutado", "El proceso ha finalizado exitosamente!", "success");
                                }else {
                                    swal("Error", "El proceso a finalidazo con error", "error");
                                }

                            });
                        });
            });
        });
    </script>


@stop
@endif

@if( $acc == "edit" )
    <!--Ventana Flotante para editar las actividades-->
    <form method="post" action="{{ $baseUrl }}" role="form" class="validate">
        <div class="modal-header">
            EDITAR UNIDAD
        </div>
        <div class="modal-body">

            <div class="clearfix"></div>

            <div class="form-group col-sm-8">
                <label for="unidad"><span>Unidad del Producto</span></label>
                <input autocomplete="off" value="{{ $unidad->producto_unidad }}" data-validate="required" type="text" name="unidad" id="unidad" class="form-control"  style="text-transform: uppercase">
            </div>
            <div class="clearfix"></div>
            <div class="modal-footer">
                <button type="submit" data-loading-text="Loading..."  class="btn btn-warning btn-rounded waves-effect waves-ligth btn-icon btn-lg"><i class="fa fa-save"></i> Guardar</button>
                <button type="button" class="btn btn-inverse btn-rounded waves-effect btn-lg btn-icon " data-dismiss="modal"><i class="fa fa-close"></i> Cerrar</button>
            </div>
            <input type="hidden" name="_token" value="