@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 Ventas</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 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>REPORTE DE VENTA GENERAL</h2>
                        </div>
                        <div class="row">
                        <form class="form-horizontal" action="{{ url('reportes/ventas-general2')}}" method="POST">
                            @csrf

                            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12" style="padding: 20px">                   
                                <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-1 col-md-1 col-sm-1 col-xs-12"> 

                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12" style="padding: 20px">                      
                                <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