@props(['report', 'defs'])
<x-app-layout>

    {{-- head --}}
    <x-slot name="head">
        <!-- AG Grid Enterprise -->
        @vite('resources/js/grid.js')
    </x-slot>
    {{-- header --}}
    <x-slot name="header">
        @php($breadcrumbs = [$report->report_name=>null])
        <x-breadcrumbs :breadcrumbs="$breadcrumbs" />
        @isset($headerAction){{$headerAction}}@endisset
    </x-slot>
    
    <div class="-mt-1.5 flex flex-col gap-2">

        {{-- 検索条件 --}}
        {{$search}}

        {{-- データ領域 --}}
        <div id="grid" x-data="grid" x-init="def({{json_encode($defs)}})" class="flex-col-space" data-form="search">
            <div @load.window="fixed()" @resize.window="fixed()" @search-open.window="fixed()">
            <div x-ref="wrap" class="flex flex-col gap-1.5">
                {{$slot}} 
            </div>
            </div>
        </div>
    
        {{-- under --}}
        @isset($under){{$under}}@endisset
    </div>

    {{-- script --}}
    @isset($script){{$script}}@endisset

</x-app-layout>