{{--
    在庫調整インポート用フォーマット説明パーシャル
    CSVカラムの詳細説明とサンプルデータを表示
--}}

<div class="bg-white border border-gray-200 rounded-lg p-4">
    <h4 class="text-sm font-semibold text-gray-900 mb-3 flex items-center">
        <svg class="w-4 h-4 text-purple-600 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
        </svg>
        在庫調整インポート CSVフォーマット
    </h4>

    {{-- カラム説明テーブル --}}
    <div class="overflow-x-auto mb-4">
        <table class="min-w-full divide-y divide-gray-200 text-xs">
            <thead class="bg-gray-50">
                <tr>
                    <th class="px-3 py-2 text-left font-medium text-gray-600">カラム名</th>
                    <th class="px-3 py-2 text-left font-medium text-gray-600">必須</th>
                    <th class="px-3 py-2 text-left font-medium text-gray-600">型</th>
                    <th class="px-3 py-2 text-left font-medium text-gray-600">説明</th>
                </tr>
            </thead>
            <tbody class="bg-white divide-y divide-gray-200">
                <tr>
                    <td class="px-3 py-2 font-medium text-gray-900">商品コード</td>
                    <td class="px-3 py-2"><span class="text-red-600">必須</span></td>
                    <td class="px-3 py-2 text-gray-600">文字列(40)</td>
                    <td class="px-3 py-2 text-gray-600">調整対象の商品コード</td>
                </tr>
                <tr>
                    <td class="px-3 py-2 font-medium text-gray-900">倉庫コード</td>
                    <td class="px-3 py-2"><span class="text-red-600">必須</span></td>
                    <td class="px-3 py-2 text-gray-600">文字列(20)</td>
                    <td class="px-3 py-2 text-gray-600">調整対象の倉庫コード</td>
                </tr>
                <tr>
                    <td class="px-3 py-2 font-medium text-gray-900">ロット番号</td>
                    <td class="px-3 py-2"><span class="text-amber-600">条件付</span></td>
                    <td class="px-3 py-2 text-gray-600">文字列(50)</td>
                    <td class="px-3 py-2 text-gray-600">ロット番号（BE品の場合は必須）</td>
                </tr>
                <tr>
                    <td class="px-3 py-2 font-medium text-gray-900">賞味期限</td>
                    <td class="px-3 py-2"><span class="text-amber-600">条件付</span></td>
                    <td class="px-3 py-2 text-gray-600">日付</td>
                    <td class="px-3 py-2 text-gray-600">賞味期限（BE品の場合は必須、YYYY-MM-DD形式）</td>
                </tr>
                <tr>
                    <td class="px-3 py-2 font-medium text-gray-900">調整数</td>
                    <td class="px-3 py-2"><span class="text-red-600">必須</span></td>
                    <td class="px-3 py-2 text-gray-600">数値</td>
                    <td class="px-3 py-2 text-gray-600">調整する数量（正数=入庫/在庫増加、負数=出庫/在庫減少）</td>
                </tr>
                <tr>
                    <td class="px-3 py-2 font-medium text-gray-900">調整理由</td>
                    <td class="px-3 py-2"><span class="text-gray-400">任意</span></td>
                    <td class="px-3 py-2 text-gray-600">文字列(500)</td>
                    <td class="px-3 py-2 text-gray-600">調整理由（任意）</td>
                </tr>
            </tbody>
        </table>
    </div>

    {{-- CSVサンプル --}}
    <div class="bg-gray-50 rounded p-3 mb-3">
        <p class="text-xs font-medium text-gray-700 mb-2">CSVサンプル:</p>
        <pre class="text-xs text-gray-800 overflow-x-auto whitespace-pre">商品コード,倉庫コード,ロット番号,賞味期限,調整数,調整理由
GT-101,WH01,,,100,初期在庫登録（入庫）
GT-201,WH01,LOT2025001,2025-06-30,-50,棚卸差異（出庫）
GT-301,WH02,,,0,変更なし確認</pre>
    </div>

    {{-- 注意事項 --}}
    <div class="bg-amber-50 border border-amber-200 rounded p-3">
        <p class="text-xs font-medium text-amber-800 mb-1">注意事項:</p>
        <ul class="text-xs text-amber-700 list-disc list-inside space-y-1">
            <li><strong>調整数の考え方</strong>: 正数=入庫（在庫増加）、負数=出庫（在庫減少）、0=変更なし</li>
            <li>BE品（食品商品）の場合、賞味期限は必須です（ロット番号は任意）</li>
            <li>調整後在庫（現在庫＋調整数）がマイナスになる場合はエラーになります</li>
            <li>出庫時、調整後在庫が引当済み数量を下回る場合はエラーになります</li>
            <li>在庫が存在しない場合は新規ロットとして作成されます（調整数が初期在庫になります）</li>
            <li>All or Nothing方式：エラーがある場合は全件ロールバックされます</li>
        </ul>
    </div>
</div>