@extends('tenant.layouts.app')

@section('content')
    {{-- Div envolvente: ver nota en reports/list.blade.php --}}
    <div>
    {{--
        Sin breadcrumb propio de blade: el componente Vue ya renderiza su propio
        titulo (.mn-report-title-line, icono + texto, link a /list-reports), mismo
        patron que el resto de reportes (ver purchases/index.blade.php). Con este
        breadcrumb de 3 niveles arriba, el titulo salia duplicado (chico "Reportes >
        X" + grande "X" del componente).
    --}}

    {{--
        Antes esta vista tenia un <script> vanilla propio (fetch + render manual).
        Nunca corria: el layout monta Vue sobre #main (ver resources/js/app.js,
        app.mount("#main")), que ADOPTA todo ese subarbol como su template -- Vue
        descarta <script>/<style> encontrados dentro de un template en-DOM (warning
        "Tags with side effect... are ignored"), asi que el fetch/render jamas se
        ejecutaba en un navegador real (aunque el endpoint /records si funcionaba
        pegandole directo). Se reemplaza por un componente Vue real, mismo patron
        que el resto de reportes (ver tenant-report-rotation-items-index).
    --}}
    <tenant-report-pharmacy-generic-index
        :report-definition='@json($reportDefinition)'
        filter-url="{{ $filterUrl }}"
        records-url="{{ $recordsUrl }}"
        excel-url="{{ $excelUrl }}">
    </tenant-report-pharmacy-generic-index>
    </div>
@endsection