@extends('author')
@section('author_content')
<div class="tab-pane fade show active author" id="link1">
    <div class='row mt-3'>
        <div class='col-12 d-flex justify-content-center align-items-center'>
            <input type="radio" name="news" value="0" id="news0" checked><label class='btn mr-2 news-filter-list' for="news0">所有消息 </label>
            <input type="radio" name="news" value="1" id="news1"><label class='btn mr-2 news-filter-list' for="news1">系統消息 </label>
            <input type="radio" name="news" value="2" id="news2"><label class='btn mr-2 news-filter-list' for="news2">重要消息 </label>
            <input type="radio" name="news" value="3" id="news3"><label class='btn mr-2 news-filter-list' for="news3">其它 </label>
        </div>
    </div>
    <div class='row'>
        <div class='col-12'>
            <div class='card my-3'>
                <div class='card-body'>
                    <!-- search line -->
                    <div class='row d-flex align-items-center'>
                        <div class='col-6 d-flex'>
                            <input type="search" placeholder="關鍵字搜尋" class='flex-grow-1' id="searchNews">
                            <select class='ml-2'>
                                <option disabled selected>請選擇</option>
                                <option value="0">標題</option>
                                <option value="1">類別</option>
                                <option value="2">上傳日期</option>
                                <option value="3">修改日期</option>
                                <option value="4">下架日期</option>
                            </select>
                        </div>
                        <div class='col-6 d-flex justify-content-end'>
                            <a href="#addNews" onClick="viewNews()">
                                <img src="{{ asset('img/AuthorDashboard/addnews_icon.svg') }}" width="130">
                            </a>
                        </div>
                    </div>

                    <!-- table -->
                    <table class='table mt-3 rwd-table'>
                        <thead>
                            <tr>
                                <th>標題</th>
                                <th>類別</th>
                                <th>上傳日期</th>
                                <th>修改日期</th>
                                <th>下架日期</th>
                                <th>查看</th>
                                <th>刪除</th>
                            </tr>
                        </thead>
                        <tbody class='news-table'>
                            @foreach ($news as $n)
                            <tr data-type="{{ $n->type_id }}">
                                <td data-th="標題">{{ $n->title }}</td>
                                <td data-th="類別">{{ $n->type }}</td>
                                <td data-th="上傳日期">{{ strtok($n->created_at, ' ') }}</td>
                                <td data-th="修改日期">{{ strtok($n->updated_at, ' ') }}</td>
                                <td data-th="下架日期">{{ $n->expired_date }}</td>
                                <td class="pc">
                                    <button class='btn text-primary' onclick="viewNews({{ $n->id }})">
                                        <i class="fa fa-pencil-square-o fa-2x" aria-hidden="true"></i>
                                    </button>
                                </td>
                                <td class="pc">
                                    <button class='btn' onclick="deleteNews({{ $n->id }})">
                                        <i class="fa fa-trash fa-2x text-danger" aria-hidden="true"></i>
                                    </button>
                                    
                                </td>
                                <td class="phone" data-th="操作">
                                    <button class='btn text-primary' onclick="viewNews({{ $n->id }})">
                                        <i class="fa fa-pencil-square-o fa-2x" aria-hidden="true"></i>
                                    </button>
                                    <button class='btn' onclick="deleteNews({{ $n->id }})">
                                        <i class="fa fa-trash fa-2x text-danger" aria-hidden="true"></i>
                                    </button>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="tab-pane fade" id="addNews">
    <div class='row pt-3'>
        <div class='col-12'>
            <a href="#link1" onclick="goToLink(event, '#link1')" class='back'>回上一頁</a>
        </div>
    </div>
    <div class='row'>
        <div class='col-12'>
            <div class='card my-3'>
                <div class='card-body'>
                    <div class='form-add'>
                        <form id="addNewsform">
                            <h1>新增消息</h1>
                            <div class='inner-form'>
                                <ul>
                                    <li hidden>
                                        <input type="hidden" id='newsid'>
                                    </li>
                                    <li>
                                        <label class='title'>標題</label>
                                        <input name="title" required>
                                        <label>類別</label>
                                        <select name="type_id">
                                            <option value="1">系統消息</option>
                                            <option value="2">重要消息</option>
                                            <option value="3">其他</option>
                                        </select>
                                    </li>
                                    <li>
                                        <label class='title'>發布日期</label>
                                        <label>
                                            <input type="radio"  name="d1" checked> 即時
                                            <input type="hidden" name="publish_date" value="">
                                        </label>
                                        <label>
                                            <input type="radio" name="d1"> 自訂
                                            <input type="date"  name="publish_date" disabled required>
                                        </label>
                                    </li>
                                    <li>
                                        <label class='title'>下架日期</label>
                                        <label>
                                            <input type="radio"  name="d2" checked> 無
                                            <input type="hidden" name="expired_date" value="">
                                        </label>
                                        <label>
                                            <input type="radio" name="d2"> 自訂
                                            <input type="date"  name="expired_date" disabled required>
                                        </label>
                                    </li>
                                    <li>
                                        <label class='title'>消息內容</label>
                                        <textarea height="500" name="content" placeholder="限制 500 字" required></textarea>
                                    </li>
                                </ul>
                                <div class='text-center'>
                                    <button type="submit" class='btn'>確認</button>
                                    <a href="#link2" onclick="goToLink(event, '#link1')" class='btn'>取消</a>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection