Tryag File Manager

//home/yanggyein/yanggyein/yang_ai/resources/views/map/index.blade.php

@extends('layouts.app_mdb')

@section('navbar')
    @include('map.index-nav')
@endsection

@section('content')
{{-- 맵  --}}
<div class="map_wrap">

{{-- 지도타입 컨트롤 div 입니다 --}}
    <div class="custom_typecontrol radius_border" style="top:3.5rem;">
        <span id="btnRoadmap" class="selected_btn" onclick="setMapType('roadmap')">지도</span>
        <span id="btnSkyview" class="btn" onclick="setMapType('skyview')">스카이뷰</span>
    </div>

{{-- 방역 리스트 toggle --}}
    <div id="prevention-list-card-hide" class="custom_card animated fadeInRight prevention_toggle_list" style="top:3.5rem;">
        <div class="card panels-card" style="opacity: 0.8;">
            <div class="rounded-top grey lighten-2 dark-grey-text" onclick="togglePreventionList()">
              <ul class="list-inline float-left my-0 py-1 pr-2" style="background: #425470; color:white;">
                <i class="fas fa-angle-double-right pl-2"></i> <small>방역 리스트</small>
              </ul>
            </div>
        </div>
    </div>

<div id="prevention-list-card-show" class="custom_card d-none animated fadeInLeft prevention_toggle_list" style="top:3.5rem;">
        <div class="card panels-card" style="opacity: 0.8;">
            <div class="rounded-top"style="background: #425470; color:white;" onclick="togglePreventionList()">
              <ul class="list-inline float-left my-0 py-1 pr-3" style="background: #425470; color:white;">
                <i class="fas fa-angle-double-left pl-2"></i> <small>방역 리스트</small>
              </ul>
            </div>
            <nav class="navbar navbar-expand-lg navbar-dark grey lighten-5 d-flex justify-content-between z-depth-1-bottom">
                <div style="height:23vh;" >
                    <div class="clearfix">
                        <p class="float-left my-0" style="padding:0.6rem 0.3rem; box-sizing: border-box; font-size: 0.9rem; width:5%;">&nbsp;</p>
                        <select id="search-location-list" class="mdb-select md-form float-left my-0" searchable="지역 검색" style="padding:0.6rem 0.3rem; box-sizing: border-box; font-size: 0.9rem; width:73%;" onchange="axiosShowSearchPreventionList();">
                            <option value="전국" selected>전국</option>
                            @foreach ($locations as $key => $location)
                                <option value="{{$location->loc}}" >{{$location->loc}}</option>
                            @endforeach
                        </select>
                        <p class="float-right my-0 " style="padding:0.6rem 0.3rem; box-sizing: border-box; font-size: 0.9rem;">발생일자</p>
                    </div>
                    <div class="scrollbar-indigo bordered-indigo thin" style="overflow-y: auto; height:17vh; direction:rtl;" >
                        <table class="table table-hover table-sm">
                            <colgroup>
                                <col>
                                <col width="70%">
                                <col width="1%">
                            </colgroup>
                            <tbody id="research-list">
                                {{-- @foreach ($preventions as $key => $prevention)
                                <tr data-toggle="modal" data-target="#modalPoll-{{$prevention->id}}" onclick="gotoCenterOfMap('{{$prevention->location_latitude}}', '{{$prevention->location_longitude}}', '{{$key}}');">
                                    <td class="text-nowrap"><small>{{substr($prevention->start_time,0,10)}}</small></td>
                                    <td class="text-nowrap sf-dump-ellipsis"><small>{{$prevention->address}}</small></td>
                                    <th scope="row"><small>{{count($preventions)-$key}}</small></th>
                                </tr>
                                @endforeach --}}
                            </tbody>
                        </table>
                    </div>
                    {{-- <ul class="list-inline my-2 py-1 dark-grey-text">
                        <li class="list-inline-item pl-2">
                            <a href="javascript:void(0);" onclick="gotoCenterOfMap('{{$prevention->location_latitude}}', '{{$prevention->location_longitude}}');">{{$prevention->title}}</a>
                        </li>
                        <hr class="p-0 pl-2 m-0">
                    </ul> --}}

