@extends('layouts.app')

@section('content')

<div class="container-fluid">
    <div class="contents">
        <div class="contentsTitle">
            <h3>新着情報登録</h3>
        </div>
        <div class="contentsList">
            <form method="post" action="completion">
                {{ csrf_field() }}
                <table class="registrationTable">
                    <tbody>
                        <tr>
                            <th>カテゴリ（日本語）</th>
                            <td>
                                <select id="topicCategory" class="select-box">
                                    <option value="">カテゴリー選択</option>
                                    @foreach($topicCategories as $topicCategory)
                                    <option value="{{ $topicCategory->name_en }}" value2="{{ $topicCategory->id }}" name="topic_category_id">{{ $topicCategory->name_jp }}</option>
                                    @endforeach
                                    <input type="hidden" id="topicCategoryId">
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <th>カテゴリ（英語）</th>
                            <td id="topicCategoryEn"></td>
                        </tr>
                        <tr>
                            <th>本文（日本語）</th>
                            <td>
                                <textarea class="text-box" name="contents_jp" value="{{ old('contents_jp') }}" cols="10" rows="8"></textarea>
                            </td>
                        </tr>
                        <tr>
                            <th>本文（英語）</th>
                            <td>
                                <textarea class="text-box" name="contents_en" value="{{ old('contents_en') }}" cols="10" rows="8"></textarea>
                            </td>
                        </tr>
                        <tr>
                            <th>ステータス</th>
                            <td>
                                <select class="select-box" name="status">
                                    <option value="1">公開</option>
                                    <option value="0">非公開</option>
                                </select>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div class="registration-btn01">
                    <button type="submit" class="btn btn-registration">登録</button>
                </div>
            </form>
        </div>
    </div>
</div>

@endsection