@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