@extends('layout.main')
@section('content')

    <div class="sixteen wide tablet fourteen wide computer column ">
        <div class="ui segment">
            
            <h4 class="ui dividing header teal centered">REPORTE DE COMPRAS REALIZADAS</h4>
            <br>

            <form class="ui form" id="frmComprobante" autocomplete="off">

                <div class="three fields">
                    <div class="four wide field">
                        <div class="ui fluid large white label">Tienda o Sucursal</div>
                    </div>
                    <div class="eleven wide field">
                        <select class="ui fluid small input dropdown" name="id_local">
                            <option value="">Seleccione</option>

                            @foreach($locales as $local)
                               <option value="{{ $local->id_local }}"> {{ $local->nombre }} ({{ ucwords(mb_strtolower($local->direccion ))}})</option>
                            @endforeach
   
                        </select>  
                    </div>
                </div>

                <div class="three fields">
                    <div class="four wide field">
                        <div class="ui fluid large white label">Proveedor</div>
                    </div>
                    <div class="eleven wide field">
                        <select class="ui small search selection dropdown" name="id_proveedor">
                            <option value="0">Todos los proveedores</option>

                            @foreach($proveedores as $data)
                               <option value="{{ $data->id_proveedor }}"> {{ $data->nombre }} ({{ ucwords(mb_strtolower($data->numero_documento ))}})</option>
                            @endforeach
   
                        </select>  
                    </div>
                </div>

                <div class="four fields">
                    <div class="four wide field">
                        <div class="ui fluid large white label">Fecha Inicio</div>
                    </div>
                    <div class="field">
                        <div class="ui small input">
                            <input type="text" class="fecha1" name="fecha1">
                        </div> 
                    </div>
                    <div class="three wide field">
                        <div class="ui fluid large white label">Fecha Fin</div>
                    </div>
                    <div class="field">
                        <div class="ui small input">
                            <input type="text" class="fecha2" name="fecha2">
                        </div>  
                    </div>
                </div>

                

                <div class="form_footer">
                    <div class="ui right floated primary button btn_reporte_compras"><i class="download icon"></i>MOSTRAR REPORTE</div>
                </div>    
            </form>

        </div>
    </div>
    
@stop

@section('scripts')
    <script src="{{ asset('js/reporte/comprobantes.js') }}"></script>
@stop