@section('header')
    <link rel="stylesheet" href="/plugins/datatables/jquery.dataTables.min.css">
    <link rel="stylesheet" href="/plugins/datatables/dataTables.bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/plugins/gridforms/gridforms.css">
    <link rel="stylesheet" href="/layout/assets/css/prd_custom.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="/plugins/switchery/switchery.min.css">


    <link rel="stylesheet" href="/plugins/gallery/css/blueimp-gallery.min.css">
    <link rel="stylesheet" href="/plugins/gallery/css/bootstrap-image-gallery.min.css">

    <link href="/plugins/datatables/buttons.bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="/plugins/datatables/fixedHeader.bootstrap.min.css" rel="stylesheet" type="text/css"/>

    <style>
        .grid-form fieldset legend {
            border: none  !important;
            border-bottom: 2px solid #dadfe3 !important;
            color: #5f7676 !important;
            font-size: 20px !important;
            font-weight: 300 !important;
            padding: 5px 0px !important;
        }
        .grid-form [data-row-span] {
            border-bottom: 1px solid #e6eaed !important;
        }
        .grid-form [data-row-span] [data-field-span] {
            border-right: 1px solid #e6eaed !important;
        }
        .grid-form [data-row-span] [data-field-span]:last-child {
            border-right: none !important;
        }

        .input-group-addon{
            padding-left: 0px !important; padding-right: 3px !important
        }
    </style>
@stop
@if($acc == "list" )


    @include('layouts.breadcumb')

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

                </div>
            </div>
            <!-- panel body -->
            <div class="dataTables_scrollBody" style="overflow: auto; width: 100%">
                <div class="panel-body">
                    <div>
                        <form class="form-inline grid-form" method="get" role="form" id="confirmer_order" enctype="multipart/form-data">
                            <div data-row-span="12">
                                <div data-field-span="3">
                                    <label>IGNORE MAX DELIVERY</label>
                                    <div class="btn-switch btn-switch-success">
                                        <input type="checkbox" id="allDate" name="allDate" @if( Input::get('allDate') == 1 ) checked @endif value="1" />
                                        <label for="allDate"
                                               class="btn btn-rounded btn-success waves-effect waves-light btn-lg">
                                            <em class="glyphicon glyphicon-ok"></em>
                                            <strong> SHOW ALL ITEMS</strong>
                                        </label>
                                    </div>
                                </div>
                                <div data-field-span="3">
                                    <label>DATE RANGE</label>
                                    <div class="input-group" style="width: 100%;">
                                        <input readonly type="text" name="fecha_rango" id="fecha_rango" value="{{  Input::get('fecha_rango') }}" class="form-control input-lg" /><span class="input-group-addon"><i class="fa fa-2x fa-calendar"></i></span>
                                    </div>
                                </div>
                                <div data-field-span="3">
                                    <label>Item Number</label>
                                    <div class="input-group" style="width: 100%;">
                                        <input type="text" class="form-control" id="number_item" name="number_item" placeholder="# item">
                                        <span class="input-group-addon"><i class="fa fa-2x fa-list"></i></span>
                                    </div>
                                </div>
                                <div data-field-span="3">
                                    <label>Rubro</label>
                                    <div class="input-group" style="width: 100%;">
                                        <select id="rubro" data-validate="required" name="rubro" class="form-control select2" data-allow-clear="true" data-placeholder="Select a Rubro...">
                                            <option value="todos">TODOS</option>
                                           @foreach($rubros as $rubro)
                                               <option value="{{$rubro->codigo}}">{{$rubro->nombre}}</option>
                                           @endforeach

                                        </select>
                                        <span class="input-group-addon"><i class="fa fa-2x fa-edit"></i></span>
                                    </div>
                                </div>

                            </div>
                            <div class="clearfix"></div>
                            <div data-row-span="12">
                                <div data-field-span="4">
                                    <label>QQ NUMBER</label>
                                    <div class="input-group" style="width: 100%;">
                                        <input type="text" class="form-control" id="qq_number" name="qq_number" placeholder="qq number">
                                        <span class="input-group-addon"><i class="fa fa-2x fa-list"></i></span>
                                    </div>
                                </div>
                                <div data-field-span="4">
                                    <label>BOOT NUMBER</label>
                                    <div class="input-group" style="width: 100%;">
                                        <input type="text" class="form-control" id="boot_number" name="boot_number" placeholder="boot number">
                                        <span class="input-group-addon"><i class="fa fa-2x fa-list"></i></span>
                                    </div>
                                </div>
                                <div data-field-span="4">
                                    <br>
                                    <button onclick="orderNumber()" type="button" id="VerInformesButton" class="btn btn-rounded waves-effect waves-light btn-orange btn-lg btn-icon ">VIEW REPORT<i class="fa fa-search"></i></button>
                                </div>
                            </div>
                            <br>
                        </form>
                    </div>
                    <div class="clearfix"></div>

                        <div id="table-ordenesconfirmadas"></div>

                </div>
            <!--<div>
                    <div class="clearfix"></div>
                    <br>
                    <div class="form-group col-md-12 no-padding">
                        <div class="col-md-3">
                            <button type="button" class="btn waves-effect waves-light btn-googleplus btn-block btn-md">FND 1 ORDERS WITHOUT CONTRACT</button>
                        </div>
                        <div class="col-md-3">
                            <button type="button" class="btn waves-effect waves-light btn-sky btn-block btn-md" style="background-color: dodgerblue !important; color: #fff !important;">FND 2 CONTRACTS IN DESIGN</button>
                        </div>
                        <div class="col-md-3">
                            <button type="button" class="btn waves-effect waves-light btn-success btn-block btn-md" style="background-color: green !important;">FND 3 CONTRACTS IN PRODUCTION</button>
                        </div>
                        <div class="col-md-3">
                            <button type="button" class="btn waves-effect waves-light btn-orange btn-block btn-md">FND 4 ORDERS WIT DIFFERENTS STATUS</button>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>-->
            </div>
        </div>
    </div>
