@extends('layouts.admin.frame')

@section('title', 'ダッシュボード dashboard')
@section('body_class', '')

@section('content')
<div class="content">
	<div class="container-fluid">
		<div class="row">
			<div class="col-md-4">
				<div class="card card-product">
					<div class="card-title">
						<i class="material-icons">business</i>
						<h4>Company</h4>
					</div>
					<div class="card-body text-center">
						<p>登録企業</p>
						<a href="../jobpanels.html" class="btn btn-rose btn-round">登録企業一覧</a> <a href="../jobpanels.html" class="btn btn-rose btn-round">新規登録</a>
					</div>
				</div>
			</div>
			<div class="col-md-4">
				<div class="card card-product">
					<div class="card-title">
						<i class="material-icons">library_books</i>
						<h4>Column / Interview</h4>
					</div>
					<div class="card-body text-center">
						<p>コラム・インタビュー</p>
						<a href="../jobpanels.html" class="btn btn-rose btn-round">登録企業一覧</a> <a href="../jobpanels.html" class="btn btn-rose btn-round">新規登録</a>
					</div>
				</div>
			</div>
			<div class="col-md-4">
				<div class="card card-product">
					<div class="card-body text-center">
						<p><i class="material-icons">business</i> 登録企業数 1,345社 <i class="material-icons">arrow_upward</i></p>
						<hr>
						<p><i class="material-icons">monetization_on</i> 有料登録数 400社 <i class="material-icons">arrow_downward</i></p>
						<hr>
						<p><i class="material-icons">people</i> 登録ユーザー数 1,600user <i class="material-icons">arrow_forward</i></p>
					</div>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-6">
				<div class="row">
					<div class="col-md-12">
						<div class="card card-product">
							<div class="card-title">
								<i class="material-icons">directions_walk</i>
								<h4>Action Data</h4>
							</div>
							<div class="card-body text-center">
								<p>ユーザーの行動状況</p>
								<a href="../jobpanels.html" class="btn btn-rose btn-round">企業へのエントリー</a> <a href="../jobpanels.html" class="btn btn-rose btn-round">カンタン求募確認</a>
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-12">
						<div class="card card-product">
							<div class="card-title">
								<i class="material-icons">folder_special</i>
								<h4>Special Contents</h4>
							</div>
							<div class="card-body text-center">
								<p>特集コンテンツ</p>
								<a href="../jobpanels.html" class="btn btn-rose btn-round">特集一覧</a> <a href="../jobpanels.html" class="btn btn-rose btn-round">新規登録</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-md-6">
				<div class="card card-product">
					<div class="card-title">
						<h4>リクエスト申請一覧</h4>
					</div>
					<div class="card-body text-center">
						<div class="table-responsive">
							<table class="table">
								<thead class=" text-primary">
									<th>
										&nbsp;
									</th>
									<th>
										Company
									</th>
									<th>
										Date
									</th>
								</thead>
								<tbody>
									<tr>
										<td>
											<i class="material-icons">mail_outline</i>
										</td>
										<td>
											文字と行株式会社
										</td>
										<td>
											2019.05.12
										</td>
									</tr>
									<tr>
										<td>
											<i class="material-icons">mail_outline</i>
										</td>
										<td>
											文字と行株式会社
										</td>
										<td>
											2019.05.12
										</td>
									</tr>
									<tr>
										<td>
											<i class="material-icons">mail_outline</i>
										</td>
										<td>
											文字と行株式会社
										</td>
										<td>
											2019.05.12
										</td>
									</tr>
									<tr>
										<td>
											<i class="material-icons">mail_outline</i>
										</td>
										<td>
											文字と行株式会社
										</td>
										<td>
											2019.05.12
										</td>
									</tr>
									<tr>
										<td>
											<i class="material-icons">mail_outline</i>
										</td>
										<td>
											文字と行株式会社
										</td>
										<td>
											2019.05.12
										</td>
									</tr>
									<tr>
										<td>
											<i class="material-icons">mail_outline</i>
										</td>
										<td>
											文字と行株式会社
										</td>
										<td>
											2019.05.12
										</td>
									</tr>
									<tr>
										<td>
											<i class="material-icons">mail_outline</i>
										</td>
										<td>
											文字と行株式会社
										</td>
										<td>
											2019.05.12
										</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
					<div class="text-center">
						<a href="../jobpanels.html" class="btn btn-rose btn-round">more</a>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection