@extends('adminlte::page')

@section('title', 'Inicio')

@section('content_header')
    <h1>Inicio</h1>
@stop

@section('content')
    <div class="row">
        @if ($permissions['view_sale'])
            <div class="col-xl-4">
                <div class="info-box mb-3">
                    <span class="info-box-icon bg-success elevation-1" title="Reporte de Ventas">
                        <a href="{{ route('sales.reports.index') }}" class="small-box-footer"><i
                               class="fas fa-shopping-cart"></i>
                        </a>
                    </span>
                    <div class="info-box-content">
                        <table class="table tabler-border table-sm mb-0 table-hover">
                            <thead>
                                <tr>
                                    <th class="p-0">Venta Sucursal</th>
                                    <th class="text-right p-0">Cantidad</th>
                                    <th class="text-right p-0">Total</th>
                                </tr>
                            </thead>
                            @foreach ($saleProducts as $saleProduct)
                                <tr class="">
                                    <td class="p-0 text-bold"><small>{{ $saleProduct->branch->name }}</small></td>
                                    <td class="text-right p-0">{{ $saleProduct->total_sales }}</td>
                                    <td class="text-right p-0">{{ numberFormat($saleProduct->total_amount) ?? '0.00 ' }}
                                    </td>
                                </tr>
                            @endforeach
                        </table>
                    </div>


                </div>
            </div>
        @endif
        @if ($permissions['view_medical_records'])
            <div class="col-xl-4">
                <div class="info-box mb-3">
                    <span class="info-box-icon bg-warning elevation-1" title="Reporte de Ventas">
                        <a href="{{ route('medicals.records.index') }}" class="small-box-footer"><i
                               class="fas fa-file-medical text-white"></i>
                        </a>
                    </span>
                    <div class="info-box-content">
                        <span class="info-box-text">Registros Médicos de Hoy</span>
                        <span class="info-box-number">{{ $countCurrentMedicalRecords }}</span>
                    </div>


                </div>
            </div>
        @endif
        @if ($permissions['view_product_alert'])
            <div class="col-xl-4">
                <div class="info-box mb-3">
                    <span class="info-box-icon bg-danger elevation-1" title="Reporte de Ventas">
                        <a href="{{ route('medicals.records.index') }}" class="small-box-footer"><i
                               class="fas fa-bell text-white"></i>
                        </a>
                    </span>
                    <div class="info-box-content">
                        <span class="info-box-text">Productos con stock en Mínimo</span>
                        <span class="info-box-number">{{ $productAlerts->count() }}</span>
                    </div>
                </div>
            </div>
        @endif
    </div>
    <div class="row">
        @if ($permissions['view_medical_records'])

            <div class="col-xl-6 col-lg-6">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title text-secondary">
                            <i class="fas fa-file-medical mr-1 "></i>
                            Últimos registros médicos de Hoy
                        </h3>
                        <div class="card-body table-responsive">
                            <table class="table table-list-alert">
                                <thead>
                                    <tr class="text-small">
                                        <th>Hora</th>
                                        <th>Cliente</th>
                                        <th>Diagnóstico</th>
                                        <th>Tratamiento</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($medicalRecords as $medicalRecord)
                                        <tr>
                                            <td class="text-small">
                                                {{ $medicalRecord->medical_date->format('H:i') }}
                                            </td>
                                            <td class="text-small">
                                                {{ $medicalRecord->customer->name }}
                                            </td>
                                            <td class="text-small">{{ $medicalRecord->diagnostic }}</td>
                                            <td class="text-small">{{ $medicalRecord->treatment }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            <a href="{{ route('inventories.products.stocks.index') }}"
                               class="btn btn-block btn-outline-secondary">
                                <i class="fas fa-eye"></i>
                                Ver todos los registos médicos
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        @endif
        @if ($permissions['view_product_alert'])
            <div class="col-xl-6 col-lg-6">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title text-danger">
                            <i class="fas fa-bell mr-1 "></i>
                            Productos con Stock Mínimo
                        </h3>
                        <div class="card-body table-responsive">
                            <table class="table table-list-alert">
                                <thead>
                                    <tr class="text-small">
                                        <th>N</th>
                                        <th>Producto</th>
                                        <th>Stock Actual</th>
                                        <th>Stock Mínimo</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($productAlerts as $productAlert)
                                        <tr>
                                            <td class="text-small">{{ $loop->iteration }}</td>
                                            <td class="text-small">{{ $productAlert->product->names_together }}</td>
                                            <td class="text-right text-small">{{ $productAlert->stock }}</td>
                                            <td class="text-right text-small">{{ $productAlert->quantityAlert }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            <a href="{{ route('inventories.products.stocks.index') }}"
                               class="btn btn-block btn-outline-danger">
                                <i class="fas fa-eye"></i>
                                Ver todos los productos
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        @endif
    </div>
@stop

@section('css')
    {{-- <link rel="stylesheet" href="/css/admin_custom.css"> --}}
@stop

@section('js')
    <script>
        var buttonsDataTable = [];
        var domDataTable = '<"table_buttons ml-2"B>';
        $(".table-list-alert").DataTable({
            "paging": true,
            "language": languageDataTable,
            'dom': domDataTable,
            buttons: buttonsDataTable,
            // "ordering": false,
            "order": []
        });
    </script>
@stop