@extends('admin.layouts.app')
@section($title, $subtitle)
<style>
    .cs{
        color: #e5c07c;
    }
</style>
@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col">
                <div class="h-100">
                    <div class="row mb-3 pb-1">
                        <div class="col-12">
                            <div class="d-flex align-items-lg-center flex-lg-row flex-column">
                                <div class="flex-grow-1">
                                    <h4 class="fs-16 mb-1">Buen día, {{ Auth::user()->name }}!</h4>
                                    <p class="text-muted mb-0">Esto es lo que está sucediendo con su empresa la ultima semana...</p>
                                </div>
                                <div class="mt-3 mt-lg-0">
                                    <form action="javascript:void(0);">
                                        <div class="row g-3 mb-0 align-items-center">
                                        </div>
                                        <!--end row-->
                                    </form>
                                </div>
                            </div><!-- end card header -->
                        </div>
                        <!--end col-->
                    </div>
                </div><!-- end card header -->
            </div><!-- end card -->
        </div><!-- end col -->
    </div>

    <div class="row">
        <div class="col-xl-8">
            <div class="card">
                <div class="card-header align-items-center d-flex">
                    <h4 class="card-title mb-0 flex-grow-1">Menus de la semana</h4>
                    <div class="flex-shrink-0">
                        <div class="dropdown card-header-dropdown">
                            <div class="flex-shrink-0">
                                <div class="dropdown card-header-dropdown">
                                        <span class="text-muted" style="background-color: green; border-radius:100%"><strong style="color: white">&nbsp;&nbsp;{{$totalFoodOrderDetails}}&nbsp;&nbsp;</strong></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div><!-- end card header -->

                <div class="card-body">
                    <div class="table-responsive table-card">
                        <table class="table table-hover table-centered align-middle table-nowrap mb-0">
                            <tbody>
                                <tr>
                                    <th>Menu</th>
                                    <th>Días</th>
                                    <th>Cantidad</th>
                                    <th>Total</th>
                                </tr>
                                @php
                                    $grandTotalQuantity = 0;
                                    $grandTotalPrice = 0;
                                @endphp
                                @foreach($result as $categoryId => $menus)
                                    <!-- Fila de categoría con color aleatorio -->
                                    <tr style="height: 22px; line-height: 22px;">
                                        <td colspan="5" style="text-align: center; background-color: {{ $categoryColors[$categoryId] }}; padding: 0; margin: 0;">
                                            <h6 style="margin: 0; line-height: 22px;"><strong>{{ $categories[$categoryId] }}</strong></h6>
                                        </td>
                                    </tr>
                                    <!-- Fila con encabezados (opcional) -->
                                    
                                    @foreach($menus as $menu)
                                        <!-- Filas de información -->
                                        <tr>
                                            <td>
                                                <h6>{{ $menu['menu_name'] }}</h6>
                                            </td>
                                            <td>
                                                <h6>{{ implode(', ', $menu['days']) }}</h6>
                                            </td>
                                            <td>
                                                <h6>{{ $menu['total_quantity'] }}</h6>
                                            </td>
                                            <td>
                                                <h6>{{ $menu['total_price'] }} USD</h6>
                                            </td>
                                            @php
                                                $grandTotalQuantity += $menu['total_quantity'];
                                                $grandTotalPrice += $menu['total_price'];
                                            @endphp
                                        </tr>
                                    @endforeach
                                @endforeach
                                <tr style="font-weight: bold; ">
                                    <td >Total General:</td>
                                    <td> </td>
                                    <td>{{ $grandTotalQuantity }}</td>
                                    <td>{{ $grandTotalPrice }} USD</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>

                    <div class="align-items-center mt-4 pt-2 justify-content-between row text-center text-sm-start">
                        <div class="col-sm">
                            <div class="text-muted">
                                <div class="row">
                                    <div class="col-6"><a href="{{ route('admin.order.index') }}">Administrar  <i class="ri-external-link-line"></i></a></div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="col-xl-4">
            <div class="row">
                <div class="col-xl-12">
                    <div class="card">
                        <div class="card-header align-items-center d-flex">
                            <h4 class="card-title mb-0 flex-grow-1">Listado de prospectos</h4>
                            <div class="flex-shrink-0">
                                <div class="dropdown card-header-dropdown">
                                    <div class="flex-shrink-0">
                                        <div class="dropdown card-header-dropdown">
                                                <span class="text-muted" style="background-color: green; border-radius:100%"><strong style="color: white">&nbsp;&nbsp;{{count($prospects)}}&nbsp;&nbsp;</strong></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div><!-- end card header -->
        
                        <div class="card-body">
                            <div class="table-responsive table-card">
                                <table class="table table-hover table-centered align-middle table-nowrap mb-0">
                                    <tbody>
                                        @foreach ($prospects as $prospect)
                                        <div class="dropdown-menu dropdown-menu-end">
                                            <a class="dropdown-item" href="#">{{$prospect->module}}</a>
                                            <a class="dropdown-item" href="#">{{$prospect->name}}</a>
                                            <a class="dropdown-item" href="#">{{$prospect->phone}}</a>
                                        </div>      
                                        <tr>
                                            <td>
                                                <div class="d-flex align-items-center">
                                                    <div>
                                                        <h5 class="fs-14 my-1"><a href="apps-ecommerce-product-details.html" class="text-reset">{{$prospect->module}}</a></h5>
                                                        <span class="text-muted">{{ \Carbon\Carbon::parse($prospect->created_at)->format('j F Y') }}
                                                        </span>
                                                    </div>
                                                </div>
                                            </td>
                                            <td>
                                                <h5 class="fs-14 my-1 fw-normal">{{$prospect->module}}</h5>
                                                <span class="text-muted">Nombre</span>
                                            </td>
                                            <td>
                                                <h5 class="fs-14 my-1 fw-normal">{{$prospect->email}}</h5>
                                                <span class="text-muted">Correo</span>
                                            </td>
                                            <td>
                                                <h5 class="fs-14 my-1 fw-normal">{{$prospect->phone}}</h5>
                                                <span class="text-muted">Celular</span>
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
        
                            <div class="align-items-center mt-4 pt-2 justify-content-between row text-center text-sm-start">
                                <div class="col-sm">
                                    <div class="text-muted">
                                        <div class="row">
                                            <div class="col-6"><a href="{{ route('admin.form.index', ['flag' => 'contact_us']) }}">Administrar  <i class="ri-external-link-line"></i></a></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
        
                        </div>
                    </div>
                </div>
        
                <div class="col-xl-12">
                    <div class="card card-height-100">
                        <div class="card-header align-items-center d-flex">
                            <h4 class="card-title mb-0 flex-grow-1">Listado de testimonios</h4>
                            <div class="flex-shrink-0">
                                <div class="dropdown card-header-dropdown">
                                        <span class="text-muted" style="background-color: green; border-radius:100%"><strong style="color: white">&nbsp;&nbsp;{{count($testimonies)}}&nbsp;&nbsp;</strong></span>
                                </div>
                            </div>
                        </div><!-- end card header -->
        
                        <div class="card-body">
                            <div class="table-responsive table-card">
                                <table class="table table-centered table-hover align-middle table-nowrap mb-0">
                                    <tbody>
                                        @foreach ($testimonies as $testimony)
                                        <tr>
                                            <td>
                                                <div class="d-flex align-items-center">
                                                    <div>
                                                        <h5 class="fs-14 my-1 fw-medium">
                                                            <a href="apps-ecommerce-seller-details.html" class="text-reset">{{$testimony->name}}</a>
                                                        </h5>
                                                        <span class="text-muted">{{ \Carbon\Carbon::parse($testimony->created_at)->format('j F Y') }}
                                                        </span>
                                                    </div>
                                                </div>
                                            </td>
                                            <td style="text-align: left">
                                                @php
                                                    $comment = $testimony->comment;
                                                    $length = strlen($comment);
                                                    $formattedComment = '';
                                                    
                                                    for ($i = 0; $i < $length; $i += 50) {
                                                        if ($i / 50 >= 3) {
                                                            $formattedComment .= '...';
                                                            break;
                                                        }
                                                        $formattedComment .= substr($comment, $i, 50) . '<br>';
                                                    }
        
                                                    // Remove the last <br> if we didn't add "..."
                                                    if ($i / 50 < 3) {
                                                        $formattedComment = rtrim($formattedComment, '<br>');
                                                    }
                                                @endphp
                                                <span class="text-muted">
                                                    {!! $formattedComment !!}
                                                </span>
                                            </td>
                                        </tr><!-- end -->
                                        @endforeach
                                    </tbody>
                                </table><!-- end table -->
                            </div>
                            <div class="align-items-center mt-4 pt-2 justify-content-between row text-center text-sm-start">
                                <div class="col-sm">
                                    <div class="text-muted">
                                        <div class="row">
                                            <div class="col-12"><a href="{{route('admin.testimony.index')}}">Administrar los testimonios <i class="ri-external-link-line"></i></a></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
        
                        </div> <!-- .card-body-->
                    </div> <!-- .card-->
                </div>
            </div>
        </div>

         <!-- .col-->
    </div> <!-- end row-->
@endsection