@extends('admins.layouts.main')
@section('content')
{{--    <script src="{{ asset('js/admins/aed_management/suppliers/edit.js') }}"></script>--}}
<!-- Panel Google Maps -->
<div class="panel">
    <div class="panel-heading col-12">
        <h4 class="example-title p-4">場所資訊</h4>
    </div>
    <div class="panel-body">
        <div class="row row-lg">
            <div class="col-xl-5">
                <table class="table table-bordered">
                    <tbody>
                    <tr>
                        <td class="text-middle">場所名稱：</td>
                        <td>
                            <p class=" ">	國立斗六高級中學</p>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-middle">場所地址：</td>
                        <td>
                            <p class=" ">	雲林縣斗六市民生路224號</p>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-middle">場所經緯度：</td>
                        <td>
                            <p class=" ">	( 120.545436,23.711830 )</p>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-middle">場所類型：</td>
                        <td>
                            <p class=" ">	高中職</p>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-middle">場所網址：</td>
                        <td>
                            <a href="#" class=" ">連結網址</a>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-middle">場所描述：</td>
                        <td>
                            <p class=" ">	行政大樓一樓川堂(導師室外)</p>
                        </td>
                    </tr>
                    <tbody>
                </table>
            </div>
            <div class="col-xl-7">
                <div class="example example-well mt-0">
                    <div id="examplePanel" class="panel mb-0" data-load-callback="customRefreshCallback">
                        <div class=" ">
                            <div class="example  mt-0">
                                <div class="h-300"  id="simpleGmap"></div>
                            </div>
                        </div>  <!-- End Example Markers -->
                    </div>
                </div>
            </div>
            <hr style="width:100%";/>
            <div class="row">
                <div class="col-12">
                    <h4 class="example-title p-4">場所圖片</h4>
                </div>
                <div class="col-6 col-md-4">
                    <div class="example">
                        <div class="card">
                            <a class="inline-block"  target="_blank" href="../../../global/photos/placeholder.png" title="view-6">
                                <img class="img-fluid" src="../../../global/photos/placeholder.png" alt="..."  />
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-md-4">
                    <div class="example">
                        <div class="card">
                            <a class="inline-block"  target="_blank" href="../../../global/photos/placeholder.png" title="view-6">
                                <img class="img-fluid" src="../../../global/photos/placeholder.png" alt="..."  />
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-md-4">
                    <div class="example">
                        <div class="card">
                            <a class="inline-block"  target="_blank" href="../../../global/photos/placeholder.png" title="view-6">
                                <img class="img-fluid" src="../../../global/photos/placeholder.png" alt="..."   />
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div> <!-- End Panel Google Maps -->
<!-- Panel Google Maps -->
<div class="panel">
    <div class="panel-heading col-12">
        <h4 class="example-title p-4">AED地點資訊</h4>
    </div>
    <div class="panel-body">
        <div class="row row-lg">
            <div class="col-xl-5">
                <table class="table table-bordered">
                    <tbody>
                    <tr>
                        <td class="text-middle">AED放置地點：</td>
                        <td>
                            <p class=" ">行政大樓川堂</p>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-middle">AED經緯度：</td>
                        <td>
                            <p class=" ">(120.545436,23.711830)</p>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-middle"> AED地點描述：	</td>
                        <td>
                            <p class=" "> 行政大樓一樓川堂(導師室外，電梯門口旁)</p>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-middle">開放使用時間：	</td>
                        <td>
                            <p class=" ">星期一至星期五 00:00 至 23:55<br/>星期六 00:00 至 23:55<br/>星期日 00:00 至 23:55</p>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-middle">緊急聯絡電話：</td>
                        <td> 05-5342842
                        </td>
                    </tr>
                    <tr>
                        <td class="text-middle">資料建立時間：	</td>
                        <td>
                            <p class=" ">2013-10-22 16:14:00.0</p>
                        </td>
                    </tr>
                    <tbody>
                </table>
            </div>
            <div class="col-xl-7">
                <div class="example example-well mt-0">
                    <div id="examplePanel" class="panel mb-0" data-load-callback="customRefreshCallback">
                        <div class=" "> <!-- Example Markers -->
                            <div class="example  mt-0">
                                <div class="h-350"  id="customGmap"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <hr style="width:100%";/>
            <div class="row">
                <div class="col-12">
                    <h4 class="example-title p-4">位置圖片</h4>
                </div>
                <div class="col-6 col-md-4">
                    <div class="example">
                        <div class="card">
                            <a class="inline-block"  target="_blank" href="../../../global/photos/placeholder.png" title="view-6">
                                <img class="img-fluid" src="../../../global/photos/placeholder.png" alt="..."  />
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-md-4">
                    <div class="example">
                        <div class="card">
                            <a class="inline-block"  target="_blank" href="../../../global/photos/placeholder.png" title="view-6">
                                <img class="img-fluid" src="../../../global/photos/placeholder.png" alt="..."  />
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-md-4">
                    <div class="example">
                        <div class="card">
                            <a class="inline-block"  target="_blank" href="../../../global/photos/placeholder.png" title="view-6">
                                <img class="img-fluid" src="../../../global/photos/placeholder.png" alt="..."   />
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div> <!-- End Panel-->
<!-- Panel-->
<div class="panel p-4">
    <div class="row">
        <div class="col-12">
            <h4 class="example-title">管理員資訊</h4>
        </div>
        <hr style="width:0%";/>
        <div class="col-md-6 col-xl-6">
            <div class="">
                <ul class="list-group list-group-dividered list-group-full">
                    <li class="list-group-item ">  管理員姓名：	王淑俞 </li>
                    <li class="list-group-item">電子信箱：	ginkin3467@m1.tlsh.ylc.edu.tw</li>
                </ul>
            </div>
        </div>
        <div class="col-md-6 col-xl-6">
            <div class="">
                <ul class="list-group list-group-dividered list-group-full">
                    <li class="list-group-item "> 管理員連絡電話：	5322039#134</li>
                    <li class="list-group-item">管理員AED相關訓練：	是,完成日期:109/09/14</li>
                </ul>
            </div>
        </div>

    </div>
</div> <!-- End Panel  -->
<!-- Panel-->
<div class="panel p-4">
    <div class="row">
        <div class="col-12">
            <h4 class="example-title">AED產品資訊</h4>
        </div>
        <hr style="width:0%";/>
        <div class="col-md-6 col-xl-6">
            <div class=" ">
                <ul class="list-group list-group-dividered list-group-full">
                    <li class="list-group-item ">經銷商名稱：	立偉電子股份有限公司</li>
                    <li class="list-group-item ">經銷商聯絡電話：	02-2553-7885</li>
                    <li class="list-group-item">廠牌 : PHILIPS </li>
                    <li class="list-group-item">型號：HS1</li>
                    <li class="list-group-item">序號：A13F-00542</li>
                </ul>
            </div>
        </div>
        <div class="col-md-6 col-xl-6">
            <div class=" ">
                <ul class="list-group list-group-dividered list-group-full">
                    <li class="list-group-item"> AED保固期限： 	107/06/25</li>
                    <li class="list-group-item"> AED設置日期： 102/06/25</li>
                    <li class="list-group-item"> 電池使用期限： 	112/06/01</li>
                    <li class="list-group-item"> 預定保養時程： 	112/06/01</li>
                    <li class="list-group-item"> 電擊貼片使用期限： 	110/05/31</li>
                </ul>
            </div>
        </div>
    </div>
</div> <!-- End Panel  -->
@endsection