@extends('layouts.app')

@section('content')
<div class="bg_contents">
    <div class="container-fluid mt-md-2 mb-5">
        <div class="conteiner col-12 col-md-12 col-lg-8 col-xl-8 mx-auto">
            @if (\App\DateSet::find(1))
                @if (\Carbon\Carbon::now()->lt(\App\DateSet::find(1)->finish_pay_day))
                    @if ($_SERVER['REQUEST_URI'] !== '/register_for_member')
                        @include('partials.register_fee_table')
                    @endif
                    <div class="card_info mt-4">
                        <div class="card-body">
                            <h4 class="card-title bg-main-color text-white p-2 text-center position-relative">
                                @if ($_SERVER['REQUEST_URI'] !== '/register_for_member')
                                    <span class="align-middle ml-2">参加登録</span>
                                @else
                                    <span class="align-middle ml-2">会費のお支払い</span>
                                @endif
                            </h4>
                            <div class="pb-5">
                                <div class="px-sm-0 px-md-2">
                                    @if ($_SERVER['REQUEST_URI'] !== '/register_for_member')
                                        <p class="border_btm">以下の必要事項をご入力の上、「登録」ボタンを押してください。</p>
                                        <ul class="f14">
                                            <li class="kome">すでに登録済みの方は<a style="color: blue;" href="{{ url('login') }}">こちらからログイン</a>。</li>
                                        </ul>
                                    @else
                                        <p class="border_btm">会費のお支払いの前に登録が必要です。<br>以下の必要事項をご入力の上、「登録」ボタンを押してください。</p>
                                    @endif
                                </div>

                                <div class="p-sm-2 p-md-3">
                                    <form method="POST" action="{{ route('register') }}">
                                        @csrf
                                        <!-- 氏名セクション -->
                                        <p class="f18 font-weight-bold border_bottom"><i class="fas fa-angle-right fa-fw arrow_color text-sub-color"></i>氏名<span class="badge badge-danger ml-2">必須</span></p>
                                        <div class="form-row">
                                            <div class="col-md-6 mb-3">
                                                <label for="name_last">姓</label>
                                                <input id="name_last" type="text" class="form-control form-control-sm @error('name_last') is-invalid @enderror" name="name_last" value="{{ old('name_last') }}" required placeholder="姓">
                                                @error('name_last')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                            <div class="col-md-6 mb-3">
                                                <label for="name_first">名</label>
                                                <input id="name_first" type="text" class="form-control form-control-sm @error('name_first') is-invalid @enderror" name="name_first" value="{{ old('name_first') }}" required placeholder="名">
                                                @error('name_first')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                            <div class="col-md-6 mb-3">
                                                <label for="kana_last">姓(カナ)</label>
                                                <input id="kana_last" type="text" class="form-control form-control-sm @error('kana_last') is-invalid @enderror" name="kana_last" value="{{ old('kana_last') }}" required placeholder="セイ(全角)">
                                                @error('kana_last')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                            <div class="col-md-6 mb-3">
                                                <label for="kana_first">名(カナ)</label>
                                                <input id="kana_first" type="text" class="form-control form-control-sm @error('kana_first') is-invalid @enderror" name="kana_first" value="{{ old('kana_first') }}" placeholder="メイ(全角)">
                                                @error('kana_first')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>

                                        <!-- 生年月日・性別セクション -->
                                        @include('partials.birth_sex')

                                        <!-- メール・パスワードセクション -->
                                        @include('partials.email_password')

                                        <!-- クーポンコード入力欄 -->
                                        <p class="f18 font-weight-bold border_bottom mt-5">
                                            <i class="fas fa-angle-right fa-fw arrow_color text-sub-color"></i>クーポンコード
                                        </p>
                                        <div class="form-row">
                                            <div class="col-md-6 mb-3">
                                                <input id="coupon_code" type="text" class="form-control form-control-sm @error('coupon_code') is-invalid @enderror" name="coupon_code" value="{{ old('coupon_code') }}" placeholder="お持ちの方はご入力ください">
                                                @error('coupon_code')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>

                                        <!-- 職業関連セクション -->
                                        <p class="f18 font-weight-bold border_bottom mt-5"><i class="fas fa-angle-right fa-fw arrow_color text-sub-color"></i>ご職業について</p>

                                        <!-- 職種セクション -->
                                        <div class="form-row">
                                            @if ($_SERVER['REQUEST_URI'] !== '/register_for_member')
                                                <div class="col-md-4 mb-3 p-2">
                                                    <label class="control-label">職種<span class="badge badge-danger ml-2">必須</span></label>
                                                    <select class="custom-select @error('work_category') is-invalid @enderror" name="work_category">
                                                        <option value="">選択してください---</option>
                                                        <option value="1" @if(old('work_category') == '1') selected @endif>医師</option>
                                                        <option value="3" @if(old('work_category') == '3') selected @endif>メディカルスタッフ</option>
                                                        <option value="2" @if(old('work_category') == '2') selected @endif>病院事務スタッフ</option>
                                                        <option value="4" @if(old('work_category') == '4') selected @endif>製薬企業</option>
                                                        <option value="5" @if(old('work_category') == '5') selected @endif>医療機器企業</option>
                                                        <option value="6" @if(old('work_category') == '6') selected @endif>その他</option>
                                                    </select>
                                                    @error('work_category')
                                                        <span class="invalid-feedback" role="alert">
                                                            <strong>{{ $message }}</strong>
                                                        </span>
                                                    @enderror
                                                </div>
                                            @else
                                                <input type="hidden" name="work_category" value="1">
                                            @endif
                                        </div>

                                        <!-- 診療科目セクション -->
                                        <div class="form-row">
                                            @include('partials.doctor_category')
                                        </div>

                                        <!-- 専門分野セクション -->
                                        <div class="form-row">
                                            <div class="col-md-12 mb-3">
                                                <label>専門<span class="badge badge-danger ml-2">必須</span></label>
                                                <div class="form-row">
                                                    @php
                                                        $specialties = [
                                                            '虚血性心疾患',
                                                            '循環器全般',
                                                            '末梢動脈疾患',
                                                            '構造的心疾患',
                                                            '不整脈',
                                                            '心不全',
                                                            '高血圧',
                                                            '糖尿病',
                                                            '超音波',
                                                            '集中治療',
                                                            'その他'
                                                        ];
                                                    @endphp
                                                    @foreach($specialties as $specialty)
                                                        <div class="col-md-3 mb-2">
                                                            <div class="custom-control custom-checkbox">
                                                                <input type="checkbox" class="custom-control-input" id="specialty_{{ $loop->index }}" name="specialties[]" value="{{ $specialty }}" {{ in_array($specialty, old('specialties', [])) ? 'checked' : '' }}>
                                                                <label class="custom-control-label" for="specialty_{{ $loop->index }}">
                                                                    {{ $specialty }}
                                                                </label>
                                                            </div>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>

                                        <!-- 勤務先情報セクション -->
                                        @include('partials.work_info')

                                        <!-- CVIT会員セクション -->
                                        @include('partials.cvit_member')

                                        @if ($_SERVER['REQUEST_URI'] !== '/register_for_member')
                                            <!-- コメディカル区分セクション -->
                                            @include('partials.co_medical')

                                            <p class="f18 font-weight-bold border_bottom mt-5"><i class="fas fa-angle-right fa-fw arrow_color text-sub-color"></i>お答えください</p>

                                            <!-- イベント情報入手経路セクション -->
                                            <div class="form-row mb-4">
                                                <div class="col-md-6">
                                                    <label>どちらで開催をお知りになりましたか<span class="badge badge-danger ml-2">必須</span></label>
                                                    <select class="custom-select @error('event_source') is-invalid @enderror" name="event_source" id="event_source">
                                                        <option value="">選択してください---</option>
                                                        @php
                                                            $sources = [
                                                                'X',
                                                                'facebook',
                                                                '毎年参加しているから',
                                                                '口コミ',
                                                                '医師からの紹介',
                                                                '医療機器企業からの紹介',
                                                                '製薬企業からの紹介',
                                                                'その他の方からの紹介',
                                                                'チラシ',
                                                                'TCROSS NEWS',
                                                                'メルマガ',
                                                                '第32回東海ライブ研究会HPから',
                                                                'その他'
                                                            ];
                                                        @endphp
                                                        @foreach($sources as $source)
                                                            <option value="{{ $source }}" {{ old('event_source') == $source ? 'selected' : '' }}>
                                                                {{ $source }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                    @error('event_source')
                                                        <span class="invalid-feedback" role="alert">
                                                            <strong>{{ $message }}</strong>
                                                        </span>
                                                    @enderror
                                                </div>

                                                <div class="col-md-6" id="event_source_other_div" style="display: none;">
                                                    <label>その他の場合、詳細をご記入ください<span class="badge badge-danger ml-2">必須</span></label>
                                                    <input type="text" class="form-control @error('event_source_other') is-invalid @enderror" name="event_source_other" value="{{ old('event_source_other') }}">
                                                    @error('event_source_other')
                                                        <span class="invalid-feedback" role="alert">
                                                            <strong>{{ $message }}</strong>
                                                        </span>
                                                    @enderror
                                                </div>
                                            </div>

                                            <!-- 参加経験セクション -->
                                            @include('partials.participation_history')

                                            {{-- メールマガジン配信設定 --}}
                                            {{-- <label class="mt-3 title_label text-sub-color">循環器専門ニュースサイトTCROSS NEWSから最新情報をメールでお届けします</label>
                                            <br>
                                            <div class="custom-control custom-radio custom-control-inline">
                                                <input id="news1" type="radio" class="custom-control-input @error('mail_magazine') is-invalid @enderror" name="mail_magazine" value="1">
                                                <label class="custom-control-label" for="news1">希望する</label>
                                            </div>
                                            <div class="custom-control custom-radio custom-control-inline">
                                                <input id="news2" type="radio" class="custom-control-input @error('mail_magazine') is-invalid @enderror" name="mail_magazine" value="0" checked>
                                                <label class="custom-control-label" for="news2">希望しない</label>
                                            </div> --}}

                                            {{-- イベント案内メール設定 --}}
                                            {{-- <label class="mt-3 title_label text-sub-color">東海ライブ研究会が今後開催するイベントについての案内をメールでお届けします</label>
                                            <br>
                                            <div class="custom-control custom-radio custom-control-inline">
                                                <input id="guidance1" type="radio" class="custom-control-input @error('wants_guidance') is-invalid @enderror" name="wants_guidance" value="1" checked>
                                                <label class="custom-control-label" for="guidance1">希望する</label>
                                            </div>
                                            <div class="custom-control custom-radio custom-control-inline">
                                                <input id="guidance2" type="radio" class="custom-control-input @error('wants_guidance') is-invalid @enderror" name="wants_guidance" value="0">
                                                <label class="custom-control-label" for="guidance2">希望しない</label>
                                            </div> --}}
                                        @else
                                            <input type="hidden" name="co_medical_division" value="0">
                                            <input type="hidden" name="co_medical_division_other" value="0">
                                        @endif

                                        <!-- 同意と送信ボタンセクション -->
                                        @include('partials.agreement_submit')

                                        {{-- メンバーか否か --}}
                                        @if ($_SERVER['REQUEST_URI'] !== '/register_for_member')
                                            <input type="hidden" name="member_flg" value="0">
                                        @else
                                            <input type="hidden" name="member_flg" value="1">
                                        @endif
                                    </form>
                                </div>
                            </div>
                        </div>
                        </div>
                @else
                    <div class="container page_title_area mt-5">
                        <div class="page_title text-dark">参加登録は終了致しました</div>
                    </div>
                @endif
            @endif
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script>
    document.addEventListener('DOMContentLoaded', function () {
        const eventSourceSelect = document.getElementById('event_source');
        const eventSourceOtherDiv = document.getElementById('event_source_other_div');

        function toggleOtherField() {
            if (eventSourceSelect.value === 'その他') {
                eventSourceOtherDiv.style.display = 'block';
            } else {
                eventSourceOtherDiv.style.display = 'none';
            }
        }

        eventSourceSelect.addEventListener('change', toggleOtherField);
        toggleOtherField(); // Run on page load
    });
</script>

<script>
    $(function () {
        //アコーディオンをクリックした時の動作
        $('.register-heading').on('click', function () { //タイトル要素をクリックしたら
            var findElm = $(this).next(".register-content"); //直後のアコーディオンを行うエリアを取得し
            $(findElm).slideToggle(); //アコーディオンの上下動作

            if ($(this).hasClass('register-close')) { //タイトル要素にクラス名closeがあれば
                $(this).removeClass('register-close'); //クラス名を除去し
            } else { //それ以外は
                $(this).addClass('register-close'); //クラス名closeを付与
            }
        });
    });
</script>
@endsection