@extends('layouts.master')
@section('link')
    <link href="{!! asset('css/numclass/index.css') !!}" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/career/lecture/register.css') }}?20200907-1300">

    @include('layouts.header')
@stop

@section('content')
    <div class="container">
        <div class="col-xs-12">
            <h4><strong>研修・訓練の新規登録・編集</strong></h4>
        </div>
        <div class="col-xs-12">
            <h5>研修・訓練を削除した場合、</h5>
        </div>
        <div class="col-xs-12">
            <h5>同研修・訓練を受講扱いとなっている職員・職責・職位からも研修・訓練の内容が削除されますのでご注意ください。</h5>
        </div>
        <div class="col-xs-12">
            <div class="flash-message" id="editionMsg">

            </div>
        </div>
        <div class="col-xs-12">
            @if( Session::has('checkAuth') )
                <script type="text/javascript">
                    $(function () {
                        $('#myModalError').modal('show');
                    })
                </script>
            @endif
        </div>
        <div class="col-xs-12 title-reset">
            <div class="col-xs-5">
                <h5><strong>研修・訓練一覧</strong></h5>
                {{Form::button(
                    '表示順編集',
                    [
                        'class' => 'btn btn-primary hidden',
                        'id' => 'dispOrderEdit',
                        'value' => $dndFlg
                    ]
                )}}
            </div>
            <div class="col-xs-7 text-right">
                <input name="Action" type="button" class="btn btn-primary" id="newRegister" value="新規登録">
            </div>
        </div>

        {{-- 表示順編集フォーム --}}
        {{Form::open(['url' => route('editSortLecture'), 'id'=>'editSortLectureFm', 'method' =>'post'])}}
        {{Form::hidden('droppedRowId', null, ['id'=>'droppedRowId'])}}
        {{Form::hidden('nextToRowId', null, ['id'=>'nextToRowId'])}}
        {{Form::close()}}

        {!! Form::open(array('url'=>'career/lecture/register/decision', 'id'=>'lectureRegister', 'method'=>'post' )) !!}
        <div class="col-xs-12" id="left-body">
            @include('career.lecture.lectureList')
            <div class="col-xs-7" id="RightPanel">

                <div class="col-xs-12">
                    <h5 class="h5-label">研修・訓練の名称</h5>
                    <input
                            class="form-control"
                            id="nameLecture"
                            name="nameLecture"
                            maxlength="64"
                            value="{{ old('nameLecture') }}"
                            placeholder="入力してください"/>
                </div>

                <div class="col-xs-12 row-space">&#160;</div>
                <div class="col-xs-12">
                    <h5 class="h5-label">主催者</h5>
                    <input
                            value="{{ old('promoterLecture') }}"
                            class="form-control"
                            id="promoterLecture"
                            name="promoterLecture"
                            maxlength="64"
                            placeholder="入力してください"/>
                </div>

                <div class="col-xs-12 row-space">&#160;</div>
                <div class="col-xs-12">

                    <h5 class="h5-label">備考</h5>
                    <textarea
                            class="form-control"
                            rows="8"
                            id="noteLecture"
                            name="noteLecture"
                            maxlength="512"
                            placeholder="入力してください">{{ old('noteLecture') }}</textarea>

                </div>

                <div class="col-xs-12 row-space">&#160;</div>
                <div class="col-xs-12">
                    <h5 class="label-h5">研修形態</h5>

                    <input type="radio" name="formOjt" id="OJT" value="1" checked="checked"><br>
                    <label for="OJT" class="checkBoxFor" class="checkBoxFor">OJT（On the Job Training）</label>

                    <input type="radio" name="formOjt" id="OFFHJT" value="2"><br>
                    <label for="OFFHJT" class="checkBoxFor">OFFJT（Off the Job Training）</label>
                </div>

                <div class="col-xs-12 row-space">&#160;</div>
                <div class="col-xs-12">
                    <h5 class="label-h5">研修形態</h5>

                    <input type="radio" name="formInOut" id="ONINOUT" value="1" checked="checked"><br>
                    <label for="OJT2" class="checkBoxFor"> 園内</label>

                    <input type="radio" name="formInOut" id="OFFINOUT" value="2"><br>
                    <label for="OFFHJT2" class="checkBoxFor"> 園外</label>
                </div>

                <div class="col-xs-12 row-space">&#160;</div>
                <div class="col-xs-12">
                    <div class="col-xs-3">
                        <h5>研修会カテゴリ</h5>
                    </div>
                    <div class="col-xs-9">

                        <input type="button" class="btn btn-primary" id="InsertCategory" value="新規カテゴリ登録"/>

                        <input
                                type="button"
                                class="btn btn-primary"
                                id="delete_categories"
                                value="カテゴリ削除"
                                data-toggle="modal"
                                data-target="#delete_categories_modal"/>

                    </div>
                </div>

                <div class="col-xs-12">
                    <div class="col-xs-9 col-xs-offset-3 select-group">

                        <select
                                class="form-control normal-input cat-list primary"
                                name="selectedCat_[]">

                            <option>{{Message::get('C00001',['a'])}}</option>

                            @foreach($ListLectureCat as $id => $name)
                                <option value="{{$id}}">{{$name}}</option>
                            @endforeach

                        </select>
                        <input type="button" class="btn btn-primary rm-lec-cat not-display" value="削除"/>
                        <input type="button" class="btn btn-primary add-lec-cat " value="追加"/>
                    </div>
                </div>

            </div>

        </div>

        <div class="col-xs-12 text-right button-holder ">
            <p id="deleteLecture" data-id="0" style="visibility: hidden;"><span class="deleteLec">研修・訓練の削除</span></p>
            <span class="idLecture"><input type="hidden" name="id" id="id" value="0">　</span>
            <span class="idCat"><input type="hidden" name="idCat" id="idCat" value="0">　</span>
            <input
                    name="Action"
                    class="btn btn-primary backSubmit"
                    type="button"
                    value="メニューへ戻る"
                    onclick="location.href = '{{route('getCareerIndex')}}';"/>
            <input
                    name="Action"
                    type="button"
                    class="btn btn-primary"
                    id="submitLectureRegister"
                    value="確定"/>
            <div class="addPass" style="display: none;"></div>
        </div>

        {{--Modal delete Categories--}}
        <div class="modal fade" id="delete_categories_modal" role="dialog">

            <div class="modal-dialog">
                <!-- Modal content-->
                <div class="modal-content">

                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">カテゴリ削除</h4>
                    </div>

                    <div class="modal-body" style="overflow: auto!important; min-height: 250px !important;">

                        <ul class="col-xs-12">

                            @foreach($ListLectureCat as $id => $name)

                                <li class="col-xs-12 existingCategory" data-id='{{$id}}' style="margin-bottom: 10px;">
                                    <div class="col-xs-8">
                                        {{$name}}
                                    </div>
                                    <div class="col-xs-1">
                                        <button
                                                type="button"
                                                class="btn btn-primary btn_delete">
                                            削除
                                        </button>
                                    </div>
                                </li>

                            @endforeach

                        </ul>

                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" data-dismiss="modal">閉じる
                        </button>
                    </div>

                </div>
            </div>

        </div>
        {!! Form::close() !!}

        {!! Form::open(array('url'=>'career/lecture/register/return_old_input', 'id'=>'CategoryAdd', 'method'=>'post' )) !!}
        {!! Form::close() !!}
        {{--Modal insert Categories--}}
        <div class="modal fade " id="InsertLectureCategory" role="dialog">
            <div class="modal-dialog modal-sm">
                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">研修会カテゴリの新規登録</h4>
                    </div>
                    <div class="modal-body">
                        <div class="col-xs-12">研修会カテゴリ名</div>
                        <div class="col-xs-12"><input id="catName" class="form-control">
                        </div>
                    </div>
                    <div class="attentionContainer">※カテゴリを新しく作成すると入力内容を<br>破棄して新規登録画面に遷移します。</div>
                    <div class="modal-footer">
                        <button class="btn btn-primary" id="confirmAdd">はい</button>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- Modal -->
    <div class="modal fade" id="myModalError" role="dialog">
        <div class="modal-dialog">

            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">&#160;</h4>
                </div>
                <div class="modal-body">
                    <h4 class="modal-title">パスワードが不正です。</h4>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade " id="categoryErrorPopup" role="dialog">
        <div class="modal-dialog modal-sm">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title"></h4>
                </div>
                <div class="modal-body">
                    <div id="categoryErrorMsg"class="col-xs-12"></div>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-primary" data-dismiss="modal">はい</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal Delete -->
    <div class="modal fade" id="myModalDel" role="dialog">
        <div class="modal-dialog">
        {{ Form::open(array('url'=>'career/lecture/register/deleteLecture', 'id'=>'lectureDelete', 'method'=>'post' )) }}
        <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">確定用パスワード入力</h4>
                    <h5>*確定にはパスワードが必要です。</h5>
                </div>
                <div class="modal-body">
                    <div class="col-xs-3">パスワード</div>
                    <div class="col-xs-9"><input type="password" name="password" id="passAuth" class="form-control">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">戻る</button>
                    <button type="submit" class="btn btn-primary" id="confirmPassDelete">確定</button>
                    <input type="hidden" name="id_del" id="id_del"/>
                </div>
            </div>
            {{ Form::close() }}
        </div>
    </div>
    <div id="deleteModal" class="modal fade delCategory" role="dialog" tabindex="-1">
       <div class="modal-dialog modal-sm">
           <!-- Modal content-->
           <div class="modal-content">
               <div class="modal-header">
                   <button type="button" class="close" data-dismiss="modal">&times;</button>
               </div>
               <div class="modal-body">
                   <p>削除しますか？</p>
               </div>
               <div class="modal-footer">
                   <button type="button" class="btn btn-default" data-dismiss="modal">いいえ</button>
                   <button type="button" class="btn btn-primary" id="deleteOK" >はい</button>
               </div>
           </div>
       </div>
    </div>
    {{-- スクリプトへの値受け渡し --}}
    <script type="text/javascript">
        window.CAR018 = {};
        window.CAR018.csrf_token = '{{ csrf_token() }}';
        window.CAR018.C00003 = '{{ Message::get("C00003") }}';
        window.CAR018.E00104 = '{{ Message::get("E00104", ["Field" => "研修会カテゴリ名"]) }}';
        window.CAR018.E00110 = '{{ Message::get("E00110", ["Field" => "その研修会カテゴリ"]) }}';
        window.CAR018.pencilURL = '{{ url('career/lecture/register/modify') }}';
        window.CAR018.insertCatURL = '{{ url('career/lecture/register/insert-cat') }}';
        window.CAR018.lecRegisterURL = '{{route('get.career.lecture.register')}}';
        window.CAR018.delCatURL = '{{route("get.career.lecture.register.deleteCategory")}}';
        window.CAR018.selectedCat = '{{ Form::n_select("selectedCat []", $ListLectureCat, "" ,  Message::get("C00001") , ["class" => "form-control normal-input cat-list"], null) }}';
    </script>
    <script src="{{ asset('js/career/lecture/register.js') }}" type="text/javascript"></script>

@stop

@include ('layouts.footer')