@extends('layouts.app')

@section('content')

@if (auth()->user()->profile == 'Administrador' || auth()->user()->profile == 'Supervisor' || auth()->user()->profile == 'Contable') 

    <!-- Start Status area -->
    <div class="notika-status-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                    <div class="wb-traffic-inner notika-shadow sm-res-mg-t-30 tb-res-mg-t-30">
                        <div class="website-traffic-ctn">
                            @foreach($ventasmes AS $value)
                        <h2>RD$<span class="counter">{{ number_format($value->total, 2) }}</span></h2>
                            @endforeach
                            <p>Total de ventas</p>
                        </div>
                        <div class="sparkline-bar-stats1">9,4,8,6,5,6,4,8,3,5,9,5</div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                    <div class="wb-traffic-inner notika-shadow sm-res-mg-t-30 tb-res-mg-t-30 dk-res-mg-t-30">
                        <div class="website-traffic-ctn">
                            @foreach($creditosmes AS $value)
                        <h2>RD$<span class="counter">{{ number_format($value->total, 2) }} </span></h2>
                            @endforeach
                            <p>Ventas a Credito</p>
                        </div>
                        <div class="sparkline-bar-stats4">2,4,8,4,5,7,4,7,3,5,7,5</div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                    <div class="wb-traffic-inner notika-shadow sm-res-mg-t-30 tb-res-mg-t-30 dk-res-mg-t-30">
                        <div class="website-traffic-ctn">
                            @foreach($contadosmes AS $value)
                            <h2>RD$<span class="counter">{{ number_format($value->total, 2) }}</span></h2>
                            @endforeach
                            <p>Ventas al Contado</p>
                        </div>
                        <div class="sparkline-bar-stats3">4,2,8,2,5,6,3,8,3,5,9,5</div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                    <div class="wb-traffic-inner notika-shadow sm-res-mg-t-30 tb-res-mg-t-30">
                        <div class="website-traffic-ctn">
                            @foreach($comprasmes AS $value)
                            <h2>RD$<span class="counter">{{ number_format($value->total, 2) }}</span></h2>
                            @endforeach
                            <p>Ordenes de Compras</p>
                        </div>
                        <div class="sparkline-bar-stats2">1,4,8,3,5,6,4,8,3,3,9,5</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Status area-->
    
    <!-- Start Sale Statistic area-->
    <div class="sale-statistic-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-9 col-md-8 col-sm-7 col-xs-12">
                    <div class="sale-statistic-inner notika-shadow mg-tb-30">
                        <div class="curved-inner-pro">
                            <div class="curved-ctn">
                                <h2>Gráfico de venta mensual</h2>
                            </div>
                        </div>
                        
                        <div id="curve_chart" style="width: 100%; height: 500px"></div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-4 col-sm-5 col-xs-12">
                    <div class="statistic-right-area notika-shadow mg-tb-30 sm-res-mg-t-0">
                        <div class="past-day-statis">
                            <h2>Durante el mes pasado</h2>
                            <p>Gráfico de las ventas del mes pasado y sus estadisticas.</p>
                        </div>
						<div class="dash-widget-visits"></div>
                        <div class="past-statistic-an">
                            <div class="past-statistic-ctn">
                                @foreach($ventasmesanterior AS $value)
                                <h3>RD$<span class="counter">{{ number_format($value->total,2) }}</span></h3>
                                @endforeach
                                <p>Ventas Generadas</p>
                            </div>
                            <div class="past-statistic-graph">
                                <div class="stats-bar"></div>
                            </div>
                        </div>
                        <div class="past-statistic-an">
                            <div class="past-statistic-ctn">
                                @foreach($comprasmesant AS $value)
                                <h3>RD$<span class="counter">{{ number_format($value->total,2) }}</span></h3>
                                @endforeach
                                <p>Ordenes de Compras</p>
                            </div>
                            <div class="past-statistic-graph">
                                <div class="stats-line"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Sale Statistic area-->
@endif

    <!-- Start Email Statistic area-->
    <div class="notika-email-post-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                    <div class="recent-post-wrapper notika-shadow sm-res-mg-t-30 tb-res-ds-n dk-res-ds">
                        <div class="recent-post-ctn">
                            <div class="recent-post-title">
                                <h2>Empleados</h2>
                            </div>
                        </div>
                        <div class="recent-post-items">
                            
                            @foreach($employees AS $value)
                            <div class="recent-post-signle">
                                <a href="#">
                                    <div class="recent-post-flex rct-pt-mg">
                                        <div class="recent-post-img">
                                            <img src="{{ asset('storage').'/'.$value->photo }}" alt="{{ $value->name }}" height="50px" width="50px" />
                                        </div>
                                        <div class="recent-post-it-ctn">
                                            <h2>{{ $value->name }}</h2>
                                            <p>{{ $value->profile }}</p>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            @endforeach

                        </div>
                    </div>
                </div>
                <div class="col-lg-8 col-md-12 col-sm-12 col-xs-12">
                    <div class="recent-items-wp notika-shadow sm-res-mg-t-30">
                        <div class="rc-it-ltd">
                            <div class="recent-items-ctn">
                                <div class="recent-items-title">
                                    <h2>Top 6 de Productos</h2>
                                </div>
                            </div>
                            <div class="recent-items-inn">
                                <table class="table table-inner table-vmiddle">
                                    <thead>
                                        <tr>
                                            <th>Código</th>
                                            <th>Artículo</th>
                                            <th style="width: 50px">Ventas</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($topsixitems AS $value)
                                        <tr>
                                            <td class="f-500 c-cyan">{{ $value->codigo }}</td>
                                            <td>{{ $value->nombre }}</td>
                                            <td class="f-500 c-cyan">{{ $value->ventas }}</td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
							<div id="recent-items-chart" class="flot-chart-items flot-chart vt-ct-it tb-rc-it-res"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Email Statistic area-->
    
     <script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);

      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Year', 'Sales', 'Expenses'],
          
          @foreach($charts as $value)
          ['{{ $value->months }}', {{ $value->sums }}, 100],
          @endforeach
        ]);

        var options = {
          title: ' ',
          curveType: 'function',
          legend: { position: 'bottom' }
        };

        var chart = new google.visualization.LineChart(document.getElementById('curve_chart'));

        chart.draw(data, options);
      }
    </script>

@endsection