{% extends 'events/base.html' %}

{% block title %}マイページログイン - ビジネス交流会{% endblock %}

{% block content %}
<div class="row justify-content-center">
    <div class="col-md-6">
        <div class="card">
            <div class="card-body p-5">
                <h2 class="card-title text-center mb-4">マイページログイン</h2>
                
                <p class="text-center text-muted mb-4">
                    参加申し込み時に登録した情報を入力してください
                </p>
                
                <form method="post">
                    {% csrf_token %}
                    
                    <div class="mb-3">
                        <label for="member_id" class="form-label">会員番号 <span class="text-danger">*</span></label>
                        <input type="number" class="form-control" id="member_id" name="member_id" required>
                        <small class="form-text text-muted">参加申し込み完了時に発行された会員番号をご入力ください</small>
                    </div>
                    
                    <div class="mb-4">
                        <label for="email" class="form-label">メールアドレス <span class="text-danger">*</span></label>
                        <input type="email" class="form-control" id="email" name="email" required>
                    </div>
                    
                    <div class="d-grid">
                        <button type="submit" class="btn btn-primary btn-lg">ログイン</button>
                    </div>
                </form>
                
                <hr>
                
                <div class="text-center">
                    <p class="text-muted small mb-2">会員番号をお忘れの場合は、</p>
                    <p class="text-muted small">参加申し込み時に送信されたメールをご確認ください</p>
                </div>
            </div>
        </div>
        
        <div class="mt-3 text-center">
            <a href="{% url 'events:lp_main' event.event_id %}" class="btn btn-outline-secondary">
                トップページに戻る
            </a>
        </div>
    </div>
</div>
{% endblock %}