@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">
                    <div class="panel">
                        <div class="panel-body">
                            <a href="{{ url('images/clearAccount.jpg') }}" class="btn btn-secondary" target="_blank">操作說明</a>
                            <br/>
                            <br/>
                            <table class="table table-bordered">
                                <thead>
                                <tr><th>保留</th><th>停用</th><th>帳號</th><th>姓名</th><th>管理AED</th></tr>
                                </thead>
                                <tbody>
                                @foreach($accounts as $account)
                                    <tr class="account-item" tmp_id="{{ $account->id }}">
                                        <td>
                                            <div class="radio-custom radio-default radio-inline">
                                                <input type="radio" id="respY_{{ $account->id }}" name="resp_{{ $account->id }}" value="Y" {{ $account->resp == 'Y' ? 'checked' : '' }}>
                                                <label for="respY_{{ $account->id }}">保留</label>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="radio-custom radio-default radio-inline">
                                                <input type="radio" id="respN_{{ $account->id }}" name="resp_{{ $account->id }}" value="N" {{ $account->resp == 'N' ? 'checked' : '' }}>
                                                <label for="respN_{{ $account->id }}">停用</label>
                                            </div>
                                        </td>
                                        <td>{{ $account->user_account }}</td>
                                        <td>{{ $account->user_name }}</td>
                                        <td>
                                            @if(array_key_exists($account->user_id, $user_aeds))
                                                @foreach($user_aeds[$account->user_id] as $aed)
                                                    <div class="bg-light-blue-50">
                                                        AED 序號：<span style="color:brown;">{{ $aed->serial_number }}</span><br/>
                                                        地點：<span style="color:brown;">{{ array_key_exists($aed->place_id, $places) ? $places[$aed->place_id]->name : '' }}</span><br/>
                                                    </div>
                                                @endforeach
                                            @else
                                                無
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                        <div class="panel-footer">
                            <center>
                                <div class="btn btn-primary" onclick="checkSubmit()">確認送出</div>
                            </center>
                        </div>
                    </div>


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

    <script>

        function checkSubmit(){
            var resp_arr = [];
            $(".account-item").each(function(){
                var tmp_id = $(this).attr('tmp_id');
                var resp = $(this).find("input[name^=resp_]:checked").val();

                if (resp != undefined) {
                    resp_arr.push([
                        tmp_id,
                        resp+''
                    ]);
                }
            });

            if($(".account-item").length != resp_arr.length){
                notie.alert({type: 'error', text: "請選擇留用或停用", time: 5});
                return;
            }

            var fd = new FormData();
            fd.append('token', '{{ $token }}');
            fd.append('resp_arr', JSON.stringify(resp_arr));

            console.log(resp_arr);

            $.ajax({
                url: "{{ action('App\Http\Controllers\Admins\ImportController@postAccountClearCheck') }}",
                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.href = '{{ action('App\Http\Controllers\Admins\ImportController@accountClearCheckSuccess') }}';
                }
            });
        }
    </script>
@endsection