---
# System prepended metadata

title: Untitled

---

```
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1">


        <title>@yield('page_title')</title>

        <link href="{{ asset('public/plugins/custombox/dist/custombox.min.css') }}" rel="stylesheet">
        <link href="{{ asset('public/plugins/switchery/switchery.min.css') }}" rel="stylesheet" />
        <link href="{{ asset('public/plugins/jquery-circliful/css/jquery.circliful.css') }}" rel="stylesheet" type="text/css" />

        <link href="{{ asset('public/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css">
        <link href="{{ asset('public/css/icons.css') }}" rel="stylesheet" type="text/css">
        <link href="{{ asset('public/css/style.css') }}" rel="stylesheet" type="text/css">

        <script src="{{ asset('public/js/modernizr.min.js') }}"></script>

        
    </head>


    <body class="fixed-left">
        
        <!-- Begin page -->
        <div id="wrapper">

            <!-- Top Bar Start -->
            <div class="topbar">

                <!-- LOGO -->
                <div class="topbar-left custom_topbar">
                    <div class="text-center">
                        {{-- <a href="javascript:void(0)" class="logo"></a> --}}
                    </div>
                </div>

                <!-- Button mobile view to collapse sidebar menu -->
                <nav class="navbar-custom">

                </nav>

            </div>
            <!-- Top Bar End -->


            <!-- ========== Left Sidebar Start ========== -->

            <div class="left side-menu">
                <div class="sidebar-inner slimscrollleft">
                    <!--- Divider -->
                    <div id="sidebar-menu">
                        <ul>
                            <li class="menu-title">Main Menu</li>

                            <li>
                                <a href="{{ url('dashboard') }}" class="waves-effect waves-primary"><i class="ti-home"></i><span> ホーム </span></a>
                            </li>

                            <li class="has_sub">
                                <a href="javascript:void(0)" class="waves-effect waves-primary"><i class="ti-home"></i> <span> 事業所 </span>
                                    <span class="menu-arrow"></span></a>
                                    <ul class="list-unstyled">
                                        <li><a href="{{ url('list-of-offices') }}"> 事業所一覧 </a></li>
                                        <li><a href="{{ url('list-page') }}"> 事業所承認 </a></li>
                                    </ul>
                            </li>

                            <li class="has_sub outer_menu">
                                <a  class="waves-effect waves-primary"><i class="ti-home"></i><span> ユーザー </span> <span class="menu-arrow"></span> </a>
                                 <ul class="list-unstyled">
                                        <li><a href="{{ url('userlist') }}"> ユーザー一覧 </a></li>
                                        <li><a href="{{ url('userapproval') }}"> ユーザー承認 </a></li>
                                    </ul>
                            </li>

                            <li>
                                <a href="{{ url('request-list') }}" class="waves-effect waves-primary"><i class="ti-home"></i><span> 修正依頼一覧画面 </span></a>
                            </li>

                            <li class="has_sub">
                                <a href="{{ url('contact') }}" class="waves-effect waves-primary"><i class="ti-home"></i><span> お問い合わせ画面 </span> 
                                    <!-- <span class="menu-arrow"></span>  -->
                                </a>
                               <!--  {{-- <ul class="list-unstyled">
                                    <li><a href="components-grid.html">Grid</a></li>
                                </ul> --}} -->
                            </li>

                        </ul>

                        <div class="clearfix"></div>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
            <!-- Left Sidebar End -->





            @yield('content')

            <footer class="footer" style="font-size: 15px; font-weight: bold; font-family: Noto Sans CJK JP ;line-height: 22px">
                © 2020 selecare.com
            </footer>


                  


        </div>
        <!-- END wrapper -->


    
        <script>
            var resizefunc = [];
        </script>

        <!-- Plugins  -->
        <script src="{{ asset('public/js/jquery.min.js') }}"></script>
        <script src="{{ asset('public/js/popper.min.js') }}"></script>
        <script src="{{ asset('public/js/bootstrap.min.js') }}"></script>
        <script src="{{ asset('public/js/detect.js') }}"></script>
        <script src="{{ asset('public/js/fastclick.js') }}"></script>
        <script src="{{ asset('public/js/jquery.slimscroll.js') }}"></script>
        <script src="{{ asset('public/js/jquery.blockUI.js') }}"></script>
        <script src="{{ asset('public/js/waves.js') }}"></script>
        <script src="{{ asset('public/js/wow.min.js') }}"></script>
        <script src="{{ asset('public/js/jquery.nicescroll.js') }}"></script>
        <script src="{{ asset('public/js/jquery.scrollTo.min.js') }}"></script>
        <script src="{{ asset('public/plugins/switchery/switchery.min.js') }}"></script>

        <!-- Counter Up  -->
        <script src="{{ asset('public/plugins/waypoints/lib/jquery.waypoints.min.js') }}"></script>
        <script src="{{ asset('public/plugins/counterup/jquery.counterup.min.js') }}"></script>

        <!-- circliful Chart -->
        <script src="{{ asset('public/plugins/jquery-circliful/js/jquery.circliful.min.js') }}"></script>
        <script src="{{ asset('public/plugins/jquery-sparkline/jquery.sparkline.min.js') }}"></script>

        <!-- skycons -->
        <script src="{{ asset('public/plugins/skyicons/skycons.min.js') }}" type="text/javascript"></script>

        <!-- Page js  -->
        <script src="{{ asset('public/js/pages/jquery.dashboard.js') }} "></script>
        <script src="{{ asset('public/js/pages/jquery.charts-sparkline.js') }}"></script>

        <script src="{{ asset('public/plugins/custombox/dist/custombox.min.js') }}"></script>
        <script src="{{ asset('public/plugins/custombox/dist/legacy.min.js') }}"></script>

        <!-- Custom main Js -->
        <script src="{{ asset('public/js/jquery.core.js') }} "></script>
        <script src="{{ asset('public/js/jquery.app.js') }} "></script>


        <script type="text/javascript">
            jQuery(document).ready(function($) {
                $('.counter').counterUp({
                    delay: 100,
                    time: 1200
                });
                $('.circliful-chart').circliful();
            });

            // BEGIN SVG WEATHER ICON
            if (typeof Skycons !== 'undefined'){
                var icons = new Skycons(
                        {"color": "#f9cd48"},
                        {"resizeClear": true}
                        ),
                        list  = [
                            "clear-day", "clear-night", "partly-cloudy-day",
                            "partly-cloudy-night", "cloudy", "rain", "sleet", "snow", "wind",
                            "fog"
                        ],
                        i;

                for(i = list.length; i--; )
                    icons.set(list[i], list[i]);
                icons.play();
            };
            $('#office_detail_page').hide();
            // $('#office_list_page').hide();


            $('.office_detail_btn').click(function(){
                $('#office_detail_page').show();
                $('#office_list_page').hide();

                $('.menu_block_class').hide();
                $('.first_block_class').show();

                $('.peopleList').click(function(){

                    $('#menu-2-detail-section').hide();
                    $('#menu-2-table').show();
                    $('.applicants_btn').click(function(){
                        $('#menu-2-table').hide();
                        $('#menu-2-detail-section').show();

                        $('.office_msg_btn').click(function(){

                            $('.msg_back').click(function(){
                                $('.chat_area').hide();
                                $('.office_menu_2').show();
                            });

                            $('.office_menu_2').hide();
                            $('.chat_area').show();
                        });
                    });




                    $('.peopleList').removeClass('active_color');
                    $(this).addClass('active_color');   
                    $('.menu_block_class').hide();
                    var menuName = $(this).attr('menu-name');

                    $("[menu-block='"+menuName+"']").show();


                });
            });

            $('.office_back_btn').click(function(){
                $('#office_list_page').show();
                $('#office_detail_page').hide();

            });

            // Developing 
            // $('.office_menu_2').show();
            // $('#office_list_page').hide();

            var topBarHeight = $('.topbar').height();
            var footerHeight = $('.footer').height();
            let _100vh = Math.round(window.innerHeight);
            var outerSpaceArea = _100vh - (topBarHeight + footerHeight + 40);
            $('.contact_inside').height(outerSpaceArea);
        </script>


    </body>
</html>
```