@extends('layouts.admin')



@section('content')
<div class="container-fluid mb-5">
    <div class="row">
        <div class="col">
            <div class="card p-4">
                <h4 class="card-title text-uppercase">reporte de ventas</h4>

                <div class="row">

                    <div class="col-md-6">
                        <div class="card text-white" style="background-color: #d26d6d !important;">
                            <center>
                                <img style="width: 30%;height: 100%;" class="card-img-top img-fluid my-2" width="30%" src="{{asset('assets/images/list4.png')}}">
                            </center>

                            <div class="card-body">

                                <h4 class="card-title text-capitalize text-center">Ventas al contado </h4>
                                <p class="card-text text-center">Imprime un Listado de todas las ventas al <b>Contado</b> </p>

                                <div class="text-right mt-2">

                                    <form action="{{route('venta.reportesAlContado')}}" method="get">

                                        <select name="ano" class="form-control mb-2">
                                            <option value="">Seleccione Año</option>
                                            @for($i = 2020; $i < 2050; $i ++) <option value="{{$i}}">Año: {{$i}}</option>
                                                @endfor
                                        </select>

                                        <select name="mes" class="form-control mb-2">
                                            <option value="">Seleccione Mes</option>
                                            @for($i = 1; $i < 13; $i ++) <option value="{{$i}}">Mes: {{$i}}</option>
                                                @endfor
                                        </select>

                                        <button class="btn btn-dark" type="submit"><i class="fa fa-print" aria-hidden="true"></i>Imprimir</button>

                                    </form>
                                </div>

                            </div>
                        </div>
                    </div>



                    <div class="col-md-6 mt-2">
                        <div class="card text-white" style="background-color: #a858e4 !important;">
                            <center>
                                <img style="width: 30%;height: 100%;" class="card-img-top img-fluid my-2" width="30%" src="{{asset('assets/images/list.png')}}">
                            </center>

                            <div class="card-body">

                                <h4 class="card-title text-capitalize text-center">Ventas Del Dia </h4>
                                <p class="card-text text-center">Imprime un Listado de todas las ventas del <b>Dia</b> </p>

                                <div class="text-right mt-2">


                                    <a name="" class="btn btn-primary" href="{{route('venta.diaReport')}}"> <i class="fa fa-print" aria-hidden="true"></i> Imprimir Reporte </a>


                                </div>

                            </div>
                        </div>
                    </div>

                    <div class="col-md-6 mt-2">
                        <div class="card text-white" style="background-color: coral !important;">
                            <center>
                                <img style="width: 30%;height: 100%;" class="card-img-top img-fluid my-2" width="30%" src="{{asset('assets/images/list2.png')}}">
                            </center>

                            <div class="card-body">

                                <h4 class="card-title text-capitalize text-center">Graficas Estadisticas </h4>
                                <p class="card-text text-center">Imprime un Submodulo de Control Estadistico </p>

                                <div class="text-right mt-2">


                                    <a name="" class="btn btn-primary" href="{{route('venta.estadistica')}}"> <i class="fa fa-print" aria-hidden="true"></i> Imprimir Datos </a>


                                </div>

                            </div>
                        </div>
                    </div>
                </div>


            </div>
        </div>
    </div>
</div>

@endsection