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


@section('content')
            <div class="container">
                <div class="col-xs-12 text-center login-logo" id="main-menu">
                    <img src="{{asset('img/corporate/dummy_banner.png')}}">
                </div>
                <div class="col-xs-12 info-outer-container">
                    <!-- お知らせ部品開始 -->
                    <div class="col-xs-6 info-border info-inner-container">
                        <h4><strong>会員様向けお知らせ</strong></h4>

                        @foreach ($informations as $info)
                            <dl>
                                <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>
                            </dl>
                        @endforeach

                        <div class="other-info">
                            @if ($informations->hasMorePages())
                                <a href="{{route('corporate.info', ['page' => 2])}}" class="info-link">その他のお知らせ</a>
                            @endif
                        </div>
                    </div>
                    <!-- お知らせ部品ここまで -->
                    <!-- TNリンク -->
                    <div class="col-xs-5 info-border right-info-inner-container">
                        <a href="{{route('index')}}"><img src="{{asset('img/logo.png')}}" alt="TeamNippon"></a>
                    </div>
                    <!-- ポラリスパスポートリンク -->
                    <div class="col-xs-5 info-border right-info-inner-container">
                        <a href="https://www.p-passport.com/" target="_blank"><img src="{{asset('img/corporate/polaris-logo-header.png')}}" alt="PolarisPassport"></a>
                    </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