@extends('adminlte::page')

@section('title', $title)

@section('content_header')
<h5><label class="title-underbar">{{ $title }}</label></h5>
@stop

@section('content')
<x-admin.success-flush-message />
<x-admin.error-flush-message />
<x-admin.validation-message />
@if ($errors->any())
    @foreach ($errors->all() as $error)
        <div class="alert alert-danger">{{ $error }}</div>
    @endforeach
@endif
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-body">
                <div class="stepBar" style="margin-bottom:60px;">
                    <li class="visited"><b>内容</b><br><span style="font-size: 24px;">1</span></li>
                    <li class="visited"><b>対象医院</b><br><span style="font-size: 24px;">2</span></li>
                    <li class="visited step step3"><b>公開設定</b><br><span style="font-size: 24px;">3</span></li>
                </div>
                
                <!-- <p style="margin: 60px 10px 0px;"><b>公開設定</b></p>-->
                
                @if(Gate::forUser(\Auth::user())->allows('employeeOperation', 'news|2'))
                <form id="step3Form" method="POST" action="{{ route('admin.news.' . \Arr::get($request, 'save_mode', ''), \Arr::get($request, 'group_id', '')) }}" class="form-group mt-3" enctype='multipart/form-data' onsubmit="$(this).find('button#btn-submit').prop('disabled', true);">
                    @csrf
                    <div class="form-group row" style="margin:15px 0px;">
                        <label for="internal_name" class="col-sm-2 col-form-label">公開設定</label>
                        <div class="col-sm-2">
                          <div class="form-check" style="padding-top:5px;">
                            <input class="form-check-input" type="checkbox" value="1" name="is_display" id="is_display" {!! \Arr::get($request, 'is_display', '') == 1 ? 'checked="checked"' : ''; !!}>
                            <label class="form-check-label" for="is_display">
                              お知らせを公開する
                            </label>
                          </div>
                        </div>
                    </div>
                    @if(\Arr::get($request, 'post_at_org', ''))
                    <div class="form-group row" style="margin:15px 0px;">
                        <label for="internal_name" class="col-sm-2 col-form-label">投稿日時</label>
                        <div class="col-sm-2"><span style="vertical-align: sub;">{{ \Arr::get($request, 'post_at_org', '') ? date( "Y/m/d H:i", strtotime(\Arr::get($request, 'post_at_org', ''))) : '' }}</span></div>
                    </div>
                    <div class="form-group row" style="margin:15px 0px;">
                        <label for="internal_name" class="col-sm-2 col-form-label"></label>
                        <div class="col-sm-2">
                          <input class="form-control" type="datetime-local" id="post_at" name="post_at" value="{{ \Arr::get($request, 'post_at', '') ?:date( "Y-m-d\TH:i"); }}" id="post_at">
                        </div>
                    </div>
                    @else
                    <div class="form-group row" style="margin:15px 0px;">
                        <label for="internal_name" class="col-sm-2 col-form-label">投稿日時</label>
                        <div class="col-sm-2">
                          <input class="form-control" type="datetime-local" id="post_at" name="post_at" value="{{ \Arr::get($request, 'post_at', '') ?:date( "Y-m-d\TH:i"); }}" id="post_at">
                        </div>
                    </div>
                    @endif

                    @if(\Arr::get($request, 'display_start_at_org', ''))
                    <div class="form-group row" style="margin:15px 0px;">
                        <label for="internal_name" class="col-sm-2 col-form-label">公開期間</label>
                        <div class="col-sm-5">
                          <span style="vertical-align: sub;">
                          {{ \Arr::get($request, 'display_start_at', '') ? date( "Y/m/d H:i", strtotime(\Arr::get($request, 'display_start_at_org', ''))) : '' }}&nbsp;～&nbsp;{{ \Arr::get($request, 'display_end_at_org', '') ? date( "Y/m/d H:i", strtotime(\Arr::get($request, 'display_end_at_org', ''))) : '指定なし' }}</span>
                        </div>
                    </div>
                    <div class="form-group row" style="margin:15px 0px;">
                        <label for="internal_name" class="col-sm-2 col-form-label"></label>
                        <div class="col-sm-2">
                          <input class="form-control" type="datetime-local" id="display_start_at" name="display_start_at" value="{{ \Arr::get($request, 'display_start_at', '') ?:date( "Y-m-d\TH:i"); }}" id="post_at">
                        </div>
                        <div class="text-center"><span style="vertical-align:sub;">～</span></div>
                        <div class="col-sm-2">
                          <input class="form-control" type="datetime-local" id="display_end_at" name="display_end_at" value="{{ \Arr::get($request, 'display_end_at', '') }}" id="post_at">
                        </div>
                    </div>
                    @else
                    <div class="form-group row" style="margin:15px 0px;">
                        <label for="internal_name" class="col-sm-2 col-form-label">公開期間</label>
                        <div class="col-sm-2">
                          <input class="form-control" type="datetime-local" id="display_start_at" name="display_start_at" value="{{ \Arr::get($request, 'display_start_at', '') ?:date( "Y-m-d\TH:i"); }}" id="post_at">
                        </div>
                        <div class="text-center"><span style="vertical-align:sub;">～</span></div>
                        <div class="col-sm-2">
                          <input class="form-control" type="datetime-local" id="display_end_at" name="display_end_at" value="{{ \Arr::get($request, 'display_end_at', '') }}" id="post_at">
                        </div>
                    </div>
                    @endif

                    <div class="form-group row" style="margin:15px 0px;">
                        <label for="internal_name" class="col-sm-2 col-form-label">お知らせの重要表示</label>
                        <div class="col-sm-4">
                          <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="is_important" value="1" id="is_important" {!! \Arr::get($request, 'is_important', '') == 1 ? 'checked="checked"' : ''; !!}>
                            <label class="form-check-label" for="is_important">
                              重要なお知らせとして表示する
                            </label>
                          </div>
                        </div>
                    </div>

                    <div class="form-group row" style="margin:15px 0px;">
                        <label for="internal_name" class="col-sm-2 col-form-label">ポップアップ表示設定</label>
                        <div class="col-sm-4">
                          <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="is_popup" value="1" id="is_popup" {!! \Arr::get($request, 'is_popup', '') == 1 ? 'checked="checked"' : '' !!}>
                            <label class="form-check-label" for="is_popup">
                              ポップアップ表示する
                            </label>
                          </div>
                        </div>
                    </div>
                    <div class="form-group row" style="margin:15px 0px;">
                        <div class="col-sm-2"></div>
                        <div class="col-sm-4">
                          <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="is_endless_popup" value="1" id="is_endless_popup" {!! \Arr::get($request, 'is_endless_popup', '') == 1 ? 'checked="checked"' : '' !!}>
                            <label class="form-check-label" for="is_endless_popup">
                              常にポップアップ表示する
                            </label>
                          </div>
                        </div>
                    </div>

                    <div class="col-md-12" style="margin:50px 0px">
                        <div class="row">
                            <div class="col-md-3">
                                <button type="button" id="btn-back" class="btn btn-block button-back btn-lg rounded-pill">戻る</button>
                            </div>
                            <div class="col-md-3">
                                <button type="submit" id="btn-submit" class="btn btn-block button-go btn-lg rounded-pill">登録する</button>
                            </div>
                            <div class="col-md-3"></div>
                            <div class="col-md-3">
                                <button type="button" class="btn btn-block button-green btn-lg rounded-pill" data-toggle="modal" data-target="#preview">プレビュー</button>
                            </div>
                        </div>
                    </div>
                    <input type="hidden" name="news_category_id" value="{{ \Arr::get($request, 'news_category_id', '') }}">
                    <input type="hidden" name="title" value="{{ \Arr::get($request, 'title', '') }}">
                    <input type="hidden" name="is_domestic_dentistry" value="{{ \Arr::get($request, 'is_domestic_dentistry', '') }}">
                    <input type="hidden" name="is_domestic_veterinary" value="{{ \Arr::get($request, 'is_domestic_veterinary', '') }}">
                    <input type="hidden" name="is_domestic_medical" value="{{ \Arr::get($request, 'is_domestic_medical', '') }}">
                    <input type="hidden" name="is_domestic_others" value="{{ \Arr::get($request, 'is_domestic_others', '') }}">
                    <input type="hidden" name="is_oversea" value="{{ \Arr::get($request, 'is_oversea', '') }}">
                    <input type="hidden" name="is_oversea_israel" value="{{ \Arr::get($request, 'is_oversea_israel', '') }}">
                    <input type="hidden" name="is_oversea_indonesia" value="{{ \Arr::get($request, 'is_oversea_indonesia', '') }}">
                    <input type="hidden" name="is_oversea_other" value="{{ \Arr::get($request, 'is_oversea_other', '') }}">
                    <input type="hidden" name="group_id" value="{{ \Arr::get($request, 'group_id', '') }}">
                    <input type="hidden" name="edit_mode" value="{{ \Arr::get($request, 'edit_mode', '') }}">
                    <input type="hidden" name="save_mode" value="{{ \Arr::get($request, 'save_mode', '') }}">
                    <input type="hidden" name="is_designated_clinic_org" value="{{ \Arr::get($request, 'is_designated_clinic_org', '') }}">
                    <input type="hidden" name="target_clinic_id_org" value="{{ \Arr::get($request, 'target_clinic_id_org', '') }}">
                    <input type="hidden" name="files_id_org" value="{{ \Arr::get($request, 'files_id_org', '') }}">
                    <input type="hidden" name="post_at_org" value="{{ \Arr::get($request, 'post_at_org', '') }}">
                    <input type="hidden" name="display_start_at_org" value="{{ \Arr::get($request, 'display_start_at_org', '') }}">
                    <input type="hidden" name="display_end_at_org" value="{{ \Arr::get($request, 'display_end_at_org', '') }}">
                    @php
                        $aryTargetClinicId = \Arr::get($request, 'target_clinic_id', '');
                    @endphp
                    @if(!empty($aryTargetClinicId))
                        @foreach($aryTargetClinicId as $index => $targetClinicInfo)
                            <input type="hidden" name="target_clinic_id[{{ $index }}]" value="{{ $targetClinicInfo }}">
                        @endforeach
                    @endif
                    @if(!empty($files))
                        @foreach($files as $id => $file)
                            <input type="hidden" name="files[{{$id}}][id]" value="{{ \Arr::get($file, 'id') }}">
                            <input type="hidden" name="files[{{$id}}][name]" value="{{ \Arr::get($file, 'name') }}">
                        @endforeach
                    @endif
                </form>
                @endif
            </div>
        </div>
    </div>
