@extends('admin.layouts.base')

@section('contents')

    <div class="mt5">
        @include('admin.objects.components.hp-tab', ['title' => 'HP管理ーお知らせ', 'type' => 'news'])
        @if($news->disp == 1)
            @php $url = ""; if($news->news_id != null && $news->news_id != ""){ $url = '/topics#'.$news->news_id; } @endphp
            @include('admin.objects.components.regist-band', ['title' => 'お知らせ一覧', 'conf_url' => $url])
        @else
            @include('admin.objects.components.regist-band', ['title' => 'お知らせ一覧'])
        @endif
        <div class="news_regist mb-3">
            @if($errors->any())
                <div class="error">
                    <ul>
                        @foreach($errors->all() as $message)
                            <li>{{ $message }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
            @if (session('message'))
                <div class="flash_message">
                    {{ session('message') }}
                </div>
            @endif
            <form method="POST" action="{{ route('news-edit', ['id' => $news->news_id]) }}" enctype="multipart/form-data">
                {{ csrf_field() }}
                <div>
                    <input type="hidden" name="news_id" value="{{ $news->news_id }}">
                    <table>
                        <tr>
                            <th class="w200">日付</th>
                            <td>
                                <div class="d-flex">
                                    @include('admin.objects.components.input', ['name' => 'news_date', 'class' => 'cal_picker', 'placeholder' => '0000/00/00', 'value' => $news->news_date, 'showBtnToday' => true])
                                </div>
                            </td>
                            <td rowspan="5">
                                <label class="p-imgupload__area news-upload" for="fileSingleInput">
                                    @if(substr($news->file_path, -4) == '.pdf')
                                        <iframe src="{{ $news->file_path }}" width="200" height="150" frameborder="0" marginwidth="0" marginheight="0" scrolling=""  allowfullscreen> </iframe>
                                        <img src="{{$news->file_path}}" width="200"  class="d-none"/>
                                    @else
                                        <img src="{{$news->file_path}}" width="200" />
                                    @endif
                                    <canvas name="canvas_floor" width="0" height="0"></canvas>
                                    <p class="p-imgupload__text news-upload__text">クリックまたは<br>ドラッグ&amp;ドロップ</p>
                                    <input id="fileSingleInput" type="file" name="file_single_input" style="display:none;">
                                    <input type="hidden" name="file_path" value="{{$file_path??''}}">
                                </label>
                                <div class="text-center">
                                    <button class="del_news_btn delete-image-btn unset-modal-overlay" style="{{ empty($news->file_path) ? "display:none" : "" }}" name="" data-toggle="modal" data-target="#deleteModal{{$news->news_id}}" type="button">削除</button>
                                    @include('admin.objects.components.modal_confirm_delete', ['id' => $news->news_id, "type" => "button", "delete" => "delete-image", "message" => "この写真を削除してよろしいですか？"])
                                    <input type="hidden" name="" id="url-news-delete-image" value="{{ route('news-delete-image') }}">
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th>カテゴリ</th>
                            <td>
                                @include('admin.objects.components.radio', ['name' => 'news_category', 'radio' => $category, 'default' => 0, 'checked' => $news->news_category, 'other' => $news->news_category_text])
                            </td>
                        </tr>
                        <tr>
                            <th>見出し（一覧に表示）</th>
                            <td>
                                @include('admin.objects.components.textarea_reform', ['name' => 'news_title', 'class' => 'ta50', 'count' => 100, 'value' => $news->news_title])
                            </td>
                        </tr>
                        <tr>
                            <th>テキストリンク</th>
                            <td>
                                @include('admin.objects.projects.umu-radio', ['name' => 'news_link', 'default' => 0, 'checked' => $news->news_link])
                            </td>
                        </tr>
                        <tr @if($news->news_link != 1)  class="no_disp" @endif>
                            <th>リンク先</th>
                            <td>
                                <div class="d-flex">
                                    <input type="radio" class="u-radio" name="news_link_target" @if(old('news_link', '1')=='1') checked @elseif(isset($news->news_link_target) && $news->news_link_target == 1) checked @endif value="1" id="news_link_target_1">
                                    <label for="news_link_target_1" class="u-radio__label news_link">URL</label>
                                    <div class="mr10">@include('admin.objects.components.input', ['name' => 'news_link_target_1', 'class' => 'w250', 'value' =>($news->news_link_target == 1)? $news->news_link_target_url : '' ])</div>
                                </div>
                                <div class="d-flex">
                                    <input type="radio" class="u-radio" name="news_link_target" @if(old('news_link', '1')=='2') checked @elseif(isset($news->news_link_target) && $news->news_link_target == 2) checked @endif value="2" id="news_link_target_2">
                                    <label data-company="{{ auth()->user()->company_id }}" data-newsid="{{ $news->news_id }}" id="getNewsLink" for="news_link_target_2" class="u-radio__label news_link">新規ページ</label>
                                    <div class="mr10">@include('admin.objects.components.input', ['name' => 'news_link_target_2', 'class' => 'w250', 'value' =>($news->news_link_target == 2)? $news->news_link_target_url : '', 'other_attr' => 'readonly'])</div>
                                </div>
                                <div class="news_detail_area">
                                    <dl>
                                        <dt>
                                            新規（詳細ページ）内容
                                        </dt>
                                        <dd>
                                            @include('admin.objects.components.textarea_reform', ['name' => 'news_link_target_text', 'class' => 'ta500', 'count' => 500, 'value' => $news->news_link_target_text])
                                        </dd>
                                    </dl>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="search_vendor__btn">
                    @include('admin.objects.components.regist-btn', ['class' => '', 'title' => '登録・保存'])
                </div>
            </form>


        </div>
    </div>
    @if (session('message'))
        @include('admin.objects.projects.modal-message')
        <script type="text/javascript">
            window.onload = function(){
                var message = '登録・保存しました。';
                $('#saved_message').text(message);
                openMessageModal();
            };
        </script>
    @endif
@endsection