{{--
    倉庫移動インポート用フォーマット説明パーシャル
    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="M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4"></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-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">移動する数量（0より大きい数値）</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,WH02,,,50
GT-201,WH01,WH03,LOT2025001,2025-06-30,30
GT-301,WH02,WH01,,,100</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>BE品（食品商品）の場合、賞味期限は必須です（ロット番号は任意）</li>
            <li>移動元と移動先は異なる倉庫を指定してください</li>
            <li>移動元に在庫が存在しない場合はエラーになります</li>
            <li>移動元在庫が移動数量より少ない場合はエラーになります</li>
            <li>移動後の残数が引当済み数量を下回る場合はエラーになります</li>
            <li>移動先に在庫が存在しない場合は新規ロットとして作成されます</li>
            <li>All or Nothing方式：エラーがある場合は全件ロールバックされます</li>
        </ul>
    </div>
</div>