@extends('layouts.admin')

@section('content')

    @include('admin.layouts.navegator')


    <div class="dashboard-wrapper">
        <div class="dashboard-ecommerce">
            <div class="container-fluid dashboard-content ">

                @include('admin.layouts.subheader')

                <div class="ecommerce-widget">
                    @if (auth()->user()->id_account_types == 2)
                        <div class="row">
                            @foreach ($totales_wigdet_price as $twc)
                                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12">
                                    <div class="card border-3 border-top border-top-primary">
                                        <div class="card-body">
                                            <h5 class="text-muted">{{ $twc['title'] }}</h5>
                                            <div class="metric-value d-inline-block">
                                                <h1 class="mb-1">$ {{ $twc['total'] }}</h1>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach

                            <div class="col-md-6">
                                <sales-chart-component></sales-chart-component>
                            </div>
                            <div class="col-md-6">
                                <sales-type-shipping-chart-component></sales-type-shipping-chart-component>
                            </div>
                            <div class="col-md-8">
                                <div class="card">
                                    <div class="card-header">
                                        <h5>Pedidos En espera</h5>
                                    </div>
                                    <div class="card-body">
                                        <div class="table-responsive">
                                            <table class="table">
                                                <thead class="bg-light">
                                                    <tr>
                                                        <th class="border-0">#</th>
                                                        <th class="border-0">Código</th>
                                                        <th class="border-0">Monto de Pedido</th>
                                                        <th class="border-0">Estado</th>
                                                        <th class="border-0">Fecha de Pedido</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @forelse ($sales_pend as $sale)
                                                        <tr>
                                                            <td class="p-3">{{ $sale->id_vouchers }}</td>
                                                            <td>{{ $sale->v_code }}</td>
                                                            <td>${{ $sale->v_total }}</td>
                                                            <td>En espera</td>
                                                            <td>{{ $sale->created_at->format('H:i:s a d/m/Y') }}</td>
                                                        </tr>
                                                    @empty
                                                        <tr>
                                                            <td colspan="5" class="text-center p-3">No se han encontrado pedidos en espera.</td>
                                                        </tr>
                                                    @endforelse
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="card">
                                    <div class="card-header">
                                        <h5>Top 5 productos más vendidos</h5>
                                    </div>
                                    <div class="card-body">
                                        <table class="table">
                                            <thead>
                                                <tr>
                                                    <th>Minicodigo</th>
                                                    <th>Producto</th>
                                                    <th>Vendidos</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($top_products_sale as $top)
                                                    <tr>
                                                        <td>{{ $top->prod_min_cod }}</td>
                                                        <td><img src="{{ $top->prod_photo_one }}" class="img-fluid" width="70"></td>
                                                        <td>{{ $top->max_prod_count }}</td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif

                    <div class="row">
                        @if (auth()->user()->id_account_types == 2)
                            <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 col-12">
                                <div class="card">
                                    <h5 class="card-header"> Información de Compras Online</h5>
                                    <div class="card-body p-0">
                                        <ul class="social-sales list-group list-group-flush">
                                            <li class="list-group-item social-sales-content">
                                                <span class="social-sales-icon-circle bg-info mr-2 text-white">
                                                    <i class="fa fa-dropbox"></i>
                                                </span>
                                                <span class="social-sales-name">Compras Pendientes</span>
                                                <span class="social-sales-count text-dark">{{ $info_purchases['pending'] }}</span>
                                            </li>
                                            <li class="list-group-item social-sales-content">
                                                <span class="social-sales-icon-circle bg-info mr-2 text-white">
                                                    <i class="fa fa-dropbox"></i>
                                                </span>
                                                <span class="social-sales-name">Compras Rechazadas</span>
                                                <span class="social-sales-count text-dark">{{ $info_purchases['denied'] }}</span>
                                            </li>
                                            <li class="list-group-item social-sales-content">
                                                <span class="social-sales-icon-circle bg-info mr-2 text-white">
                                                    <i class="fa fa-dropbox"></i>
                                                </span>
                                                <span class="social-sales-name">Compras en Revisión</span>
                                                <span class="social-sales-count text-dark">{{ $info_purchases['revision'] }}</span>
                                            </li>
                                            <li class="list-group-item social-sales-content">
                                                <span class="social-sales-icon-circle bg-info mr-2 text-white">
                                                    <i class="fa fa-dropbox"></i>
                                                </span>
                                                <span class="social-sales-name">Compras Aceptadas</span>
                                                <span class="social-sales-count text-dark">{{ $info_purchases['accept'] }}</span>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="card-footer text-center">
                                        <a href="" class="btn-primary-link">Ir al modulo</a>
                                    </div>
                                </div>
                            </div>

                            <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 col-12">
                                <div class="card">
                                    <h5 class="card-header"> Información de Clientes</h5>
                                    <div class="card-body p-0">
                                        <ul class="social-sales list-group list-group-flush">
                                            <li class="list-group-item social-sales-content">
                                                <span class="social-sales-icon-circle bg-info mr-2 text-white">
                                                    <i class="fa fa-dropbox"></i>
                                                </span>
                                                <span class="social-sales-name">Clientes por Facebook</span>
                                                <span class="social-sales-count text-dark">{{ $info_clients['clients_facebook'] }}</span>
                                            </li>
                                            <li class="list-group-item social-sales-content">
                                                <span class="social-sales-icon-circle bg-info mr-2 text-white">
                                                    <i class="fa fa-dropbox"></i>
                                                </span>
                                                <span class="social-sales-name">Clientes por Google</span>
                                                <span class="social-sales-count text-dark">{{ $info_clients['clients_google'] }}</span>
                                            </li>
                                            <li class="list-group-item social-sales-content">
                                                <span class="social-sales-icon-circle bg-info mr-2 text-white">
                                                    <i class="fa fa-dropbox"></i>
                                                </span>
                                                <span class="social-sales-name">Clientes por Web</span>
                                                <span class="social-sales-count text-dark">{{ $info_clients['clients_web'] }}</span>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="card-footer text-center">
                                        <a href="" class="btn-primary-link">Ir al modulo</a>
                                    </div>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>

        @include('admin.layouts.footer')

    </div>

@endsection