</div>
            </nav>
        </div>
    </div>
    {{-- 방역토글 끝 --}}

{{-- 방역 하단 정보 --}}
    <div class="fixed-bottom d-flex justify-content-center">
        <div class="card opacity-80 col-12 col-sm-2 px-0">
            <div class="rounded-bottom mdb-color lighten-3 text-center pt-2">
                <ul class="list-unstyled list-inline font-small mb-2">
                    <li class="list-inline-item pr-2 white-text material-tooltip-smaller" data-toggle="tooltip" data-placement="top" title="발생기간"><i class="far fa-clock pr-1"></i>{{substr($preventions[0]->start_time,0, 10)}} ~ 현재</li>
                    <li class="list-inline-item pr-2 material-tooltip-smaller" data-toggle="tooltip" data-placement="top" title="AI 발생건수"><a href="javascript:void(0);" class="white-text"><i class="fas fa-ambulance pr-1"></i>{{count($preventions)}}</a></li>
                </ul>
            </div>
        </div>
    </div>

</div>

{{-- AI 상세 정보 --}}
@foreach ($preventions as $prevention)
<div id="modal-box">
    <div class="modal fade right scrollbar-indigo bordered-indigo thin" id="modalPoll-{{$prevention->id}}" tabindex="-2" role="dialog" aria-labelledby="exampleModalLabel-{{$prevention->id}}" aria-hidden="true">
        <div class="modal-dialog modal-full-height modal-right modal-notify modal-info" role="document">
            <div class="modal-content">
            <div class="modal-header">
                <p class="heading lead">방역 정보</p>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true" class="white-text">×</span>
                </button>
            </div>

<div class="modal-body">
                <div class="text-center">
                    <i class="fas fa-clipboard-list fa-3x mb-3 animated rotateIn text-warning"></i>
                {{-- <i class="fas fa-kiwi-bird fa-4x mb-3 animated rotateIn text-warning"></i> --}}
                <p>
                    <strong>{{$prevention->title}}</strong>
                </p>
                <p class="text-small">
                    <small>{{$prevention->note}}</small>
                </p>
                </div>

<hr>

<div class="list-group-flush">
                    <div class="list-group-item">
                        <p class="mb-0 font-small"><i class="fas fa-map-marked-alt mr-2 black p-1 white-text rounded-circle " aria-hidden="true"></i>{{$prevention->address}}</p>
                    </div>
                    <div class="list-group-item">
                        <p class="mb-0 font-small"><i class="fas fa-syringe mr-2 black p-1 white-text rounded-circle" aria-hidden="true"></i>타입: {{$prevention->type}}</p>
                    </div>
                    <div class="list-group-item">
                        <p class="mb-0 font-small"><i class="fas fa-business-time mr-2 black p-1 white-text rounded-circle" aria-hidden="true"></i>사직일: {{substr($prevention->start_time, 0, 10)}}</p>
                    </div>
                </div>
            </div>

<div class="modal-footer justify-content-end">
                @if(!empty(Auth::user()->authority_level) && Auth::user()->authority_level < 4)
                <a class="btn btn-sm btn-outline-indigo waves-effect" onclick="editPrevention({{$prevention->id}});"data-dismiss="modal" data-toggle="modal" data-target="#modalPreventionUpdateForm" >{{ __('수정') }}</a>
                <a class="btn btn-sm btn-outline-danger waves-effect" onclick="deletePrevention({{$prevention->id}});" >{{ __('삭제') }}</a>
                @endif
                <a type="button" class="btn btn-outline-primary waves-effect" data-dismiss="modal">닫기</a>
            </div>
            </div>
        </div>
    </div>
</div>
@endforeach

@endsection