@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">
                    <div class="row">
                        <div class="col-md-12 p-0">
                            <div class="card influencer-profile-data">
                                <div class="card-header bg-light">
                                    <h3 class="text-center m-0">Producto más visto</h3>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-xl-2 col-lg-4 col-md-4 col-sm-4 col-12">
                                            <div class="text-center">
                                                <img src="{{ $product_top->prod_photo_one }}" class="rounded-circle img-fluid">
                                            </div>
                                        </div>
                                        <div class="col-xl-10 col-lg-8 col-md-8 col-sm-8 col-12">
                                            <div class="user-avatar-info">
                                                <div class="m-b-20">
                                                    <div class="user-avatar-name">
                                                        <h4 class="mb-1">{{ $product_top->prod_description }}</h4>
                                                    </div>
                                                    <div class=" d-inline-block">
                                                        <i class="fa fa-fw fa-star {{ ($product_top->average_rate < 2) ? '': 'text-warning' }}"></i>
                                                        <i class="fa fa-fw fa-star {{ ($product_top->average_rate < 3) ? '': 'text-warning' }}"></i>
                                                        <i class="fa fa-fw fa-star {{ ($product_top->average_rate < 4) ? '': 'text-warning' }}"></i>
                                                        <i class="fa fa-fw fa-star {{ ($product_top->average_rate < 5) ? '': 'text-warning' }}"></i>
                                                        <i class="fa fa-fw fa-star {{ ($product_top->average_rate < 6) ? '': 'text-warning' }}"></i>
                                                    </div>
                                                </div>
                                                <div class="float-right">
                                                    <a target="_blank" href="{{ route('productsingle', [$product_top->slug]) }}" class="user-avatar-email text-primary">
                                                        Ver producto en la web
                                                    </a>
                                                </div>
                                                <div class="user-avatar-address">
                                                    <p class="border-bottom pb-3">
                                                        <span class="d-xl-inline-block d-block mb-2">
                                                            <b>Fecha de Registrado: </b> {{ $product_top->created_at->format('H:i:s a d/m/Y') }} por
                                                            {{ $product_top->user_created }}
                                                        </span>
                                                        <span class="mb-2 ml-xl-4 d-xl-inline-block d-block">
                                                            <b>Última actualización: </b> {{ $product_top->updated_at->format('H:i:s a d/m/Y') }} por
                                                            {{ $product_top->user_updated }}
                                                        </span>
                                                    </p>
                                                    <div class="mt-3">
                                                        @php
                                                            $claves = explode(',', $product_top->detail->palabras_claves_hide);
                                                        @endphp
                                                        <b>Tags:</b>
                                                        @for ($i = 0; $i < count($claves); $i++)
                                                            <a class="badge badge-light mr-1">{{ $claves[$i] }}</a>
                                                        @endfor <br>
                                                        <b>Palabras claves:</b>
                                                        @for ($i = 0; $i < count($claves); $i++)
                                                            <a class="badge badge-light mr-1">{{ $claves[$i] }}</a>
                                                        @endfor
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12 p-0">
                            <div class="row">
                                @for ($i = 0; $i < count($wigdet_counts); $i++)
                                    <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 col-12">
                                        <div class="card border-3 border-top border-top-primary">
                                            <div class="card-body">
                                                <div class="d-inline-block">
                                                    <h5 class="text-muted">{{ $wigdet_counts[$i]['title'] }}</h5>
                                                    <h2 class="mb-0">{{ $wigdet_counts[$i]['total'] }}</h2>
                                                </div>
                                                <div class="float-right icon-circle-medium  icon-box-lg  bg-info-light mt-1">
                                                    <i class="{{ $wigdet_counts[$i]['icon'] }} fa-fw fa-sm text-info"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endfor

                            </div>
                        </div>
                        <div class="col-md-12 p-0">
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="card">
                                        <h5 class="card-header text-center bg-light">Los 10 Productos más vistos</h5>
                                        <div class="card-body p-2">
                                            <table class="table">
                                                <tbody>
                                                    <tr class="text-dark text-center">
                                                        <td>Top</td><td>Producto</td>
                                                    </tr>
                                                    @foreach ($product_tops as $key => $prods)
                                                        <tr>
                                                            <td>{{ $key + 1 }}</td>
                                                            <td style="font-size: 11px;">
                                                                <a target="_blank" href="{{ route('productsingle', [$prods->slug]) }}">{{ $prods->prod_description }}</a>
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="card">
                                        <h5 class="card-header text-center bg-light">Top 10 de Subcategoria con más Productos</h5>
                                        <div class="card-body">
                                            <product-sub-category-chart-component></product-sub-category-chart-component>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="card">
                                        <h5 class="card-header text-center bg-light">Top 10 de Productos con más Stock</h5>
                                        <div class="card-body p-2">
                                            <table class="table">
                                                <tbody>
                                                    <tr class="text-dark text-center">
                                                        <td>Top</td><td>Stock</td><td>Producto</td>
                                                    </tr>
                                                    @foreach ($product_stock as $key => $prods)
                                                        <tr>
                                                            <td>{{ $key + 1 }}</td>
                                                            <td>{{ $prods->stock }}</td>
                                                            <td style="font-size: 11px;">
                                                                <a target="_blank" href="{{ route('productsingle', [$prods->slug]) }}">{{ $prods->prod_description }}</a>
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="card">
                                        <h5 class="card-header"> Información de Galeria de Productos</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="fas fa-image"></i>
                                                    </span>
                                                    <span class="social-sales-name">Sin imagen principal</span>
                                                    <span class="social-sales-count text-dark">{{ count($if_prod['count_image_principal']) }}</span>
                                                </li>
                                                <li class="list-group-item social-sales-content text-center">
                                                    <h5>Galeria</h5>
                                                    <table class="table">
                                                        <thead>
                                                            <tr>
                                                                <th>#</th><th>Hay</th><th>Falta</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            <tr>
                                                                <td>Con 1 Imagen</td>
                                                                <td>{{ count($if_prod['c_one_gallery']) }}</td>
                                                                <td>{{ count($if_prod['s_gallery']) }}</td>
                                                            </tr>
                                                            <tr>
                                                                <td>Con 2 Imagenes</td>
                                                                <td>{{ count($if_prod['s_two_gallery']) }}</td>
                                                                <td>{{ count($if_prod['s_two_gallery']) }}</td>
                                                            </tr>
                                                            <tr>
                                                                <td>Con 3 Imagenes</td>
                                                                <td>{{ count($if_prod['c_three_gallery']) }}</td>
                                                                <td>{{ count($if_prod['s_three_gallery']) }}</td>
                                                            </tr>
                                                            <tr>
                                                                <td>Con 4 Imagenes</td>
                                                                <td>{{ count($if_prod['c_four_gallery']) }}</td>
                                                                <td>{{ count($if_prod['s_gallery']) }}</td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="card-footer text-center">
                                            <a href="{{ route('module', ['m' => 'product', 's' => 'list']) }}" class="btn-primary-link">Ir al modulo</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="card">
                                        <h5 class="card-header"> Información de Detalle de Productos</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="fas fa-list"></i>
                                                    </span>
                                                    <span class="social-sales-name">Sin Descripción</span>
                                                    <span class="social-sales-count text-dark">{{ count($if_prod['count_description']) }}</span>
                                                </li>
                                                <li class="list-group-item social-sales-content">
                                                    <span class="social-sales-icon-circle bg-info mr-2 text-white">
                                                        <i class="fas fa-tags"></i>
                                                    </span>
                                                    <span class="social-sales-name">Sin palabras tags</span>
                                                    <span class="social-sales-count text-dark">{{ count($if_prod['count_clave']) }}</span>
                                                </li>
                                                <li class="list-group-item social-sales-content">
                                                    <span class="social-sales-icon-circle bg-info mr-2 text-white">
                                                        <i class="fas fa-asterisk"></i>
                                                    </span>
                                                    <span class="social-sales-name">Productos sin seo</span>
                                                    <span class="social-sales-count text-dark">{{ count($if_prod['count_seo']) }}</span>
                                                </li>
                                                <li class="list-group-item social-sales-content">
                                                    <span class="social-sales-icon-circle bg-info mr-2 text-white">
                                                        <i class="fas fa-square-full"></i>
                                                    </span>
                                                    <span class="social-sales-name">Productos por renovar stock (-2)</span>
                                                    <span class="social-sales-count text-dark">{{ count($if_prod['count_stock']) }}</span>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="card-footer text-center">
                                            <a href="{{ route('module', ['m' => 'product', 's' => 'list']) }}" class="btn-primary-link">Ir al modulo</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                   </div>
                </div>
            </div>
        </div>

        @include('admin.layouts.footer')

    </div>

@endsection