@extends('layouts.app')
<style>
    input.form-control,
    select.form-control,
    textarea.form-control {
        color: #222 !important;
    }

    /* 利用規約モーダル用CSS */
    .modal-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.5);
        display: none;
        align-items: center;
        justify-content: center;
        z-index: 9999;
    }

    .modal-content {
        background: #fff;
        padding: 30px 30px;
        border-radius: 8px;
        max-width: 800px;
        width: 95vw;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
        position: relative;
    }

    .modal-body {
        max-height: 60vh;
        overflow-y: auto;
        margin-bottom: 20px;
    }

    .close-btn {
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 1.5rem;
        background: none;
        border: none;
        cursor: pointer;
    }
</style>
@section('content')
<main>
    <!-- 利用規約ポップアップ -->
    <div id="termsModal" class="modal-overlay">
        <div class="modal-content">
            <button type="button" class="close-btn" id="closeModalBtn">×</button>
            <h5 class="modal-title text-center">利用規約</h5>
            <div class="modal-body">
                {!! nl2br(e($terms_text)) !!}
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-success btn-lg btn-block" id="okModalBtn">OK</button>
            </div>
        </div>
    </div>
    <header class="alert alert-success">
        <h4 class="container">新規定期契約 > 情報を入力する</h4>
    </header>
    <section class="container mt30 mb50">
        {{-- サーバーサイドエラー表示 --}}
        @if ($errors->any())
        <div class="alert alert-danger alert-dismissible" id="formErrorAreaPhp">
            <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
        @endif
        <form class="row form" action="{{ route('regular_contract.input.check') }}" method="post" enctype="multipart/form-data" autocomplete="off">
            @csrf
            <input type="hidden" name="park_id" value="{{ request()->query('park_id') }}">
            <input type="hidden" name="psection_id" value="{{ request()->query('psection_id') }}">
            <input type="hidden" name="ptype_id" value="{{ request()->query('ptype_id') }}">
            {{-- お名前（編集不可） --}}
            <div class="col-12 col-md-3 offset-0 offset-md-2">
                <label for="user_name">お名前</label>
            </div>
            <div class="col-12 col-lg-6 mb10">
                <span style="font-size:1.5rem; font-weight:bold;">{{ $user->user_name }}</span>
            </div>
            {{-- フリガナ --}}
            <div class="col-12 col-md-3 offset-0 offset-md-2">
                <label for="user_phonetic">フリガナ<span style="color:red;">*</span></label>
            </div>
            <div class="col-12 col-lg-6 mb10">
                <input type="text" class="form-control" id="user_phonetic" name="user_phonetic" value="{{ old('user_phonetic', $user->user_phonetic) }}">
            </div>
            {{-- 性別（駐輪場マスタの設定により表示/非表示） --}}
            @if (!empty($park->gender_display_flag) && $park->gender_display_flag == 1)
            <div class="col-12 col-md-3 offset-0 offset-md-2">
                <label for="user_gender">性別<span style="color:red;">*</span></label>
            </div>
            <div class="col-12 col-lg-6 mb10">
                <select class="form-control" id="user_gender" name="user_gender">
                    <option value="">選択してください</option>
                    <option value="男性" {{ old('user_gender', $user->user_gender) == '男性' ? 'selected' : '' }}>男性</option>
                    <option value="女性" {{ old('user_gender', $user->user_gender) == '女性' ? 'selected' : '' }}>女性</option>
                </select>
            </div>
            @endif
            {{-- 居住所 --}}
            <div class="col-12 col-md-3 offset-0 offset-md-2">
                <label for="user_regident_zip">居住所<span style="color:red;">*</span></label>
            </div>
            <div class="col-12 col-lg-6 mb10 h-adr">
                <input type="text" class="form-control d-inline-block" style="width:120px;" name="user_regident_zip_1" maxlength="3" value="{{ old('user_regident_zip_1', substr($user->user_regident_zip,0,3)) }}"> -
                <input type="text" class="form-control d-inline-block" style="width:140px;" name="user_regident_zip_2" maxlength="4" value="{{ old('user_regident_zip_2', substr($user->user_regident_zip,3,4)) }}"><br>
                <select class="form-control d-inline-block" style="margin-top:8px; width:180px;" name="user_regident_pre">
                    <option value="">都道府県</option>
                    <option value="北海道" {{ old('user_regident_pre', $user->user_regident_pre) == '北海道' ? 'selected' : '' }}>北海道</option>
                    <option value="青森県" {{ old('user_regident_pre', $user->user_regident_pre) == '青森県' ? 'selected' : '' }}>青森県</option>
                    <option value="岩手県" {{ old('user_regident_pre', $user->user_regident_pre) == '岩手県' ? 'selected' : '' }}>岩手県</option>
                    <option value="宮城県" {{ old('user_regident_pre', $user->user_regident_pre) == '宮城県' ? 'selected' : '' }}>宮城県</option>
                    <option value="秋田県" {{ old('user_regident_pre', $user->user_regident_pre) == '秋田県' ? 'selected' : '' }}>秋田県</option>
                    <option value="山形県" {{ old('user_regident_pre', $user->user_regident_pre) == '山形県' ? 'selected' : '' }}>山形県</option>
                    <option value="福島県" {{ old('user_regident_pre', $user->user_regident_pre) == '福島県' ? 'selected' : '' }}>福島県</option>
                    <option value="茨城県" {{ old('user_regident_pre', $user->user_regident_pre) == '茨城県' ? 'selected' : '' }}>茨城県</option>
                    <option value="栃木県" {{ old('user_regident_pre', $user->user_regident_pre) == '栃木県' ? 'selected' : '' }}>栃木県</option>
                    <option value="群馬県" {{ old('user_regident_pre', $user->user_regident_pre) == '群馬県' ? 'selected' : '' }}>群馬県</option>
                    <option value="埼玉県" {{ old('user_regident_pre', $user->user_regident_pre) == '埼玉県' ? 'selected' : '' }}>埼玉県</option>
                    <option value="千葉県" {{ old('user_regident_pre', $user->user_regident_pre) == '千葉県' ? 'selected' : '' }}>千葉県</option>
                    <option value="東京都" {{ old('user_regident_pre', $user->user_regident_pre) == '東京都' ? 'selected' : '' }}>東京都</option>
                    <option value="神奈川県" {{ old('user_regident_pre', $user->user_regident_pre) == '神奈川県' ? 'selected' : '' }}>神奈川県</option>
                    <option value="新潟県" {{ old('user_regident_pre', $user->user_regident_pre) == '新潟県' ? 'selected' : '' }}>新潟県</option>
                    <option value="富山県" {{ old('user_regident_pre', $user->user_regident_pre) == '富山県' ? 'selected' : '' }}>富山県</option>
                    <option value="石川県" {{ old('user_regident_pre', $user->user_regident_pre) == '石川県' ? 'selected' : '' }}>石川県</option>
                    <option value="福井県" {{ old('user_regident_pre', $user->user_regident_pre) == '福井県' ? 'selected' : '' }}>福井県</option>
                    <option value="山梨県" {{ old('user_regident_pre', $user->user_regident_pre) == '山梨県' ? 'selected' : '' }}>山梨県</option>
                    <option value="長野県" {{ old('user_regident_pre', $user->user_regident_pre) == '長野県' ? 'selected' : '' }}>長野県</option>
                    <option value="岐阜県" {{ old('user_regident_pre', $user->user_regident_pre) == '岐阜県' ? 'selected' : '' }}>岐阜県</option>
                    <option value="静岡県" {{ old('user_regident_pre', $user->user_regident_pre) == '静岡県' ? 'selected' : '' }}>静岡県</option>
                    <option value="愛知県" {{ old('user_regident_pre', $user->user_regident_pre) == '愛知県' ? 'selected' : '' }}>愛知県</option>
                    <option value="三重県" {{ old('user_regident_pre', $user->user_regident_pre) == '三重県' ? 'selected' : '' }}>三重県</option>
                    <option value="滋賀県" {{ old('user_regident_pre', $user->user_regident_pre) == '滋賀県' ? 'selected' : '' }}>滋賀県</option>
                    <option value="京都府" {{ old('user_regident_pre', $user->user_regident_pre) == '京都府' ? 'selected' : '' }}>京都府</option>
                    <option value="大阪府" {{ old('user_regident_pre', $user->user_regident_pre) == '大阪府' ? 'selected' : '' }}>大阪府</option>
                    <option value="兵庫県" {{ old('user_regident_pre', $user->user_regident_pre) == '兵庫県' ? 'selected' : '' }}>兵庫県</option>
                    <option value="奈良県" {{ old('user_regident_pre', $user->user_regident_pre) == '奈良県' ? 'selected' : '' }}>奈良県</option>
                    <option value="和歌山県" {{ old('user_regident_pre', $user->user_regident_pre) == '和歌山県' ? 'selected' : '' }}>和歌山県</option>
                    <option value="鳥取県" {{ old('user_regident_pre', $user->user_regident_pre) == '鳥取県' ? 'selected' : '' }}>鳥取県</option>
                    <option value="島根県" {{ old('user_regident_pre', $user->user_regident_pre) == '島根県' ? 'selected' : '' }}>島根県</option>
                    <option value="岡山県" {{ old('user_regident_pre', $user->user_regident_pre) == '岡山県' ? 'selected' : '' }}>岡山県</option>
                    <option value="広島県" {{ old('user_regident_pre', $user->user_regident_pre) == '広島県' ? 'selected' : '' }}>広島県</option>
                    <option value="山口県" {{ old('user_regident_pre', $user->user_regident_pre) == '山口県' ? 'selected' : '' }}>山口県</option>
                    <option value="徳島県" {{ old('user_regident_pre', $user->user_regident_pre) == '徳島県' ? 'selected' : '' }}>徳島県</option>
                    <option value="香川県" {{ old('user_regident_pre', $user->user_regident_pre) == '香川県' ? 'selected' : '' }}>香川県</option>
                    <option value="愛媛県" {{ old('user_regident_pre', $user->user_regident_pre) == '愛媛県' ? 'selected' : '' }}>愛媛県</option>
                    <option value="高知県" {{ old('user_regident_pre', $user->user_regident_pre) == '高知県' ? 'selected' : '' }}>高知県</option>
                    <option value="福岡県" {{ old('user_regident_pre', $user->user_regident_pre) == '福岡県' ? 'selected' : '' }}>福岡県</option>
                    <option value="佐賀県" {{ old('user_regident_pre', $user->user_regident_pre) == '佐賀県' ? 'selected' : '' }}>佐賀県</option>
                    <option value="長崎県" {{ old('user_regident_pre', $user->user_regident_pre) == '長崎県' ? 'selected' : '' }}>長崎県</option>
                    <option value="熊本県" {{ old('user_regident_pre', $user->user_regident_pre) == '熊本県' ? 'selected' : '' }}>熊本県</option>
                    <option value="大分県" {{ old('user_regident_pre', $user->user_regident_pre) == '大分県' ? 'selected' : '' }}>大分県</option>
                    <option value="宮崎県" {{ old('user_regident_pre', $user->user_regident_pre) == '宮崎県' ? 'selected' : '' }}>宮崎県</option>
                    <option value="鹿児島県" {{ old('user_regident_pre', $user->user_regident_pre) == '鹿児島県' ? 'selected' : '' }}>鹿児島県</option>
                    <option value="沖縄県" {{ old('user_regident_pre', $user->user_regident_pre) == '沖縄県' ? 'selected' : '' }}>沖縄県</option>
                </select><br>
                <input type="text" class="form-control d-inline-block" style="margin-top:8px; " name="user_regident_city" value="{{ old('user_regident_city', $user->user_regident_city) }}" placeholder="足立区"><br>
                <input type="text" class="form-control d-inline-block" style="margin-top:8px; " name="user_regident_add" value="{{ old('user_regident_add', $user->user_regident_add) }}" placeholder="六町1-1-1">
            </div>
            {{-- 生年月日 --}}
            @if (!empty($park->bd_display_flag) && $park->bd_display_flag == 1)
            <div class="col-12 col-md-3 offset-0 offset-md-2">
                <label for="user_birthdate">生年月日<span style="color:red;">*</span></label>
            </div>
            <div class="col-12 col-lg-6 mb10">
                <input type="date" class="form-control" id="user_birthdate" name="user_birthdate" value="{{ old('user_birthdate', $user->user_birthdate) }}">
            </div>
            {{-- 年齢（自動計算 かつ 表示のみ） --}}
            <div class="col-12 col-md-3 offset-0 offset-md-2">
                <label for="user_age">年齢</label>
            </div>
            <div class="col-12 col-lg-6 mb10">
                <input type="number" class="form-control" id="user_age" name="user_age" value="{{ old('user_age', $user->user_age) }}" readonly>
            </div>
            @endif
            {{-- 自宅電話番号 --}}
            <div class="col-12 col-md-3 offset-0 offset-md-2">
                <label for="user_homephone">自宅電話番号</label>
            </div>
            <div class="col-12 col-lg-6 mb10">
                <input type="text" class="form-control" name="user_homephone[]" value="{{ old('user_homephone.0', $user->user_homephone[0] ?? '') }}" style="width:80px; display:inline-block;">
                -
                <input type="text" class="form-control" name="user_homephone[]" value="{{ old('user_homephone.1', $user->user_homephone[1] ?? '') }}" style="width:80px; display:inline-block;">
                -
                <input type="text" class="form-control" name="user_homephone[]" value="{{ old('user_homephone.2', $user->user_homephone[2] ?? '') }}" style="width:80px; display:inline-block;">
            </div>
            {{-- 携帯電話番号 --}}
            <div class="col-12 col-md-3 offset-0 offset-md-2">
                <label for="user_mobile">携帯電話番号</label>
            </div>
            <div class="col-12 col-lg-6 mb10">
                <input type="text" class="form-control" name="user_mobile[]" value="{{ old('user_mobile.0', $user->user_mobile[0] ?? '') }}" style="width:80px; display:inline-block;">
                -
                <input type="text" class="form-control" name="user_mobile[]" value="{{ old('user_mobile.1', $user->user_mobile[1] ?? '') }}" style="width:80px; display:inline-block;">
                -
                <input type="text" class="form-control" name="user_mobile[]" value="{{ old('user_mobile.2', $user->user_mobile[2] ?? '') }}" style="width:80px; display:inline-block;">
            </div>
            {{-- メールアドレス --}}
            <div class="col-12 col-md-3 offset-0 offset-md-2">
                <label for="user_primemail">メールアドレス <span style="color:red;">*</span></label>
            </div>
            <div class="col-12 col-lg-6 mb10">
                <input type="email" class="form-control" id="user_primemail" name="user_primemail" value="{{ old('user_primemail', $user->user_primemail) }}" placeholder="name@example.com" readonly>
            </div>
            {{-- 予備メールアドレス --}}
            <div class="col-12 col-md-3 offset-0 offset-md-2">
                <label for="user_submail">予備メールアドレス</label>
            </div>
            <div class="col-12 col-lg-6 mb10">
                <input type="email" class="form-control" id="user_submail" name="user_submail" value="{{ old('user_submail', $user->user_submail) }}" placeholder="name.sub@example.com">
            </div>
            {{-- 利用者区分 --}}
            <div class="col-12 col-md-3 offset-0 offset-md-2 d-flex align-items-center">
                <label>利用者区分<span style="color:red;">*</span></label>
                <button type="button" id="userTypeInfoBtn" style="margin-left:2px; border:none; background:none; cursor:pointer; vertical-align:top; position:relative; top:-4px;">
                    <span style="display:inline-block; width:24px; height:24px; border-radius:50%; border:2px solid #007bff; text-align:center; line-height:20px; font-weight:bold; color:#007bff; font-size:16px; background:#fff;">？</span>
                </button>
            </div>
            <div class="col-12 col-lg-6 mb10">
                <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" name="user_category" id="user_categoryid_ippan" value="一般" {{ old('user_category', $user_category) == '一般' ? 'checked' : '' }}>
                    <label class="form-check-label" for="user_categoryid_ippan">一般</label>
                </div>
                <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" name="user_category" id="user_categoryid_gakusei" value="学生" {{ old('user_category', $user_category) == '学生' ? 'checked' : '' }}>
                    <label class="form-check-label" for="user_categoryid_gakusei">学生</label>
                </div>
            </div>
            {{-- 減免 --}}
            <div class="col-12 col-md-3 offset-0 offset-md-2 d-flex align-items-center">
                <label>減免<span style="color:red;">*</span></label>
                <button type="button" id="userTypeInfoBtn2" style="margin-left:2px; border:none; background:none; cursor:pointer; vertical-align:top; position:relative; top:-4px;">
                    <span style="display:inline-block; width:24px; height:24px; border-radius:50%; border:2px solid #007bff; text-align:center; line-height:20px; font-weight:bold; color:#007bff; font-size:16px; background:#fff;">？</span>
                </button>
            </div>
            <div class="col-12 col-lg-6 mb10">
                <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" name="contract_reduction" id="contract_reduction_yes" value="はい">
                    <label class="form-check-label" for="contract_reduction_yes">はい</label>
                </div>
                <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" name="contract_reduction" id="contract_reduction_no" value="いいえ">
                    <label class="form-check-label" for="contract_reduction_no">いいえ</label>
                </div>
            </div>
            {{-- 勤務先名（一般のみ表示） --}}
            <div class="col-12 col-md-3 offset-0 offset-md-2 user_workplace_area {{ old('user_category', $user_category) == '学生' ? 'd-none' : '' }}">
                <label for="user_workplace">勤務先名<span style="color:red;">*</span></label>
            </div>
            <div class="col-12 col-lg-6 mb10 user_workplace_area {{ old('user_category', $user_category) == '学生' ? 'd-none' : '' }}">
                <input type="text" class="form-control" id="user_workplace" name="user_workplace" value="{{ old('user_workplace', $user->user_workplace) }}" placeholder="マルバツ株式会社">
            </div>
            {{-- 学校名（学生のみ表示） --}}
            <div class="col-12 col-md-3 offset-0 offset-md-2 user_school_area {{ old('user_category', $user_category) == '学生' ? '' : 'd-none' }}">
                <label for="user_school">学校名<span style="color:red;">*</span></label>
            </div>
            <div class="col-12 col-lg-6 mb10 user_school_area {{ old('user_category', $user_category) == '学生' ? '' : 'd-none' }}">
                <input type="text" class="form-control" id="user_school" name="user_school" value="{{ old('user_school', $user->user_school) }}">
            </div>
            {{-- 卒業予定（学生のみ表示） --}}
            <div class="col-12 col-md-3 offset-0 offset-md-2 user_graduate_area {{ old('user_category', $user_category) == '学生' ? '' : 'd-none' }}">
                <label for="user_graduate">卒業予定<span style="color:red;">*</span></label>
            </div>
            <div class="col-12 col-lg-6 mb10 user_graduate_area {{ old('user_category', $user_category) == '学生' ? '' : 'd-none' }}">
                <input type="date" class="form-control" id="user_graduate" name="user_graduate" value="{{ old('user_graduate', $user->user_graduate) }}">
            </div>
            {{-- 住所（関連） --}}
            <div class="col-12 col-md-3 offset-0 offset-md-2">
                <label for="user_relate">住所</label>
            </div>
            <div class="col-12 col-lg-6 mb10 h-adr">
                <input type="text" class="form-control d-inline-block" style="width:80px;" name="user_relate_zip_1" maxlength="3" value="{{ old('user_relate_zip_1', substr($user->user_relate_zip,0,3)) }}"> -
                <input type="text" class="form-control d-inline-block" style="width:100px;" name="user_relate_zip_2" maxlength="4" value="{{ old('user_relate_zip_2', substr($user->user_relate_zip,3,4)) }}"><br>
                <select class="form-control d-inline-block" style="margin-top:8px; width:180px;" name="user_relate_pre">
                    <option value="">都道府県</option>
                    <option value="北海道" {{ old('user_relate_pre', $user->user_relate_pre) == '北海道' ? 'selected' : '' }}>北海道</option>
                    <option value="青森県" {{ old('user_relate_pre', $user->user_relate_pre) == '青森県' ? 'selected' : '' }}>青森県</option>
                    <option value="岩手県" {{ old('user_relate_pre', $user->user_relate_pre) == '岩手県' ? 'selected' : '' }}>岩手県</option>
                    <option value="宮城県" {{ old('user_relate_pre', $user->user_relate_pre) == '宮城県' ? 'selected' : '' }}>宮城県</option>
                    <option value="秋田県" {{ old('user_relate_pre', $user->user_relate_pre) == '秋田県' ? 'selected' : '' }}>秋田県</option>
                    <option value="山形県" {{ old('user_relate_pre', $user->user_relate_pre) == '山形県' ? 'selected' : '' }}>山形県</option>
                    <option value="福島県" {{ old('user_relate_pre', $user->user_relate_pre) == '福島県' ? 'selected' : '' }}>福島県</option>
                    <option value="茨城県" {{ old('user_relate_pre', $user->user_relate_pre) == '茨城県' ? 'selected' : '' }}>茨城県</option>
                    <option value="栃木県" {{ old('user_relate_pre', $user->user_relate_pre) == '栃木県' ? 'selected' : '' }}>栃木県</option>
                    <option value="群馬県" {{ old('user_relate_pre', $user->user_relate_pre) == '群馬県' ? 'selected' : '' }}>群馬県</option>
                    <option value="埼玉県" {{ old('user_relate_pre', $user->user_relate_pre) == '埼玉県' ? 'selected' : '' }}>埼玉県</option>
                    <option value="千葉県" {{ old('user_relate_pre', $user->user_relate_pre) == '千葉県' ? 'selected' : '' }}>千葉県</option>
                    <option value="東京都" {{ old('user_relate_pre', $user->user_relate_pre) == '東京都' ? 'selected' : '' }}>東京都</option>
                    <option value="神奈川県" {{ old('user_relate_pre', $user->user_relate_pre) == '神奈川県' ? 'selected' : '' }}>神奈川県</option>
                    <option value="新潟県" {{ old('user_relate_pre', $user->user_relate_pre) == '新潟県' ? 'selected' : '' }}>新潟県</option>
                    <option value="富山県" {{ old('user_relate_pre', $user->user_relate_pre) == '富山県' ? 'selected' : '' }}>富山県</option>
                    <option value="石川県" {{ old('user_relate_pre', $user->user_relate_pre) == '石川県' ? 'selected' : '' }}>石川県</option>
                    <option value="福井県" {{ old('user_relate_pre', $user->user_relate_pre) == '福井県' ? 'selected' : '' }}>福井県</option>
                    <option value="山梨県" {{ old('user_relate_pre', $user->user_relate_pre) == '山梨県' ? 'selected' : '' }}>山梨県</option>
                    <option value="長野県" {{ old('user_relate_pre', $user->user_relate_pre) == '長野県' ? 'selected' : '' }}>長野県</option>
                    <option value="岐阜県" {{ old('user_relate_pre', $user->user_relate_pre) == '岐阜県' ? 'selected' : '' }}>岐阜県</option>
                    <option value="静岡県" {{ old('user_relate_pre', $user->user_relate_pre) == '静岡県' ? 'selected' : '' }}>静岡県</option>
                    <option value="愛知県" {{ old('user_relate_pre', $user->user_relate_pre) == '愛知県' ? 'selected' : '' }}>愛知県</option>
                    <option value="三重県" {{ old('user_relate_pre', $user->user_relate_pre) == '三重県' ? 'selected' : '' }}>三重県</option>
                    <option value="滋賀県" {{ old('user_relate_pre', $user->user_relate_pre) == '滋賀県' ? 'selected' : '' }}>滋賀県</option>
                    <option value="京都府" {{ old('user_relate_pre', $user->user_relate_pre) == '京都府' ? 'selected' : '' }}>京都府</option>
                    <option value="大阪府" {{ old('user_relate_pre', $user->user_relate_pre) == '大阪府' ? 'selected' : '' }}>大阪府</option>
                    <option value="兵庫県" {{ old('user_relate_pre', $user->user_relate_pre) == '兵庫県' ? 'selected' : '' }}>兵庫県</option>
                    <option value="奈良県" {{ old('user_relate_pre', $user->user_relate_pre) == '奈良県' ? 'selected' : '' }}>奈良県</option>
                    <option value="和歌山県" {{ old('user_relate_pre', $user->user_relate_pre) == '和歌山県' ? 'selected' : '' }}>和歌山県</option>
                    <option value="鳥取県" {{ old('user_relate_pre', $user->user_relate_pre) == '鳥取県' ? 'selected' : '' }}>鳥取県</option>
                    <option value="島根県" {{ old('user_relate_pre', $user->user_relate_pre) == '島根県' ? 'selected' : '' }}>島根県</option>
                    <option value="岡山県" {{ old('user_relate_pre', $user->user_relate_pre) == '岡山県' ? 'selected' : '' }}>岡山県</option>
                    <option value="広島県" {{ old('user_relate_pre', $user->user_relate_pre) == '広島県' ? 'selected' : '' }}>広島県</option>
                    <option value="山口県" {{ old('user_relate_pre', $user->user_relate_pre) == '山口県' ? 'selected' : '' }}>山口県</option>
                    <option value="徳島県" {{ old('user_relate_pre', $user->user_relate_pre) == '徳島県' ? 'selected' : '' }}>徳島県</option>
                    <option value="香川県" {{ old('user_relate_pre', $user->user_relate_pre) == '香川県' ? 'selected' : '' }}>香川県</option>
                    <option value="愛媛県" {{ old('user_relate_pre', $user->user_relate_pre) == '愛媛県' ? 'selected' : '' }}>愛媛県</option>
                    <option value="高知県" {{ old('user_relate_pre', $user->user_relate_pre) == '高知県' ? 'selected' : '' }}>高知県</option>
                    <option value="福岡県" {{ old('user_relate_pre', $user->user_relate_pre) == '福岡県' ? 'selected' : '' }}>福岡県</option>
                    <option value="佐賀県" {{ old('user_relate_pre', $user->user_relate_pre) == '佐賀県' ? 'selected' : '' }}>佐賀県</option>
                    <option value="長崎県" {{ old('user_relate_pre', $user->user_relate_pre) == '長崎県' ? 'selected' : '' }}>長崎県</option>
                    <option value="熊本県" {{ old('user_relate_pre', $user->user_relate_pre) == '熊本県' ? 'selected' : '' }}>熊本県</option>
                    <option value="大分県" {{ old('user_relate_pre', $user->user_relate_pre) == '大分県' ? 'selected' : '' }}>大分県</option>
                    <option value="宮崎県" {{ old('user_relate_pre', $user->user_relate_pre) == '宮崎県' ? 'selected' : '' }}>宮崎県</option>
                    <option value="鹿児島県" {{ old('user_relate_pre', $user->user_relate_pre) == '鹿児島県' ? 'selected' : '' }}>鹿児島県</option>
                    <option value="沖縄県" {{ old('user_relate_pre', $user->user_relate_pre) == '沖縄県' ? 'selected' : '' }}>沖縄県</option>
                </select>
                <input type="text" class="form-control d-inline-block" style="margin-top:8px;" name="user_relate_city" value="{{ old('user_relate_city', $user->user_relate_city) }}" placeholder="足立区">
                <input type="text" class="form-control d-inline-block" style="margin-top:8px;" name="user_relate_add" value="{{ old('user_relate_add', $user->user_relate_add) }}" placeholder="六町1-1-1">
            </div>
            {{-- 防犯登録番号 --}}
            @if (!empty($park->securityreg_display_flag) && $park->securityreg_display_flag == 1)
            <div class="col-12 col-md-3 offset-0 offset-md-2">
                <label for="user_securitynum">防犯登録番号<span style="color:red;">*</span></label>
            </div>
            <div class="col-12 col-lg-6 mb10">
                <input type="text" class="form-control" id="user_securitynum" name="user_securitynum" value="{{ old('user_securitynum') }}" placeholder="123456789">
            </div>
            @endif
            {{-- 確認ボタン --}}
            <div class="col-12 col-md-5 offset-0 offset-md-1 mt10">
                <input type="submit" class="btn btn-lg btn-block btn-success" value="本人確認書類のアップロードへ" />
            </div>
            <div class="col-12 col-md-5 mt10">
                <a class="btn btn-lg btn-block btn-outline-success" href="/regular_contract/create">メニューへ戻る</a>
            </div>
        </form>
    </section>
    {{-- 利用者区分説明モーダル --}}
    <div class="modal fade" id="userTypeInfoModal" tabindex="-1" aria-labelledby="userTypeInfoModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-body">
                    <div>
                        【一般】<br>
                        　学生以外の利用者の方<br>
                        【学生】<br>
                        　学生の利用者の方<br>
                        【減免】<br>
                        　以下に該当される利用者の方が、減免の対象になる場合があります。<br>
                        　（例）<br>
                        　　・高齢者の方<br>
                        　　・障がい者の方<br>
                        　　・生活保護を受けられている方<br>
                        　　・中国残留邦人の方<br>
                        　　・児童扶養手当を受給されている方<br>
                        　詳しくはサポートセンターまでお問い合わせください。<br>
                        　TEL：03-5856-4720
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">キャンセル</button>
                </div>
            </div>
        </div>
    </div>
    @php
    $showTerms = old('show_terms_modal', session('show_terms_modal', $show_terms_modal ?? true));
    @endphp
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            var termsModal = document.getElementById('termsModal');
            var closeModalBtn = document.getElementById('closeModalBtn');
            var okModalBtn = document.getElementById('okModalBtn');
            var showTerms = {!! json_encode($showTerms) !!};
            if (showTerms) {
                // 初期表示時のみモーダル表示
                termsModal.style.display = 'flex';
                document.body.style.overflow = 'hidden';
            }

            function closeModal() {
                termsModal.style.display = 'none';
                document.body.style.overflow = '';
            }
            closeModalBtn.addEventListener('click', closeModal);
            okModalBtn.addEventListener('click', closeModal);
        });
    </script>