@endif
@if( $acc != "list" )
    <form class="form-inline grid-form" method="post" action="/compras/control/tarjeta-proveedor/{{$proveedor->id}}/{{$producto}}" enctype="multipart/form-data">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title">
                EDITAR TARJETA
            </h4>
        </div>

        <div class="modal-body">

            <div data-row-span="6">
                <div data-field-span="3">
                    <label>QQ NUMBER</label>
                    <div class="input-group" style="width: 100%;">
                        <input type="text" autocomplete="off" class="form-control" required id="qq_number" name="qq_number" maxlength="11" placeholder="qq number" value="{{$proveedor->qq_number}}">
                        <input type="hidden" id="qq_number_old" name="qq_number_old" value="{{$proveedor->qq_number}}">
                        <span class="input-group-addon"> <i class="fa fa-2x fa-list"></i></span>
                    </div>
                </div>
                <div data-field-span="3">
                    <label>BOOT NUMBER</label>
                    <div class="input-group" style="width: 100%;">
                        <input type="text" autocomplete="off" class="form-control" required id="boot_number" maxlength="10" name="boot_number" value="{{$proveedor->boot_number}}" placeholder="boot number">
                        <input type="hidden" id="boot_number_old" name="boot_number_old" value="{{$proveedor->boot_number}}">
                        <input type="hidden" id="producto" name="producto" value="{{$producto}}">
                        <input type="hidden" id="proveedor_id" name="proveedor_id" value="{{$proveedor->id}}">
                        <span class="input-group-addon"> <i class="fa fa-2x fa-list"></i></span>
                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
            <div data-row-span="6">
                <div data-field-span="6">
                    <label>TARJETA</label>
                    <div class="fileinput fileinput-new" data-provides="fileinput">
                        <img src="/thumb/phpThumb.php?src=/public/files/proveedores/{{ $proveedor->tarjeta }}&w=150&h=150&far=1&bg=FFFFFF&q=99" alt="...">
                        <br />
                        <input type="file" name="foto_prv" accept="image/jpeg" class="filestyle" data-placeholder="Seleccione un archivo"/>
                    </div>
                </div>
            </div>
        </div>

        <div class="modal-footer">
            <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>
            <button type="submit" data-loading-text="Loading..." class="btn btn-orange btn-rounded waves-light waves-effect btn-icon btn-lg"><i
                        class="fa fa-save"></i> Guardar</button>
        </div>
        <input type="hidden" name="_token" value="