</div>
@include('admin.news.modal.preview', compact('request', 'files'))
@stop

@section('js')
<script type="text/javascript" src="/vendor/summernote/summernote-bs4.min.js"></script>
<script type="text/javascript" src="/vendor/summernote/lang/summernote-ja-JP.js"></script>
<script>
$(function() {
    // [ポップアップ表示する]チェックON/OFF変更イベント
    $('#is_popup').on('change', function(){
        let selectedVal = $(this).filter(':checked').val();
        if(selectedVal == 1){
            $('#is_endless_popup').prop('disabled', false);
        }else{
            $('#is_endless_popup').prop('checked', false);
            $('#is_endless_popup').prop('disabled', true);
        }
    });

    $("#btn-back").on('click', function(){
        let url = $("#step3Form").attr('action');
        $("#keys").val('back');
        $(this).prop('disabled', true);
        $("#step3Form").attr('action', url.replace("{{\Arr::get($request, 'save_mode', '')}}", "{{\Arr::get($request, 'edit_mode', '')}}/step2"));
        $("#step3Form").submit();
    });

    // [常にポップアップ表示する]チェック初期化
    let checkedIsDesignated = $('#is_popup:checked').val();
    if(checkedIsDesignated == 1){
        $('#is_endless_popup').prop('disabled', false);
    }else{
        $('#is_endless_popup').prop('checked', false);
        $('#is_endless_popup').prop('disabled', true);
    }

    $('#preview').on('show.bs.modal', function (event) {
        let postAt = new Date($('input#post_at').val()).toLocaleDateString("ja-JP", {year:"numeric", month:"2-digit", day:"2-digit"})
        $('p#preview_post_at').text(postAt);
    });
});
</script>
@stop

@section('css')
<link rel="stylesheet" href="/vendor/summernote/summernote-bs4.min.css">
<link rel="stylesheet" href="/css/admin_custom.css">
<link href="/css/progressbar.css" rel="stylesheet">
@stop