@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="/plugins/gallery/css/blueimp-gallery.min.css">
    <link rel="stylesheet" href="/plugins/gallery/css/bootstrap-image-gallery.min.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;
        }
    </style>
@stop
    @include('layouts.breadcumb')

        <div class="row">

            <div class="panel panel-orange panel-border" >
                <!-- panel head -->
                <div class="panel-heading">

                </div>
                <div class="panel-body" data-collapsed="0">
                    <div class="panel-body">
                        <div>
                            <form class="form-inline grid-form" method="get" role="form" enctype="multipart/form-data" >
                                <div data-row-span="12">
                                    <div data-field-span="3">
                                        <label>Ignore Rango de Fechas</label>
                                        <div class="btn-switch btn-switch-success">
                                            <input type="checkbox" id="allData" name="allData" @if( Input::get('allData') == 1 ) checked @endif value="1" />
                                            <label for="allData"
                                                   class="btn btn-rounded btn-success waves-effect waves-light btn-lg">
                                                <em class="glyphicon glyphicon-ok"></em>
                                                <strong> Todos las Ordenes</strong>
                                            </label>
                                        </div>
                                    </div>
                                    <div data-field-span="3">
                                        <label>Fecha</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="glyphicon glyphicon-calendar"></i></span>
                                        </div>

                                    </div>
                                    <div data-field-span="3">
                                        <label>Shipper</label>
                                        <div class="input-group" style="width: 100%;">
                                            <select id="shipper" data-validate="required" onchange="orderNumber()" name="shipper" class="form-control select2" data-allow-clear="true" data-placeholder="Select a Shipper...">
                                                @if (\Auth::user()->role_id != 5)
                                                    <option value="todos">TODOS</option>
                                                    @foreach( $shippers as $shipper )
                                                        <option