@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 PRODUCTOS VENDIDOS POR PERSONAL</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">
                            @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">Personal</div>
                    </div>
                    <div class="eleven wide field">
                        <select class="ui fluid small input dropdown" name="id_usuario">
                            @foreach($usuarios as $data)
                               <option value="{{ $data->id_usuario }}">{{ $data->nombres }} {{ $data->apellidos }} ({{$data->username}})</option>
                            @endforeach
   
                        </select>  
                    </div>
                </div> 

                <div class="three fields">
                    <div class="four wide field">
                        <div class="ui fluid large white label">Tipo de Atencion</div>
                    </div>
                    <div class="four wide field">
                        <select class="ui fluid small input dropdown" name="tipo">
                            <option value="VENTA">VENTA</option>
                            <option value="PROFORMA">PROFORMA</option>
                            <option value="PEDIDO">PEDIDO</option>
                        </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_producto_personal"><i class="download icon"></i>DESCARGAR REPORTE</div>
                </div>    
            </form>

            

        </div>
    </div>
    
@stop

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