{# 企業情報取得画面。取得条件はGETで OverviewController::indexAction() が受け、?run=1 のときだけ取得結果を表示する #}
{# テンプレートキャッシュの削除結果(削除後のリダイレクト先で表示する) #}
{_cacheNotices:y}
<div class="alert alert-success c-alert" role="status">
	<i class="material-icons">check_circle</i>
	<ul class="c-alert__list">
		{_cacheNotices:start}
		<li>{_message}</li>
		{/_cacheNotices:end}
	</ul>
</div>
{/_cacheNotices:y}
{_cacheErrors:y}
<div class="alert alert-danger c-alert" role="alert">
	<i class="material-icons">error</i>
	<ul class="c-alert__list">
		{_cacheErrors:start}
		<li>{_message}</li>
		{/_cacheErrors:end}
	</ul>
</div>
{/_cacheErrors:y}

<section class="card c-card mb-4">
	<div class="card-header c-card__header">
		<i class="material-icons">tune</i>
		<span>取得条件</span>
	</div>
	<div class="card-body">
		<form action="{_formUrl}" method="get" class="row g-3 align-items-end js-overview-form">
			<input type="hidden" name="run" value="1">
			{# URLがGETパラメータ形式の場合、GETのフォームではルーティングパスも送る(ルートの場合は出力されない) #}
			{_route:y}
			<input type="hidden" name="_route" value="{_route}">
			{/_route:y}

			<div class="col-12 col-sm-4 col-lg-2">
				<label class="form-label c-form__label" for="svr">
					<i class="material-icons">dns</i>
					<span>設置サーバ</span>
				</label>
				<select id="svr" name="svr" class="form-select form-select-sm">
					{# 選択肢と選択状態はモデルが組み立てる #}
					{_servers:start}
					<option value="{_value}"{_selected:y} selected="selected"{/_selected:y}>{_label}</option>
					{/_servers:end}
				</select>
			</div>

			<div class="col-12 col-sm-4 col-lg-2">
				<label class="form-label c-form__label" for="sms">
					<i class="material-icons">sms</i>
					<span>SMS配信契約</span>
				</label>
				<select id="sms" name="sms" class="form-select form-select-sm">
					{# 選択肢と選択状態はモデルが組み立てる(未選択の値は空文字) #}
					{_smsOptions:start}
					<option value="{_value}"{_selected:y} selected="selected"{/_selected:y}>{_label}</option>
					{/_smsOptions:end}
				</select>
			</div>

			{# 取得開始ボタンは条件の入力欄の次の行に置く #}
			<div class="col-12">
				<button type="submit" class="btn btn-primary c-button">
					<i class="material-icons">play_arrow</i>
					<span>取得開始</span>
				</button>
			</div>
		</form>
	</div>
</section>

{_executed:y}
{_errors:y}
<div class="alert alert-danger c-alert" role="alert">
	<i class="material-icons">error</i>
	<ul class="c-alert__list">
		{_errors:start}
		<li>{_message}</li>
		{/_errors:end}
	</ul>
</div>
{/_errors:y}

{_warnings:y}
<div class="alert alert-warning c-alert" role="alert">
	<i class="material-icons">warning</i>
	<ul class="c-alert__list">
		{_warnings:start}
		<li>{_message}</li>
		{/_warnings:end}
	</ul>
</div>
{/_warnings:y}

{_excluded:y}
<div class="alert alert-info c-alert" role="status">
	<i class="material-icons">filter_alt</i>
	<details class="c-excluded">
		<summary>監視用・開発用・テスト用などと思われる{_excludedCount}を、一覧と取得結果から除外しています。</summary>
		<table class="table table-sm c-excluded__table">
			<thead>
				<tr>
					<th scope="col">サーバ</th>
					<th scope="col">DB名</th>
					<th scope="col">顧客名(AC設置名)</th>
					<th scope="col">除外理由</th>
				</tr>
			</thead>
			<tbody>
				{_excluded:start}
				<tr>
					<td>{_server}</td>
					<td>{_db}</td>
					<td>{_name}</td>
					<td>{_reason}</td>
				</tr>
				{/_excluded:end}
			</tbody>
		</table>
	</details>
</div>
{/_excluded:y}

{_summaries:y}
<div class="row g-3 mb-4">
	{_summaries:start}
	<div class="col-12 col-sm-4">
		<div class="c-summary {_class}">
			<i class="material-icons c-summary__icon">{_icon}</i>
			<div>
				<p class="c-summary__label">{_label}</p>
				<p class="c-summary__value">{_value}</p>
			</div>
		</div>
	</div>
	{/_summaries:end}
</div>
{/_summaries:y}

{_errors:n}
<section class="card c-card">
	<div class="card-header c-card__header">
		<i class="material-icons">view_list</i>
		<span>取得結果</span>
		<small class="c-card__meta">{_condition} / {_executedAt} 取得(所要時間 {_elapsed})</small>
	</div>
	<div class="card-body">
		{_rows:n}
		<p class="c-empty">
			<i class="material-icons">info</i>
			<span>条件に該当する企業がありません。</span>
		</p>
		{/_rows:n}
		{_rows:y}
		{# 列の見出しとセルはモデルの列定義から生成する。data-export の値がCSV・Excelへ出力される #}
		<table id="overviewTable" class="table table-sm table-bordered table-striped table-hover align-middle c-table" data-export-name="{_exportName}">
			<thead>
				<tr>
					{_columns:start}
					<th scope="col" class="c-table__head">{_label}</th>
					{/_columns:end}
				</tr>
			</thead>
			<tbody>
				{_rows:start}
				<tr>
					{_cells:start}
					<td class="{_class}" data-order="{_order}" data-export="{_export}"{_tooltip:y} title="{_tooltip}"{/_tooltip:y}>{_isLink:y}<a href="{_href}" target="_blank" rel="noopener">{_text}</a>{/_isLink:y}{_isLink:n}{_isBadge:y}<span class="badge {_badgeClass}">{_text}</span>{/_isBadge:y}{_isBadge:n}{_text}{/_isBadge:n}{/_isLink:n}</td>
					{/_cells:end}
				</tr>
				{/_rows:end}
			</tbody>
		</table>
		{/_rows:y}
	</div>
</section>
{/_errors:n}
{/_executed:y}