@extends('adminlte::page')

@section('title', 'お知らせ一覧')

@section('content_header')
    <h5><label class="title-underbar">お知らせ一覧</label></h5>
@stop
@section('content')
    <x-admin.success-flush-message />
    <x-admin.error-flush-message />
    <x-admin.validation-message />
    
    <div class="row">
        <div class="col-md-12">
            <div class="col-md-5">
                <p ><b>お知らせ一覧</b></p>
                <form method="GET" action="{{ route('admin.news.index') }}">
                    <div class="input-group mb-4">
                        <select name="news_category_id" id="" class="custom-select">
                            <option value="">カテゴリを選ぶ</option>
                                @foreach (NewsCategoryHelper::allNewsCategories() as $newsCategory)
                                    @if (isset($inputs['news_category_id']) && (string) $newsCategory['id'] === $inputs['news_category_id'])
                                        <option value="{{ $newsCategory['id'] }}" selected>{{ $newsCategory['name_ja'] }}</option>
                                    @else
                                        <option value="{{ $newsCategory['id'] }}">{{ $newsCategory['name_ja'] }}</option>
                                    @endif
                                @endforeach
                        </select>
                        <div class="input-group-append">
                            <button class="btn button-go" type="submit" style="margin: 0">
                                <i class="fas fa-search"></i>
                            </button>
                        </div>
                    </div>
                </form>
            </div>

            <div class="card">
                @if(Gate::forUser(\Auth::user())->allows('employeeOperation', 'news|2'))
                <div class="row justify-content-end mt-md-3" style="margin-right:30px;">
                    <div class="col-mb-4">
                        <a href="{{ route('admin.news.createStep1') }}" class="btn btn-block btn-outline-primary rounded-pill">お知らせの新規登録</a>
                    </div>
                </div>
                @endif

                <div class="card-body">
                    @php
                        $userAgent = $_SERVER['HTTP_USER_AGENT'];
                        $isDesktop = strpos($userAgent, 'Windows') !== false || strpos($userAgent, 'Macintosh') !== false;
                        @endphp
                    @if ($isDesktop)
                    <table class="table">
                        <thead class="thead-light">
                            <tr>
                                <th>投稿日時</th>
                                <th>カテゴリ</th>
                                <th>タイトル</th>
                                <th>公開</th>
                                <th>編集</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if ($news->count() > 0)
                                @foreach ($news as $newsItem)
                                    <tr>
                                        <td>
                                            {{ $newsItem->post_at }}
                                        </td>
                                        <td>
                                            <p class="required" style="background-color:#{{ $newsItem->newsCategory->background_color }};color:#fff;">{{ $newsItem->newsCategory->name_ja }}</p>
                                        </td>
                                        <td>
                                            {{ $newsItem->title }}
                                        </td>
                                        <td style="text-align:center;">
                                            @if ($newsItem->is_display)
                                            <img src="/images/material/check_icon01.png">
                                            @endif
                                        </td>
                                        <td>
                                            @if(Gate::forUser(\Auth::user())->allows('employeeOperation', 'news|2'))
                                            <a href="{{ route('admin.news.editStep1', ['group_id' => $newsItem->group_id]) }}" class="btn btn-block btn-outline-primary rounded-pill w-50">編集</a>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td colspan="7" style="text-align: center;">
                                        登録されていません。
                                    </td>
                                </tr>   
                            @endif                       
                        </tbody>
                    </table>
                    @else
                    @if ($news->count() > 0)
                    @foreach ($news as $newsItem)
                    <table class="table table--admin table-wrap">
                        <tbody>
                            <tr>
                                <th>投稿日時</th>
                                <td>{{ $newsItem->post_at }}</td>
                            </tr>
                            <tr>
                                <th>カテゴリ</th>
                                <td><p class="required" style="background-color:#{{ $newsItem->newsCategory->background_color }};color:#fff;">{{ $newsItem->newsCategory->name_ja }}</p></td>
                            </tr>
                            <tr>
                                <th class="td-news-title">タイトル</th>
                                <td class="td-news-title">{{ $newsItem->title }}</td>
                            </tr>
                            <tr>
                                <th>公開</th>
                                <td style="text-align:center;">
                                    @if ($newsItem->is_display)
                                    <img src="/images/material/check_icon01.png">
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <th>編集</th>
                                <td>
                                    @if(Gate::forUser(\Auth::user())->allows('employeeOperation', 'news|2'))
                                    <a href="{{ route('admin.news.editStep1', ['group_id' => $newsItem->group_id]) }}" class="btn btn-block btn-outline-primary rounded-pill w-50">編集</a>
                                    @endif
                                </td>
                            </tr>
                            @endforeach
                            @else
                                <tr>
                                    <td colspan="7" style="text-align: center;">
                                        登録されていません。
                                    </td>
                                </tr>   
                            @endif                       
                        </tbody>
                    </table>
                    @endif
                </div>
                <br>
                <div style="margin: 0 auto;">
                    {{ $news->links() }}
                </div>
            </div>
        </div>
    </div>

@stop

@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">
@stop