@php
    use App\Services\Logic\Assist;
@endphp
<x-report.report-list-for-expected-receipt-list :report="$report" :defs="$defs">

    {{-- header action --}}
    <x-slot name="headerAction">
        <div class="flex items-center gap-4">
            @php($links_normal = [
                    '64' => '商品別',
                    '65' => '担当者別',
                ])
            @php($links_business = [
                    '177' => '商品別',
                    '178' => '担当者別',
                ])
            @if(array_key_exists($report->id, $links_business))
                @php($links = $links_business)
            @else
                @php($links = $links_normal)
            @endif

            @foreach($links as $id=>$name)
                @php($disabled = ($id == $report->id))
                <x-button.link-a text="{{$name}}" :disabled="$disabled" 
                    onclick="Action.link('{{route('reports.index', ['report'=>$id])}}')" />
            @endforeach
        <div>
    </x-slot>
    
    {{-- search --}}
    <x-slot name="search">
    <div x-data="search" >
        <form id="search" method="POST" action="{{route('reports.data',['report'=>$report->id])}}" >
            @csrf
            <x-list.search >
                <div class="search-grid">
                    <div>
                        <!-- | 得意先 -->
                        <div>
                            <label>得意先</label>
                            <div>
                                <livewire:parts.input-customer
                                    value="{{old('customer_id')}}" >
                            </div>
                        </div>
                        <!-- | 得意先名 -->
                        <div>
                            <label>得意先名</label>
                            <div>
                                <x-input.text class="w-full" id="customer_name_search"
                                    name="customer_name" placeholder="部分一致"
                                    value="{{old('customer_name')}}" />
                            </div>
                        </div>
                        <!-- | 商品 -->
                        <div>
                            <label>商品</label>
                            <div>
                                <livewire:parts.input-product id="product_id"
                                    value="{{old('product_id', request('product_id'))}}" >
                            </div>
                        </div>
                    </div>
                    <div>
                        <!-- | 商品名 -->
                        <div>
                            <label>商品名</label>
                            <div>
                                <x-input.text class="w-full"
                                    id="product_name" name="product_name" placeholder="部分一致"
                                    value="{{old('product_name')}}" />
                            </div>
                        </div>
                        <!-- | 注文No -->
                        <div>
                            <label>注文No</label>
                            <div>
                                <x-input.text class="w-full"
                                    name="order_number" placeholder="部分一致"
                                    value="{{old('order_number')}}" />
                            </div>
                        </div>
                        <!-- | 受注No -->
                        <div>
                            <label>受注No</label>
                            <div>
                                <x-input.text class="w-full"
                                    name="order_slip_no" placeholder="部分一致"
                                    value="{{old('order_slip_no')}}" />
                            </div>
                        </div>
                    </div>
                </div>
                {{-- ｜アクション --}}
                <x-slot name="action">
                    <x-button.reset id="btn_reset" />
                    <x-button.search id="btn_search" />
                </x-slot>
            </x-list.search>
        </form>
    </div>
    </x-slot>
    
    {{-- 凡例（グリッド上部） --}}
    <x-slot name="aboveGrid">
        <div class="flex items-center gap-2 text-sm text-secondary-700">
            <span class="inline-block w-4 h-4 bg-orange-200 border border-secondary-300"></span>
            <span>あと7営業日以内に引当解除されます</span>
        </div>
    </x-slot>

    {{-- modal --}}
    <x-modal.search key="search" id="search" />
    <x-modal.frame key="frame" id="frame" />

    {{-- script --}}
    <x-slot name="script">
    <script>
        // 仮押さえ期限日の警告閾値（今日から7営業日後まで）: grid.js の getRowClass が参照
        window.reserveDeadlineAlertThreshold = @json(Assist::addBusinessDays(now(), 7));

        document.addEventListener('alpine:init', () => {
            Alpine.data('search', List.search);
            Alpine.data('grid', () => Grid.withStatusBar(Grid.list()));
        });

        window.addEventListener('load', () => {
            // 検索ボタン押下時
            if ($('#btn_search')) {
                $('#btn_search').addEventListener('click', (e) => {
                    Alpine.$data($('#grid')).search();
                });
            }
            // リセットボタン押下時
            if ($('#btn_reset')) {
                $('#btn_reset').addEventListener('click', (e) => {
                    Action.resetForm($('#search'));
                    Livewire.dispatch('parts.input-customer.change', {value: null});
                    Livewire.dispatch('parts.input-product.change', {value: null});
                });
            }
        });
    </script>

    {{-- style --}}
    <style>
        .wrap-text {
            font-weight: bold;
        }
        /* 仮押さえ期限接近行のハイライト: 列個別の cellClass 背景（bg-green-50 等）より優先させる */
        .ag-row.bg-orange-200 .ag-cell {
            background-color: rgb(254 215 170) !important; /* Tailwind orange-200 */
        }
    </style>
    </x-slot>

</x-report.report-list-for-expected-receipt-list>