<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>タグ発送宛名PDF</title>
    <!-- Google Fonts: Noto Sans JP -->
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap" rel="stylesheet">
    <style>
        body {
            font-family: 'Noto Sans JP', 'Meiryo', 'MS PGothic', sans-serif;
            font-size: 15px;
            margin: 0;
            padding: 0;
        }
        .label-block {
            width: 100%;
            max-width: 700px;
            margin: 0 auto;
            padding: 60px 60px 40px 60px;
            min-height: 900px;
            box-sizing: border-box;
        }
        .header {
            margin-bottom: 32px;
        }
        .user-name {
            font-size: 20px;
            font-weight: bold;
            margin: 18px 0 0 0;
        }
        .address {
            margin-bottom: 8px;
        }
        .content {
            margin-top: 32px;
        }
        .content p {
            margin-bottom: 18px;
            line-height: 2.1;
        }
        .content ol {
            margin-left: 0;
            padding-left: 1.2em;
            font-size: 15px;
        }
        .content li {
            margin-bottom: 14px;
        }
        .note {
            margin-top: 40px;
            font-size: 14px;
        }
        .footer {
            margin-top: 50px;
            font-size: 14px;
            text-align: center;
        }
        .red {
            color: #d00;
            font-weight: bold;
        }
        ul {
            margin-top: 0;
            margin-bottom: 0;
        }
        @page {
            size: A4;
            margin: 40px 30px 40px 30px;
        }
    </style>
</head>
</body>
@foreach($users as $user)
<div class="label-block" style="width:100%;max-width:800px;margin:0 auto;padding:60px 60px 40px 60px;">
    <div class="header">
        <div style="font-size:15px;letter-spacing:1px;">〒{{ $user->user_regident_zip }}</div>
        <div style="font-size:15px;letter-spacing:1px;">{{ $user->user_regident_pre }}</div>
        <div class="user-name">{{ $user->user_name }}様</div>
    </div>
    <div class="content">
        <p>この度は So-Manager（ソーマネージャー）のお申込み、ありがとうございます。<br>
        定期利用シール発行にご利用いただく「ICタグ」を同封いたしましたので、ご確認いただき、<br>
        以下のようにお手続きを進めてください。</p>
        <ol>
            <li><span class="red">9/27 日頃 SMBC ファイナンスサービス(株)より別便でお手元に届く「払込取扱票」を<BR>コンビニエンスストア等にお持ちになり、利用料金をお支払いください。</span></li>
            <li>お支払い完了後（3～5分程度）「ICタグ」が有効になりますので、<BR>駐輪場に設置している定期利用シール発行機で定期利用シールを発行してください。<BR>（シール発行機の読み取り機にICタグをかざすと、シールが発行されます。）</li>
            <li>印字された定期利用シールを自転車に貼ってご利用ください。<BR>（定期利用シールは泥除けなどの見やすい位置に貼ってください）</li>
        </ol>
    </div>
    <div class="note">
        <div style="font-weight:bold;text-align:center;margin-bottom:10px;">【注意事項】</div>
        <ul>
            <li>※定期利用シールを貼っていないと、一時利用自転車と区別がつかず<BR>無断駐輪自転車と判断されますのでご注意ください。</li>
            <li>※その他ご不明な点等ございましたら「So-Managerサポートセンター」にお問合せください。</li>
        </ul>
    </div>
    <div class="footer" style="margin-top:50px;font-size:14px;text-align:center;">
        So-manager サポートセンター：TEL：03-5856-4720<br>
        受付時間　毎日12：00～22：00
    </div>
</div>
@endforeach
</html>
