@extends('admins.layouts.main')
@section('content')
<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>{{ $PadPlace->PlaceName }}</p>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-middle">場所地址</td>
                        <td>
                            <p>{{ $PadPlace->PlaceAddress }}</p>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-middle">場所經緯度</td>
                        <td>
                            <p>( {{ $PadPlace->PlaceLng }}, {{ $PadPlace->PlaceLat }} )</p>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-middle">場所類型</td>
                        <td>
                            <p>{{ $PadPlace->Placetype }}</p>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-middle">場所網址</td>
                        <td>
                            <a href="{{ $PadPlace->Placeweb }}">連結網址</a>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-middle">場所描述</td>
                        <td>
                            <p>{{ $PadPlace->Placedesc }}</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>
                    </div>
                </div>
            </div>
            <hr style="width:100%"/>
            <div class="row">
                <div class="col-12">
                    <h4 class="example-title p-4">場所圖片</h4>
                </div>
                @if(empty($PadPlace->Placephoto1) === false)
                <div class="col-6 col-md-4">
                    <div class="example">
                        <div class="card">
                            <a class="inline-block"  target="_blank" href="{{ $PadPlace->Placephoto1 }}" title="view-6">
                                <img class="img-fluid" src="{{ $PadPlace->Placephoto1 }}" alt="場所圖片1"  />
                            </a>
                        </div>
                    </div>
                </div>
                @endif
                @if(empty($PadPlace->Placephoto2) === false)
                    <div class="col-6 col-md-4">
                        <div class="example">
                            <div class="card">
                                <a class="inline-block"  target="_blank" href="{{ $PadPlace->Placephoto2 }}" title="view-6">
                                    <img class="img-fluid" src="{{ $PadPlace->Placephoto2 }}" alt="場所圖片2"  />
                                </a>
                            </div>
                        </div>
                    </div>
                @endif
                @if(empty($PadPlace->Placephoto3) === false)
                    <div class="col-6 col-md-4">
                        <div class="example">
                            <div class="card">
                                <a class="inline-block"  target="_blank" href="{{ $PadPlace->Placephoto3 }}" title="view-6">
                                    <img class="img-fluid" src="{{ $PadPlace->Placephoto3 }}" alt="場所圖片3"  />
                                </a>
                            </div>
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </div>
</div>
<!-- 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>{{ $PadPlace->pad_location->location }}</p>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-middle">AED經緯度</td>
                        <td>
                            <p>({{ $PadPlace->pad_location->loclng }}, {{ $PadPlace->pad_location->loclat }})</p>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-middle">AED地點描述</td>
                        <td>
                            <p>{{ $PadPlace->pad_location->locationdesc }}</p>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-middle">開放使用時間</td>
                        <td>
                            <p>
                                @if(empty($PadPlace->pad_location->day15s) === false && empty($PadPlace->pad_location->day15e) === false)
                                星期一至星期五 {{ $PadPlace->pad_location->day15s }} 至 {{ $PadPlace->pad_location->day15e }}<br/>
                                @endif
                                @if(empty($PadPlace->pad_location->day6s) === false && empty($PadPlace->pad_location->day6e) === false)
                                星期六 {{ $PadPlace->pad_location->day6s }} 至 {{ $PadPlace->pad_location->day6e }}<br/>
                                @endif
                                @if(empty($PadPlace->pad_location->day7s) === false && empty($PadPlace->pad_location->day7e) === false)
                                星期日 {{ $PadPlace->pad_location->day7s }} 至 {{ $PadPlace->pad_location->day7e }}
                                @endif
                            </p>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-middle">緊急聯絡電話</td>
                        <td>
                            {{ $PadPlace->emtel }}
                        </td>
                    </tr>
                    <tr>
                        <td class="text-middle">資料建立時間</td>
                        <td>
                            <p>{{ $PadPlace->pad_location->locationTime }}</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>
                @if(empty($PadPlace->pad_location->locationphoto1) === false)
                <div class="col-6 col-md-4">
                    <div class="example">
                        <div class="card">
                            <a class="inline-block"  target="_blank" href="{{ $PadPlace->pad_location->locationphoto1 }}" title="view-6">
                                <img class="img-fluid" src="{{ $PadPlace->pad_location->locationphoto1 }}" alt="AED位置圖片1"  />
                            </a>
                        </div>
                    </div>
                </div>
                @endif
                @if(empty($PadPlace->pad_location->locationphoto2) === false)
                    <div class="col-6 col-md-4">
                        <div class="example">
                            <div class="card">
                                <a class="inline-block"  target="_blank" href="{{ $PadPlace->pad_location->locationphoto2 }}" title="view-6">
                                    <img class="img-fluid" src="{{ $PadPlace->pad_location->locationphoto2 }}" alt="AED位置圖片2"  />
                                </a>
                            </div>
                        </div>
                    </div>
                @endif
                @if(empty($PadPlace->pad_location->locationphoto3) === false)
                    <div class="col-6 col-md-4">
                        <div class="example">
                            <div class="card">
                                <a class="inline-block"  target="_blank" href="{{ $PadPlace->pad_location->locationphoto3 }}" title="view-6">
                                    <img class="img-fluid" src="{{ $PadPlace->pad_location->locationphoto3 }}" alt="AED位置圖片3"  />
                                </a>
                            </div>
                        </div>
                    </div>
                @endif
            </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">電子信箱：待補上</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 "> 管理員連絡電話：待補上</li>
                    <li class="list-group-item">管理員AED相關訓練：待補上</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 ">經銷商名稱：{{ $PadPlace->pad_location->aed->department->DeptName }}</li>
                    <li class="list-group-item ">經銷商聯絡電話：{{ $PadPlace->pad_location->aed->department->DeptTel }}</li>
                    <li class="list-group-item">廠牌 :{{ $PadPlace->pad_location->aed->supplier->SupplierName }}</li>
                    <li class="list-group-item">型號：{{ $PadPlace->pad_location->aed->padmodel }}</li>
                    <li class="list-group-item">序號：{{ $PadPlace->pad_location->aed->padsn }}</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保固期限：{{ $PadPlace->pad_location->aed->padwarranty }}</li>
                    <li class="list-group-item"> AED設置日期：{{ $PadPlace->pad_location->aed->padsetup }}</li>
                    <li class="list-group-item"> 電池使用期限：{{ $PadPlace->pad_location->aed->padbettery }}</li>
                    <li class="list-group-item"> 預定保養時程：{{ $PadPlace->pad_location->aed->padmaintain }}</li>
                    <li class="list-group-item"> 電擊貼片使用期限：{{ $PadPlace->pad_location->aed->padtag }}</li>
                </ul>
            </div>
        </div>
    </div>
</div> <!-- End Panel  -->
@endsection