@extends('layouts.app')

@section('body')
	<div class="wrapper ">
		<div class="sidebar" data-color="purple" data-background-color="black" data-image="{{ asset('img/sidebar-1.jpg', $is_secure) }}">
			<div class="logo">
				<a href="#" class="simple-text logo-mini">
					Di
				</a>
				<a href="#" class="simple-text logo-normal">
					<img src="{{ asset('img/logo.png', $is_secure) }}" alt="logo">
				</a>
				<div class="navbar-minimize">
					<button id="minimizeSidebar" class="btn btn-just-icon btn-link btn-fab btn-round">
						<i class="material-icons text_align-center visible-on-sidebar-regular">more_vert</i>
						<i class="material-icons design_bullet-list-67 visible-on-sidebar-mini">view_list</i>
					</button>
				</div>
			</div>
			<div class="sidebar-wrapper">
				<div class="user">
					<div class="photo"></div>
					<div class="user-info">
						<a href="#" class="username">
							<span>
								@empty($company_user->name) (company_name) @else {{$company_user->name}} @endif
							</span>
						</a>
					</div>
				</div>
				<ul class="nav">
					<li class="nav-item">
						<a class="nav-link" href="{{ route('company.settings') }}">
							<i class="material-icons">settings</i>
							<p> Settings </p>
						</a>
					</li>
					<li class="nav-item active">
						<a class="nav-link" href="{{ route('company.dashboard') }}">
							<i class="material-icons">dashboard</i>
							<p> Dashboard </p>
						</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="{{ route('company.myprofile') }}">
							<i class="material-icons">business</i>
							<p> My Profile </p>
						</a>
					</li>
					<li class="nav-item ">
						<a class="nav-link" data-toggle="collapse" href="#componentsExamples">
							<i class="material-icons">assignment</i>
							<p> Job Panels
								<b class="caret"></b>
							</p>
						</a>
						<div class="collapse" id="componentsExamples">
							<ul class="nav">
								<li class="nav-item">
									<a class="nav-link" href="{{ route('company.jobpanellist') }}">
										<i class="material-icons">list</i>
										<span class="sidebar-normal"> パネル一覧 </span>
									</a>
								</li>
								<li class="nav-item">
									<a class="nav-link" href="{{ route('company.jobpanelnew') }}">
										<i class="material-icons">add</i>
										<span class="sidebar-normal"> 新規パネル作成 </span>
									</a>
								</li>
								<li class="nav-item ">
									<a class="nav-link" href="#componentsCollapse">
										<i class="material-icons">person</i>
										<span class="sidebar-normal"> 運用管理ディレクター </span>
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="{{ route('company.message') }}">
							<i class="material-icons">message</i>
							<p> Message</p>
						</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="{{ route('company.simplerequest') }}">
							<i class="material-icons">send</i>
							<p> Simple Request </p>
						</a>
					</li>
					<li class="nav-item ">
						<a class="nav-link" data-toggle="collapse" href="#reportMenus">
							<i class="material-icons">timeline</i>
							<p> Report
								<b class="caret"></b>
							</p>
						</a>
						<div class="collapse" id="reportMenus">
							<ul class="nav">
								<li class="nav-item">
									<a class="nav-link" href="./jobpanellist.html">
										<i class="material-icons">contact_support</i>
										<span class="sidebar-normal"> 未定 </span>
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="nav-item ">
						<a class="nav-link" href="{{ route('company.logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
							<i class="material-icons">exit_to_app</i>
							<p> Logout </p>
						</a>
						<form id="logout-form" action="{{ route('company.logout') }}" method="POST" style="display: none;">
              @csrf
            </form>
					</li>
					<li class="nav-item ">
						<a class="nav-link" href="#">
							<i class="material-icons">work</i>
							<p> 私たちにできること </p>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="main-panel">
			<!-- Navbar -->
			<nav class="navbar navbar-expand-lg navbar-transparent navbar-absolute fixed-top ">
				<div class="container-fluid">
					<div class="navbar-wrapper">
						<a class="navbar-brand" href="#pablo">@yield('title')</a>
					</div>
					<button class="navbar-toggler" type="button" data-toggle="collapse" aria-controls="navigation-index" aria-expanded="false" aria-label="Toggle navigation">
						<span class="sr-only">Toggle navigation</span>
						<span class="navbar-toggler-icon icon-bar"></span>
						<span class="navbar-toggler-icon icon-bar"></span>
						<span class="navbar-toggler-icon icon-bar"></span>
					</button>
					<div class="collapse navbar-collapse justify-content-end">
						<ul class="navbar-nav">
							<li class="nav-item">
								<a class="nav-link" href="#pablo">
									<i class="material-icons">mail_outline</i>Contact us
								</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#pablo">
									<i class="material-icons">pageview</i>Preview
								</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#pablo">
									<i class="material-icons">desktop_windows</i>Direct.Officialsite
								</a>
							</li>
						</ul>
					</div>
				</div>
			</nav>
			<!-- End Navbar -->
			@yield('content')
		</div>
	</div>
@endsection