@extends('layouts.master')
@include('corporate.layouts.header')
@section('link')
    <link href="{!! asset('css/corporate/home.css?20230925') !!}" rel="stylesheet" type="text/css">
@append


@section('content')
            <div class="container">
                <div class="text-center login-logo" id="main-menu">
                    <ul id="menu-panels">
                        <li><a href="https://jetma.or.jp/training_information/?category_1=19" target="_blank"><img src="{{asset('img/corporate/menu/online_training.png?20230922')}}" alt="階層別オンライン研修"></a></li>
                        @can('accessIfOverEntryMember')
                            <li><a href="{{route('corporate.memberListSearchGet')}}"><img src="{{asset('img/corporate/menu/management_cloud.png?20230922')}}" alt="職員育成管理クラウド"></a></li>
                        @else
                            <li><span title="この機能はご利用いただけません。" class="denide-link"><img src="{{asset('img/corporate/menu/management_cloud.png?20230922')}}" alt="職員育成管理クラウド"></span></li>
                        @endcan
                        <li><a href="https://jetma.or.jp/j-passport/" target="_blank"><img src="{{asset('img/corporate/menu/management_seminar.png?20230922')}}" alt="経営セミナー"></a></li>

                        <li><a href="https://j-blend.net/" target="_blank"><img src="{{asset('img/corporate/menu/jblend.png?20230922')}}" alt="J-Blend"></a></li>
                        <li><a href="https://jetma.or.jp/j-blend-recommend24/" target="_blank"><img src="{{asset('img/corporate/menu/jblend_osusume.png?20230922')}}" alt="J-Blend推薦コンテンツ"></a></li>
                        <li><a href="https://www.p-passport.com/" target="_blank"><img src="{{asset('img/corporate/menu/pp.png?20230922')}}" alt="POLARIS PASSPORT"></a></li>

                        <li><a href="https://jetma.or.jp/jpass/index.html" target="_blank"><img src="{{asset('img/corporate/menu/campaign.png?20230922')}}" alt="各種キャンペーン"></a></li>
                        <li><a href="{{route('corporate.aboutEnquete')}}"><img src="{{asset('img/corporate/menu/digital_questionnaire.png?20230922')}}" alt="デジタルアンケート"></a></li>
                        @if($canAccessTn)
                            <li><a href="{{route('index')}}"><img src="{{asset('img/corporate/menu/tn.png?20230922')}}" alt="Team Nippon"></a></li>
                        @else
                            <li><span title="この機能はご利用いただけません。" class="denide-link"><img src="{{asset('img/corporate/menu/tn.png?20230922')}}" alt="Team Nippon"></span></li>
                        @endif
                    </ul>
                </div>

                <!-- お知らせ部品開始 -->
                <div class="info-container">
                    <h4>INFORMATION</h4>

                    <dl id="info-list">
                        @foreach ($informations as $info)
                            <dt>{{ DateTime::createFromFormat('Y-m-d', $info->public_date)->format('Y.m.d') }}</dt>
                            <dd><a href="{{route('corporate.info', ['id' => $info->id])}}#{{ $info->id }}" class="info-link">{!! $info->title !!}</a></dd>
                        @endforeach
                    </dl>

                    <div class="other-info">
                        @if ($informations->hasMorePages())
                            <a href="{{route('corporate.info', ['page' => 1])}}" class="info-link">お知らせ一覧を見る</a>
                        @endif
                    </div>
                </div>
                <!-- お知らせ部品ここまで -->

            </div>
@stop

@section('modal')
    @include('layouts.modal')
@stop

@section('layouts.footer')
    @include ('corporate.layouts.footer')
@stop

@section('optionalJs')
    <script type="text/javascript">

        $(document).ready(function () {

            var menuModule = (function () {
                var showModalBasicAccount = function () {
                    $('#basicAccountBtn')
                        .off('click.modal')
                        .on('click.modal', function (e) {
                            if ('' != $('#basicAccountBtn').data('auth')) {
                                if (-1 == [1, 2].indexOf($('#basicAccountBtn').data('auth'))) {
                                    e.preventDefault();
                                    $('#403Modal').modal('show');
                                }
                            } else {
                                location.href = '/login';
                            }
                        });
                    $('#careerBtn')
                        .off('click.modal')
                        .on('click.modal', function (e) {
                            if ('' != $('#careerBtn').data('auth')) {
                                if (-1 == [1, 2].indexOf($('#careerBtn').data('auth'))) {
                                    e.preventDefault();
                                    $('#403Modal').modal('show');
                                }
                            } else {
                                location.href = '/login';
                            }
                        });
                    $('#staffBtn')
                        .off('click.modal')
                        .on('click.modal', function (e) {
                            if ('' != $('#staffBtn').data('auth')) {
                                if (-1 == [1, 2].indexOf($('#staffBtn').data('auth'))) {
                                    e.preventDefault();
                                    $('#403Modal').modal('show');
                                }
                            } else {
                                location.href = '/login';
                            }
                        });
                };

                return {
                    showModalBasicAccount: showModalBasicAccount,
                }
            })();

            menuModule.showModalBasicAccount();

        });

    </script>
@append