@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">
                @if(Gate::forUser(\Auth::user())->allows('employeeOperation', 'news|2'))
                <form method="POST" action="{{ route('admin.guestNews.' . \Arr::get($request, 'mode', ''), \Arr::get($request, '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, 'mode', '') == 'update' && \Arr::get($request, 'display_start_at', ''))
                    <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', ''))) : '' }}&nbsp;～&nbsp;{{ \Arr::get($request, 'display_end_at', '') ? date( "Y/m/d H:i", strtotime(\Arr::get($request, 'display_end_at', ''))) : '指定なし' }}</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"); }}">
                        </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', '') }}">
                        </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"); }}">
                        </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', '') }}">
                        </div>
                    </div>
                    @endif

                    <div class="form-group row" style="margin:15px 0px;">
                        <label for="internal_name" class="col-sm-2 col-form-label">内容<sup style="color: red;">★</sup></label>
                        <div class="col-sm-10">
                          <textarea id="content" class="form-control" name="content" rows="3">{{ \Arr::get($request, 'content', '') }}</textarea>
                        </div>
                    </div>

                    <div class="form-group row" style="margin:15px 0px;">
                        <label for="internal_name" class="col-sm-2 col-form-label">内容(英語)<sup style="color: red;">★</sup></label>
                        <div class="col-sm-10">
                          <textarea id="content_en" class="form-control" name="content_en" rows="3">{{ \Arr::get($request, 'content_en', '') }}</textarea>
                        </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" onclick="location.href='{{ route('admin.guestNews.index') }}'">キャンセル</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="mode" value="{{ \Arr::get($request, 'mode', '') }}">
                    <input type="hidden" name="id" value="{{ \Arr::get($request, 'id', '') }}">
                </form>
                @endif
            </div>
        </div>
    </div>
</div>
@include('admin.guestNews.modal.preview')
@stop

@section('js')
<script>
$(function() {
    $('#preview').on('show.bs.modal', function (event) {
        let content = $('textarea#content').val();
        let contentEn = $('textarea#content_en').val();
        $('p.preview_content').text(content);
        $('p.preview_content_en').text(contentEn);
    });
});
</script>
@stop

@section('css')
<link rel="stylesheet" href="/css/admin_custom.css">
<style>
    .body {
      display: flex;
      align-items: center;
      background: linear-gradient(#43425d, #43425d, #6c626a);
      background-attachment: fixed;
    }
    
    .form-signin {
      width: 100%;
      max-width: 700px;
      padding: 15px;
      margin: auto;
    }

    .form-signin .form-floating:focus-within {
      z-index: 2;
    }

    .form-signin input[type="email"] {
      margin-bottom: -1px;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
    }

    .form-signin input[type="password"] {
      margin-bottom: 10px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
</style>
@stop