</main>
<script>
    // 利用者区分による表示切替
    function toggleUserTypeFields() {
        var ippan = document.getElementById('user_categoryid_ippan').checked;
        var gakusei = document.getElementById('user_categoryid_gakusei').checked;
        var workplaceAreas = document.querySelectorAll('.user_workplace_area');
        var schoolAreas = document.querySelectorAll('.user_school_area');
        var graduateAreas = document.querySelectorAll('.user_graduate_area');
        if (ippan) {
            workplaceAreas.forEach(function(el) {
                el.classList.remove('d-none');
            });
            schoolAreas.forEach(function(el) {
                el.classList.add('d-none');
            });
            graduateAreas.forEach(function(el) {
                el.classList.add('d-none');
            });
        } else if (gakusei) {
            workplaceAreas.forEach(function(el) {
                el.classList.add('d-none');
            });
            schoolAreas.forEach(function(el) {
                el.classList.remove('d-none');
            });
            graduateAreas.forEach(function(el) {
                el.classList.remove('d-none');
            });
        } else {
            workplaceAreas.forEach(function(el) {
                el.classList.remove('d-none');
            });
            schoolAreas.forEach(function(el) {
                el.classList.add('d-none');
            });
            graduateAreas.forEach(function(el) {
                el.classList.add('d-none');
            });
        }
    }
    document.getElementById('user_categoryid_ippan').addEventListener('change', toggleUserTypeFields);
    document.getElementById('user_categoryid_gakusei').addEventListener('change', toggleUserTypeFields);
    window.addEventListener('DOMContentLoaded', function() {
        toggleUserTypeFields();
    });
    // 利用者区分説明ポップアップ表示
    document.getElementById('userTypeInfoBtn').addEventListener('click', function() {
        $('#userTypeInfoModal').modal('show');
    });
    document.getElementById('userTypeInfoBtn2').addEventListener('click', function() {
        $('#userTypeInfoModal').modal('show');
    });

    // 生年月日入力時に年齢自動計算
    document.getElementById('user_birthdate').addEventListener('change', function() {
        var birth = this.value;
        var ageInput = document.getElementById('user_age');
        if (birth) {
            var today = new Date();
            var birthDate = new Date(birth);
            var age = today.getFullYear() - birthDate.getFullYear();
            var m = today.getMonth() - birthDate.getMonth();
            if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) {
                age--;
            }
            ageInput.value = age;
        } else {
            ageInput.value = '';
        }
    });
</script>
@endsection