@extends('layouts.general')

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

@section('content')

    <div class="container" id="app">

        {{--If have no data show popup--}}
        <script>
            $(document).ready(function () {
                $('#EmptyDataModal').modal('show');
            });
        </script>

        {{--Begin flash message--}}
        <div class="flash-message">

            @foreach (['danger', 'warning', 'success', 'info'] as $msg)
                @if(Session::has('alert-' . $msg))
                    <p class="alert alert-{{ $msg }}">{{ Session::get('alert-' . $msg) }}
                        <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                    </p>
                @endif
            @endforeach

        </div>
        {{--End flash message--}}

        {{--Begin validate message--}}
        <div id="validate_form_error_msg">
            <div v-cloak v-if="form.errors.any()" class="flash-message">
                <div class="alert alert-danger">
                    <ul>
                        <li v-for="(value, key, index) in form.errors.errors">@{{form.errors.get(key)}}</li>
                    </ul>
                </div>
            </div>
        </div>
        {{--End validate message--}}

        {{-- NodataModal--}}
        <div id="EmptyDataModal" data-backdrop="static" class="modal fade in" tabindex="-1" role="dialog">
            <div class="modal-dialog modal-sm">
                <div class="modal-content">
                    <div class="modal-header">
                        <span class="logo en" style="font-size: initial;">Team Nippon</span>
                    </div>
                    <div class="modal-body delete-modal-title">
                        <p>{{$message}}</p>
                    </div>
                    <div class="modal-footer">
                        <a
                                @if(isset($screenId) && !empty($back_to_menu_screen[$screenId]))href="{{route($back_to_menu_screen[$screenId])}}"
                                @else
                                data-dismiss="modal"
                                @endif
                                class="btn btn-primary">
                            <i class="fa "></i>
                            戻る
                        </a>
                    </div>

                </div>
            </div>
        </div>
        {{-- End EmptyMstDutyModal--}}

    </div> {{--End container--}}
@stop

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

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

@section('optionalJs')

    <script src="{!! asset('js/lib/validateFrm.js') !!}" type="text/javascript"></script>

@append