{{--
    旧システム: トラスコ納期回答送信画面

    このファイルは旧システムで使用されています。
    新システムは resources/views/user/edi-delivery-response/trusco/index.blade.php を使用します。

    ルート名:
    - 旧: edi-trusco.delivery.response-send
    - 新: edi-delivery-response.trusco.index
--}}
<x-app-layout>
    {{-- header --}}
    <x-slot name="header">
        @php($breadcrumbs = ['EDI連携' => null, 'トラスコ中山' => route('edi-trusco.dashboard'), '納期回答データ送信' => null])
        <div class="w-full">
            <x-breadcrumbs :breadcrumbs="$breadcrumbs" />
            <div class="actions mt-1">
                <x-button.sub text="EDIメニューに戻る" icon="fa-solid fa-arrow-left" onclick="location.href='{{ route('edi-trusco.dashboard') }}'" />
            </div>
        </div>
    </x-slot>

    {{-- 検索条件 --}}
    <div x-data="search" x-init="def('edi.delivery-response-send'); inputDefault({{ Js::from($defaultParams) }});">
        <form x-ref="form" method="POST" action="{{ route('edi-trusco.delivery.response-send.search') }}">
            @csrf
            <x-list.search :params="$params ?? (object)[]">
                {{-- ｜基本条件 --}}
                <div class="search-grid">
                    <div>
                        <!-- 送信ステータス選択 -->
                        <div>
                            <label>送信ステータス</label>
                            <div class="flex gap-4 items-center">
                                <label class="flex items-center">
                                    <input type="radio" name="delivery_response_status" value="sendable"
                                           {{ old('delivery_response_status', $params->delivery_response_status ?? 'sendable') == 'sendable' ? 'checked' : '' }}
                                           class="mr-2">
                                    送信対象のみ
                                </label>
                                <label class="flex items-center">
                                    <input type="radio" name="delivery_response_status" value="all"
                                           {{ old('delivery_response_status', $params->delivery_response_status ?? '') == 'all' ? 'checked' : '' }}
                                           class="mr-2">
                                    すべて
                                </label>
                            </div>
                        </div>
                        <!-- 空の項目（3列構成のため） -->
                        <div></div>
                        <div></div>
                    </div>
                </div>

                <x-slot name="action">
                    <x-button.reset @click="reset()" />
                    <x-button.search @click="search()" />
                </x-slot>
            </x-list.search>
        </form>
    </div>

    {{-- データリスト --}}
    <div x-data="list" x-init="def()">
        <x-list.data :data="$delivery_data ?? collect([])">
            <x-slot name="actionLeft">
                <div class="text-sm text-gray-600">
                    @if($delivery_data && method_exists($delivery_data, 'currentPage'))
                        全{{ number_format($total_count ?? 0) }}件中 
                        {{ number_format(($delivery_data->currentPage() - 1) * $delivery_data->perPage() + 1) }}〜{{ number_format(min($delivery_data->currentPage() * $delivery_data->perPage(), $total_count ?? 0)) }}件を表示
                    @else
                        全{{ number_format($total_count ?? 0) }}件中 
                        {{ number_format(1) }}〜{{ number_format($total_count ?? 0) }}件を表示
                    @endif
                </div>
            </x-slot>
            <x-slot name="actionRight">
                <x-button shape="btn-main btn-primary" text="選択データを送信" icon="fa-solid fa-paper-plane" onclick="sendSelectedData()" />
            </x-slot>
            {{-- 送信対象データ --}}
                <div class="overflow-x-auto">
                    <table class="entry-slip-detail-table-2rows">
                        <colgroup>
                            <col class="w-12"> <!-- チェックボックス -->
                            <col class="w-12"> <!-- No -->
                            <col class="w-32"> <!-- 納入先 -->
                            <col class="w-24"> <!-- JANコード/注文番号 -->
                            <col class="w-40"> <!-- 商品名 -->
                            <col class="w-16"> <!-- 在庫数/出荷可能数 -->
                            <col class="w-20"> <!-- 注文数/出荷数 -->
                            <col class="w-28"> <!-- 出荷予定日/出荷ロット -->
                            <col class="w-28"> <!-- 到着予定日/送信ステータス -->
                            <col class="w-32"> <!-- 備考/最終送信日時 -->
                        </colgroup>
                        <thead>
                            <tr>
                                <th rowspan="2">
                                    <x-input.check-all target="response_ids" />
                                </th>
                                <th rowspan="2">No</th>
                                <th rowspan="2">納入先</th>
                                <th>JANコード</th>
                                <th rowspan="2">商品名</th>
                                <th>在庫数</th>
                                <th>注文数</th>
                                <th>出荷予定日</th>
                                <th>到着予定日</th>
                                <th>備考</th>
                            </tr>
                            <tr>
                                <th>注文番号</th>
                                <th>出荷可能数</th>
                                <th>出荷数</th>
                                <th colspan="2">出荷ロット（賞味期限）</th>
                                <th>最終送信日時</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($delivery_data as $index => $data)
                            {{-- 1行目 --}}
                            <tr class="{{ $data['delivery_response_status'] === 'SEND_ERROR' ? 'bg-red-50' : ($data['delivery_response_status'] === 'NOT_SENT' ? 'bg-green-50' : '') }}">
                                <td rowspan="2" class="text-center bg-white">
                                    <input type="checkbox" name="response_ids[]" value="{{ $data['product_code'] }}" class="input-check" 
                                           {{ $data['delivery_response_status'] === 'NOT_SENT' ? 'checked' : '' }}>
                                </td>
                                <td rowspan="2" class="text-center bg-white">{{ $index + 1 }}</td>
                                <td rowspan="2" class="text-center bg-white">{{ $data['delivery_name'] }}</td>
                                <td class="text-center font-mono bg-white">{{ $data['jan_code'] }}</td>
                                <td rowspan="2" class="bg-white">{{ $data['product_name'] }}</td>
                                <td class="text-right bg-white">{{ number_format($data['current_stock']) }}</td>
                                <td class="text-right bg-white">{{ number_format($data['order_quantity']) }}</td>
                                <td class="text-center bg-white">{{ $data['shipment_date'] ?? '-' }}</td>
                                <td class="text-center bg-white">{{ $data['arrival_date'] ?? '-' }}</td>
                                <td class="bg-white text-sm">{{ $data['notes'] ?? '' }}</td>
                            </tr>
                            {{-- 2行目 --}}
                            <tr class="{{ $data['delivery_response_status'] === 'SEND_ERROR' ? 'bg-red-50' : ($data['delivery_response_status'] === 'NOT_SENT' ? 'bg-green-50' : '') }}">
                                <td class="text-center bg-white">{{ $data['order_number'] }}</td>
                                <td class="text-right bg-white">{{ number_format($data['available_qty']) }}</td>
                                <td class="text-right bg-white">{{ number_format($data['shipment_qty'] ?? 0) }}</td>
                                <td colspan="2" class="bg-white">
                                    @if(($data['product_type'] ?? 1) == 2 && ($data['stock_control_type'] ?? 1) == 1)
                                        <div class="text-xs text-gray-600">
                                            @if(is_array($data['lot_info'] ?? null) && !empty($data['lot_info']))
                                                @foreach($data['lot_info'] as $lot)
                                                    賞味期限：{{ $lot['expiration_date'] ?? '' }}({{ $lot['quantity'] ?? 0 }}個)
                                                    @if(!$loop->last)<br>@endif
                                                @endforeach
                                            @else
                                                -
                                            @endif
                                        </div>
                                    @else
                                        <div class="text-xs text-gray-400">
                                            -
                                        </div>
                                    @endif
                                </td>
                                <td class="text-center bg-white text-xs">
                                    @if(isset($data['delivery_response_sent_at']) && $data['delivery_response_sent_at'])
                                        {{ $data['delivery_response_sent_at'] }}
                                    @else
                                        <span class="text-gray-400">未送信</span>
                                    @endif
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

        </x-list.data>
    </div>



    <script>
        // 納期回答データ送信用のJavaScript
        console.log('Delivery Response Send page loaded');
        
        // Alpine.jsコンポーネント登録
        document.addEventListener('alpine:init', () => {
            Alpine.data('search', List.search);
            Alpine.data('list', List.table);
        });
        
        // 選択データを送信する
        async function sendSelectedData() {
            const selectedIds = Array.from(document.querySelectorAll('input[name="response_ids[]"]:checked')).map(cb => cb.value);
            
            if (selectedIds.length === 0) {
                alert('送信対象のデータを選択してください。');
                return;
            }

            if (!confirm(`選択した${selectedIds.length}件のデータを送信しますか？`)) {
                return;
            }

            try {
                const response = await fetch('{{ route("edi-trusco.delivery.response-send.execute") }}', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
                    },
                    body: JSON.stringify({
                        selected_ids: selectedIds
                    })
                });

                const data = await response.json();

                if (data.success) {
                    alert(data.message);
                    // ページをリロードして最新状態を表示
                    location.reload();
                } else {
                    alert(data.message || '送信処理中にエラーが発生しました。');
                }
            } catch (error) {
                console.error('送信エラー:', error);
                alert('送信処理中にエラーが発生しました。');
            }
        }
    </script>
</x-app-layout>