@extends('fronts.layouts.index_layout')

<title>單位整合</title>
@section('content')
    <!-- Document Wrapper
	============================================= -->
    <div id="wrapper" class="clearfix">

        <!-- Page Title
        ============================================= -->
    @include('fronts.layouts._page_title')
    <!-- #page-title end -->
        @if(date('Y-m-d') > '2021-12-06')
            <center>
                <h1 style="color:brown;">單位整合已截止!</h1>
            </center>
    @else
        <!-- Content
        ============================================= -->
        <section id="content">
            <div class="content-wrap">
                <div class="container clearfix">
                    <form method="get" action="" enctype="multipart/form-data">
                        <div class="row gutter-40 col-mb-80">
                        <!-- Sidebar
                        ============================================= -->
                        {{--                        @include('fronts.layouts._sidebar')--}}

                            <div class="col-md-12 pb-0">
                                <div class="row" >
                                    <div class="col-md-3" >
                                        <div class="bottommargin-sm">
                                            <label for="">合併狀態： </label>
                                            <select  class="form-control" style="width:100%;" name="sr_target">
                                                <option value="all">全部</option>
                                                <option value="1" {{ $sr_target === '1' ? 'selected' : ''}}>已合併</option>
                                                <option value="2" {{ $sr_target === '2' ? 'selected' : ''}}>未合併</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-3" >
                                        <div class="bottommargin-sm">
                                            <label for="">鄉鎮市區： </label>
                                            <select id="area_id"  class="form-control" style="width:100%;" name="sr_area">
                                                <option value="0">鄉鎮市區</option>
                                                @foreach($merge_area_ids as $id=>$v)
                                                    <option value="{{ $id }}" {{ $sr_area == $id  ? 'selected' : ''}}>{{ array_key_exists($id, $areaMap) ? $areaMap[$id] : '' }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-3" >
                                        <div class="bottommargin-sm">
                                            <label for="">場所關鍵字： </label>
                                            <input type="text" class="form-control" value="{{ $sr_keyword }}" name="sr_keyword">
                                        </div>
                                    </div>
                                    <div class="col-md-3" >
                                        <div class="bottommargin-sm">
                                            <label for="">　</label>
                                            <input type="submit" class="form-control btn btn-info" value="檢索"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                    <br clear="both"/>
                    <br clear="both"/>
                    <div class="panel">
                        <div class="panel-body">
                            <a href="{{ url('images/mergePlace.jpg') }}" class="btn btn-secondary" target="_blank">操作說明</a>
                            <center>
                                <div class="btn btn-primary" onclick="checkSubmit()">確認合併</div>
                            </center>
                            <br/>

                            <table class="table table-bordered">
                                <thead>
                                <tr><th>合併來源</th><th>合併目的</th><th>場所流水號</th><th>場所名稱</th><th>地址</th><th>經緯度</th><th>安心場所</th><th>管理AED</th><th>合併資料</th></tr>
                                </thead>
                                <tbody>
                                @foreach($mergePlaces as $mergePlace)
                                    <tr class="account-item" tmp_id="{{ $mergePlace->id }}">
                                        <td>
                                            @if($mergePlace->target_department_id == null)
                                                <div class="checkbox-custom checkbox-default checkbox-inline" >
                                                    <input type="checkbox" style="width: 30px;height:30px" id="src_{{ $mergePlace->id }}" name="src_place[]" value="{{ $mergePlace->department_id }}" >
                                                    <label for="src_{{ $mergePlace->id }}"></label>
                                                </div>
                                            @endif
                                        </td>
                                        <td>
                                            @if($mergePlace->target_department_id == null)
                                            <div class="radio-custom radio-default radio-inline">
                                                <input type="radio" style="width: 30px;height:30px" id="dest_place" name="dest_place" value="{{ $mergePlace->department_id }}" >
                                                <label for="dest_place"></label>
                                            </div>
                                            @endif
                                        </td>
                                        <td>{{ $mergePlace->department_id }}</td>
                                        <td>{{ $mergePlace->place_name }}</td>
                                        <td>
                                            {{
                                            (array_key_exists($mergePlace->city_id, $cityMap) ? $cityMap[$mergePlace->city_id] : '').
                                            (array_key_exists($mergePlace->area_id, $areaMap) ? $areaMap[$mergePlace->area_id] : '').$mergePlace->address
                                            }}
                                        </td>
                                        <td>
                                            {{ $mergePlace->longitude }}<br/>
                                            {{ $mergePlace->latitude }}<br/>
                                        </td>
                                        <td>
                                            {{ $mergePlace->is_safe_place ? 'Y' : 'N' }}
                                            @if($mergePlace->is_safe_place == 1)
                                                <br/>認證到期日：{{ $mergePlace->certification_period }}
                                            @endif
                                        </td>
                                        <td>
                                            @if(array_key_exists($mergePlace->department_id, $place_aeds))
                                                @foreach($place_aeds[$mergePlace->department_id] as $aed_id=>$place_detail)
                                                    <div  style="background-color: lemonchiffon;padding:2px;margin-bottom: 3px;">
                                                        AED 序號：<span style="color:brown;">{{ array_key_exists($aed_id, $aeds) ? $aeds[$aed_id]->serial_number : '' }}</span><br/>
                                                        地點：<span style="color:brown;">{{ $place_detail->placement }}</span><br/>
                                                    </div>
                                                @endforeach
                                            @else
                                                無
                                            @endif
                                        </td>
                                        <td>
                                            @if($mergePlace->target_department_id != null)
                                                合併目的：<br/>
                                                <div style="background-color: lightcyan;padding:3px;margin-bottom: 3px;">
                                                    <span class="btn btn-danger btn-sm" onclick="cancelMerge({{ $mergePlace->department_id }})">取消合併</span><br/>
                                                    場所流水號：<span style="color:brown;">{{ $mergePlace->target_department_id }}</span><br/>
                                                    名稱：<span style="color:brown;">{{ $mergePlacesInfo[$mergePlace->target_department_id]->place_name }}</span>
                                                </div>
                                            @endif
                                            @if(array_key_exists($mergePlace->department_id, $target_department_ids))
                                                合併來源：<br/>
                                                @foreach($target_department_ids[$mergePlace->department_id] as $department_id)
                                                    <div style="background-color: linen;padding:3px;margin-bottom: 3px;">
                                                        場所流水號：<span style="color:brown;">{{ $department_id }}</span><br/>
                                                        名稱：<span style="color:brown;">{{ $mergePlacesInfo[$department_id]->place_name }}</span>
                                                    </div>
                                                @endforeach
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>

                    </div>


                </div>
            </div>
        </section><!-- #content end -->
            @endif
    </div>



    <!-- Modal -->
    <div class="modal fade" id="cancelMerge" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header bg-orange-50">
                    <h4 class="modal-title" id="my_modal_label">確認取消合併</h4>
                </div>

                <div class="modal-footer">
                    <button  class="btn btn-default" data-dismiss="modal">返回</button>
                    <button  class="btn btn-danger" onclick="cancelMergeSubmit()">確定</button>
                </div>
            </div>
        </div>
    </div>
    <!-- （Modal） -->

    <script>
        $(function(){

        });

        var cancel_id = null;

        function cancelMerge(department_id){
            cancel_id = department_id;
            $("#cancelMerge").modal('show');
        }

        function cancelMergeSubmit(){
            var fd = new FormData();
            fd.append('_token', '{{ csrf_token() }}');
            fd.append('token', '{{ $token }}');
            fd.append('cancel_id', cancel_id);


            $.ajax({
                url: "{{ action('App\Http\Controllers\Admins\ImportController@postCancelMergePlace') }}",
                type: "POST",
                data: fd,
                enctype: 'multipart/form-data',
                processData: false,  // tell jQuery not to process the data
                contentType: false   // tell jQuery not to set contentType
            }).done(function (data) {
                console.log(data);
                var result = JSON.parse(data);
                if (result['success']) {
                    window.location.reload();
                }
            });
        }

        function checkSubmit(){
            var src_arr = [];
            $("input[name^=src_]:checked").each(function(){
                src_arr.push($(this).val());
            });

            if(src_arr.length <= 0){
                notie.alert({type: 'error', text: "請選擇合併來源", time: 5});
                return;
            }

            if($("input[name=dest_place]:checked").length <= 0){
                notie.alert({type: 'error', text: "請選擇合併目的", time: 5});
                return;
            }

            if (!confirm("確認合併所選單位?")) {
                return;
            }

            var fd = new FormData();
            fd.append('_token', '{{ csrf_token() }}');
            fd.append('token', '{{ $token }}');
            fd.append('src_arr', JSON.stringify(src_arr));
            fd.append('dest_place', $("input[name=dest_place]:checked").val());



            $.ajax({
                url: "{{ action('App\Http\Controllers\Admins\ImportController@postMergePlaceCheck') }}",
                type: "POST",
                data: fd,
                enctype: 'multipart/form-data',
                processData: false,  // tell jQuery not to process the data
                contentType: false   // tell jQuery not to set contentType
            }).done(function (data) {
                console.log(data);
                var result = JSON.parse(data);
                if (result['success']) {
                    window.location.reload();
                }
            });
        }
    </script>
@endsection