214 lines
12 KiB
PHP
214 lines
12 KiB
PHP
@extends('layouts.general')
|
||
@section('content')
|
||
<main role="main" id="" class="">
|
||
<section id="" class="container mt20 mb20">
|
||
<div class="row">
|
||
<div class="col-12 col-lg-10 offset-0 offset-lg-1 mt20 mb20">
|
||
<div class="card border-success">
|
||
<div class="card-header border-success">
|
||
<h5 class="card-title text-success">駐輪場をお選びください。</h5>
|
||
</div>
|
||
<div class="card-body">
|
||
<form class="row form">
|
||
<div class="w-100 alert alert-success">
|
||
<h6><a class="text-success" data-toggle="collapse" href="#search-option" role="button" aria-expanded="false" aria-controls="search-option">絞込み条件を追加する</a></h6>
|
||
<div class="collapse row" id="search-option">
|
||
<div class="col-3">市町村名</div>
|
||
<div class="col-9 mb10">
|
||
<select class="form-control form-control-lg">
|
||
<option>市町村を選択してください</option>
|
||
<option>〇〇市</option>
|
||
<option>〇〇市</option>
|
||
<option>〇〇市</option>
|
||
<option>〇〇市</option>
|
||
<option>〇〇市</option>
|
||
</select>
|
||
</div>
|
||
<div class="col-3">駅名</div>
|
||
<div class="col-9 mb10">
|
||
<select class="form-control form-control-lg">
|
||
<option>駅名を選択してください</option>
|
||
<option>〇〇駅</option>
|
||
<option>〇〇駅</option>
|
||
<option>〇〇駅</option>
|
||
<option>〇〇駅</option>
|
||
<option>〇〇駅</option>
|
||
</select>
|
||
</div>
|
||
<div class="col-3">駐車場名</div>
|
||
<div class="col-9 mb10">
|
||
<select class="form-control form-control-lg">
|
||
<option>全て</option>
|
||
<option>あ行</option>
|
||
<option>か行</option>
|
||
<option>さ行</option>
|
||
<option>た行</option>
|
||
<option>な行</option>
|
||
<option>は行</option>
|
||
<option>ま行</option>
|
||
<option>や行</option>
|
||
<option>ら行</option>
|
||
<option>わ行</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
<table id="searchTable" class="tablesorter table table-striped">
|
||
<thead>
|
||
<tr>
|
||
<th>駐輪場名</th>
|
||
<th>市町村名</th>
|
||
<th>駅名</th>
|
||
<th></th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td><a href="#placeModal01" data-toggle="modal" data-target="#placeModal01">あマルバツ駐輪場A</a></td>
|
||
<td>〇〇市</td>
|
||
<td>〇〇駅</td>
|
||
<td><a href="./SWC-08-02.html" class="btn btn-block btn-sm btn-outline-success">定期契約</a></td>
|
||
</tr>
|
||
<tr>
|
||
<td><a href="#placeModal02" data-toggle="modal" data-target="#placeModal02">かマルバツ駐輪場B</a></td>
|
||
<td>〇〇市</td>
|
||
<td>〇〇駅</td>
|
||
<td><a href="#" class="btn btn-block btn-sm btn-outline-danger">空き待ち申込</a></td>
|
||
</tr>
|
||
<tr>
|
||
<td><a href="#placeModal01" data-toggle="modal" data-target="#placeModal01">あマルバツ駐輪場A</a></td>
|
||
<td>〇〇市</td>
|
||
<td>〇〇駅</td>
|
||
<td><a href="./SWC-08-02.html" class="btn btn-block btn-sm btn-outline-success">定期契約</a></td>
|
||
</tr>
|
||
<tr>
|
||
<td><a href="#placeModal02" data-toggle="modal" data-target="#placeModal02">かマルバツ駐輪場B</a></td>
|
||
<td>〇〇市</td>
|
||
<td>〇〇駅</td>
|
||
<td><a href="#" class="btn btn-block btn-sm btn-outline-danger">空き待ち申込</a></td>
|
||
</tr>
|
||
<tr>
|
||
<td><a href="#placeModal01" data-toggle="modal" data-target="#placeModal01">あマルバツ駐輪場A</a></td>
|
||
<td>〇〇市</td>
|
||
<td>〇〇駅</td>
|
||
<td><a href="./SWC-08-02.html" class="btn btn-block btn-sm btn-outline-success">定期契約</a></td>
|
||
</tr>
|
||
<tr>
|
||
<td><a href="#placeModal02" data-toggle="modal" data-target="#placeModal02">かマルバツ駐輪場B</a></td>
|
||
<td>〇〇市</td>
|
||
<td>〇〇駅</td>
|
||
<td><a href="#" class="btn btn-block btn-sm btn-outline-danger">空き待ち申込</a></td>
|
||
</tr>
|
||
<tr>
|
||
<td><a href="#placeModal01" data-toggle="modal" data-target="#placeModal01">あマルバツ駐輪場A</a></td>
|
||
<td>〇〇市</td>
|
||
<td>〇〇駅</td>
|
||
<td><a href="./SWC-08-02.html" class="btn btn-block btn-sm btn-outline-success">定期契約</a></td>
|
||
</tr>
|
||
<tr>
|
||
<td><a href="#placeModal02" data-toggle="modal" data-target="#placeModal02">かマルバツ駐輪場B</a></td>
|
||
<td>〇〇市</td>
|
||
<td>〇〇駅</td>
|
||
<td><a href="#" class="btn btn-block btn-sm btn-outline-danger">空き待ち申込</a></td>
|
||
</tr>
|
||
<tr>
|
||
<td><a href="#placeModal01" data-toggle="modal" data-target="#placeModal01">あマルバツ駐輪場A</a></td>
|
||
<td>〇〇市</td>
|
||
<td>〇〇駅</td>
|
||
<td><a href="./SWC-08-02.html" class="btn btn-block btn-sm btn-outline-success">定期契約</a></td>
|
||
</tr>
|
||
<tr>
|
||
<td><a href="#placeModal02" data-toggle="modal" data-target="#placeModal02">かマルバツ駐輪場B</a></td>
|
||
<td>〇〇市</td>
|
||
<td>〇〇駅</td>
|
||
<td><a href="#" class="btn btn-block btn-sm btn-outline-danger">空き待ち申込</a></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<nav aria-label="searchTable-pager">
|
||
<ul class="pagination justify-content-center">
|
||
<li class="page-item">
|
||
<a class="page-link text-success" href="#" aria-label="前">
|
||
<span aria-hidden="true">«</span>
|
||
<span class="sr-only">前</span>
|
||
</a>
|
||
</li>
|
||
<li class="page-item"><a class="page-link text-success" href="#">1</a></li>
|
||
<li class="page-item"><a class="page-link text-success" href="#">2</a></li>
|
||
<li class="page-item"><a class="page-link text-success" href="#">3</a></li>
|
||
<li class="page-item">
|
||
<a class="page-link text-success" href="#" aria-label="次">
|
||
<span aria-hidden="true">»</span>
|
||
<span class="sr-only">次</span>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
<div class="modal fade" id="placeModal01" tabindex="-1" role="dialog" aria-hidden="true">
|
||
<div class="modal-dialog modal-lg" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h5 class="modal-title">あマルバツ駐輪場A</h5>
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="閉じる">
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3240.722943699139!2d139.75162621525894!3d35.68382338019366!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188c0b185b3b75%3A0x3282e79fbc91959c!2z44CSMTAwLTAwMDEg5p2x5Lqs6YO95Y2D5Luj55Sw5Yy65Y2D5Luj55Sw77yR4oiS77yR!5e0!3m2!1sja!2sjp!4v1536695351221" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
|
||
<p class="small">
|
||
〒000-0000 東京都千代田区1-1 <br class="sp">
|
||
標準収容台数：XXX台
|
||
</p>
|
||
<p class="text-danger">
|
||
空き台数：XXX台
|
||
</p>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="submit" class="btn btn-success" onClick="location.href='./SWC-08-02.html'">定期契約</button>
|
||
<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">閉じる</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="modal fade" id="placeModal02" tabindex="-1" role="dialog" aria-hidden="true">
|
||
<div class="modal-dialog modal-lg" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h5 class="modal-title">かマルバツ駐輪場B</h5>
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="閉じる">
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3240.722943699139!2d139.75162621525894!3d35.68382338019366!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188c0b185b3b75%3A0x3282e79fbc91959c!2z44CSMTAwLTAwMDEg5p2x5Lqs6YO95Y2D5Luj55Sw5Yy65Y2D5Luj55Sw77yR4oiS77yR!5e0!3m2!1sja!2sjp!4v1536695351221" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
|
||
<p class="small">
|
||
〒000-0000 東京都千代田区1-1 <br class="sp">
|
||
標準収容台数：XXX台
|
||
</p>
|
||
<p class="text-danger">
|
||
空き待ち
|
||
</p>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="submit" class="btn btn-danger">空き待ち申込</button>
|
||
<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">閉じる</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
|
||
<script>window.jQuery || document.write('<script src="./assets/js/vendor/jquery.min.js"><\/script>')</script>
|
||
<script src="./assets/js/vendor/popper.min.js"></script>
|
||
<script src="./bootstrap/js/bootstrap.min.js"></script>
|
||
<script src="./assets/js/ie10-viewport-bug-workaround.js"></script>
|
||
<script src="./assets/js/commons.js"></script>
|
||
<script src="./assets/js/vendor/jquery.tablesorter/jquery.tablesorter.min.js" type="text/javascript"></script>
|
||
<script type="text/javascript">$(document).ready(function() { $("#sampleTable").tablesorter();} ); </script>
|
||
@endsection |