@extends('layouts.app')

@section('content')

    <div class="notika-status-area">
        <div class="container">
                    
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="breadcomb-list">
                        <div class="row">

                            <div class="col-12">
                                @include('layouts.alertas')
                            </div>
                            
                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                <div class="breadcomb-wp">
                                    <div class="breadcomb-icon">
                                        <i class="fas fa-shopping-cart"></i>
                                    </div>
                                    <div class="breadcomb-ctn">
                                        <h2>Reportes de Productos</h2>
                                        <p> </span></p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-3">
                                <div class="breadcomb-report">
                                    <button data-toggle="tooltip" data-placement="left" title="" class="btn waves-effect" data-original-title="Informe General" onclick="window.open('{{ url('/reportes/inventario') }}', '_blank')">
                                        <i class="notika-icon notika-print"></i>
                                    </button>
                                    <!--
                                    <button data-toggle="tooltip" data-placement="left" title="" class="btn waves-effect" data-original-title="Descargar informe">
                                        <i class="notika-icon notika-sent"></i>
                                    </button>
                                    -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="breadcomb-area">
        <div class="container">

            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="form-example-wrap mg-t-30">
                        <div class="cmp-tb-hd cmp-int-hd">
                            <h2>Reportes de ventas por tiempo y producto</h2>
                        </div>
                        <div class="row">
                        <form class="form-horizontal" action="{{ url('reportes/producto-fecha')}}" method="POST">
                            @csrf

                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                                <label for="">Seleccione el producto</label>
                                <div class="form-group ic-cmp-int">
                                    <div class="nk-int-st">                                   
                                        <select class="select_product_search selectpicker" name="producto" data-live-search="true">
                                            <option value="">Seleccione el producto</option>
                                            @foreach ($items as $pro)
                                                <option value="{{ $pro->id }}">{{ $pro->codigo }} | {{ $pro->nombre }}</option> 
                                            @endforeach
                                        </select>     
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">                    
                                <div class="form-group nk-datapk-ctm form-elet-mg" id="data_1">
                                    <label>Fecha inicio:</label>
                                    <div class="input-group date nk-int-st">
                                        <span class="input-group-addon"></span>
                                        <input type="text" class="form-control" id="fechaInicio" name="fechaInicio" required>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">                    
                                <div class="form-group nk-datapk-ctm form-elet-mg" id="data_1">
                                    <label>Fecha de Termino:</label>
                                    <div class="input-group date nk-int-st">
                                        <span class="input-group-addon"></span>
                                        <input type="text" class="form-control" id="fechaTermino" name="fechaTermino" required>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12" style="margin-top:10px;">
                                <div class="form-example-int">
                                    <button type="submit" class="btn btn-success notika-btn-success waves-effect" formtarget="_blank">Generar Reporte</button>
                                </div>
                            </div>
                            
                        </form>   
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection