@if($acc == "list" )

@include('_layouts.breadcumb')

<hr />

<div class="content">

    <div class="panel panel-warning" data-collapsed="0">
        <!-- panel head -->
        <div class="panel-heading">
            <div class="panel-title">
                <h2><i class="{{ $breadcumb->icono }}"></i> {{ $breadcumb->nombre }}</h2>
            </div>
        </div>
        <!-- panel body -->
        <div class="panel-body">
            <form method="get" action="/ventas/informes/calidad/" role="form" id="informecalidad-form" class="validate">
                <br>
                <div class="col-md-3">
                    Fecha
                    <div class="input-group">
                        <input type="text" name="fecha_rango" id="fecha_rango" value="{{ Input::get('fecha_rango') }}" class="form-control input-lg daterangepick" /><span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                    </div>
                </div>
                <br>
                <button type="submit" id="VerInformeButton" class="btn btn-warning btn-lg ">Ver Devoluciones<i class="entypo-search"></i></button>
                <div class="clearfix"></div>
                <br>
            </form>
                @if( Input::get('fecha_rango') )
                    <table class="tableData table table-bordered" id="table-1">
                        <thead>
                        <tr class="replace-inputs">
                            <th>Fecha...</th>
                            <th>Devolución No....</th>
                            <th>...</th>
                            <th>Vendedor...</th>
                            <th>Cliente...</th>
                            <th>Justificación...</th>
                            <th>Conclusiones...</th>
                            <th>...</th>
                        </tr>
                        <tr>
                            <th width="3%">FECHA</th>
                            <th width="10%">DEVOLUCIÓN No.</th>
                            <th width="2%">ESTADO</th>
                            <th width="8%">VENDEDOR</th>
                            <th width="15%">CLIENTE</th>
                            <th width="15%">JUSTIFICACIÓN</th>
                            <th width="15%">CONCLUSIONES</th>
                            <th width="3%">IMAGEN</th>
                        </tr>
                        </thead>
                        <tbody>
                            @foreach( $devoluciones as $devolucion )
                            <tr class="">
                                <td style="text-align: center">{{ $fecha = date( "d/m/Y", strtotime($devolucion->updated_at)); }}</td>
                                <td style="text-align: right">{{ str_pad($devolucion->id,6,'0',STR_PAD_LEFT) }}</td>
                                <td style="text-align: center">
                                    @if( $devolucion->estado == 1)<span class="badge badge-success">{{ VERIFICADA }}
                                    @elseif( $devolucion->estado == 0 )<span class="badge badge-default">SIN VERIFICAR
                                    @endif
                                </td>
                                <td>{{ $devolucion->nombre }}</td>
                                <td>{{ $devolucion->razon_social }}</td>
                                <td style="text-transform: uppercase">{{ $devolucion->justificacion }}</td>
                                <td style="text-transform: uppercase">{{ $devolucion->conclusiones }}</td>
                                <td class="centered">
                                    <a rel="tooltip"
                                       data-original-title="Imagen del Producto"
                                       data-url="{{ $devolucion->foto }}"
                                       class="button-icon btn btn-default btn-lg image-zoom">
                                        <i class="fa fa-2x fa-picture-o"></i>
                                    </a></td>
                                @endforeach
                            @endif
                        </tbody>
                    </table>

        </div>

    </div>
</div>
@section('footer')
<script type="text/javascript">
    var table = setDataTables("#table-1",true);
    table.columnFilter({
        "sPlaceHolder" : "head:after",
        aoColumns: [
            { type: "text" },
            { type: "text" },
            { type: "text" },
            { type: "text" },
            { type: "text" },
            { type: "text" },
            { type: "text" }
        ]
    });

</script>
@stop
@endif