@extends('admins.layouts.main')
@section('content')
        <div class="row">
                <div class="col-lg-12">
                    <div class="panel panel-bordered">
                        <div class="panel-body">
                            <h3 class="panel-title">查詢</h3>
                            <ul class="nav nav-pills tab-list" id="tab-list" role="tablist">
                                <li class="nav-item">
                                    <a class="nav-link" data-toggle="tab" href="#tab-1" id="tab_li-1"
                                       role="tab"><span id="">忘記密碼列表</span></a>
                                </li>
{{--                                <li class="nav-item">--}}
{{--                                    <a class="nav-link" data-toggle="tab" href="#tab-2" id="tab_li-2"--}}
{{--                                       role="tab"><span id="">command</span></a>--}}
{{--                                </li>--}}
                            </ul>
                            <div class="tab-content" id="tab-content">
                                <div class="tab-pane fade" id="tab-1" role="tabpanel">
                                    <div class="row pt-4 pb-4">
                                        <div class="col-xl-12 col-xxl-12">
                                            <div class="panel">
                                                <div class="panel-body container-fluid">
                                                    <div>
                                                        <h4></h4>
                                                        <span>紅字表示連結尚未過期</span>
                                                    </div>
                                                    <br/>
                                                    <table class="table table-hover dataTable table-striped w-full jsgrid" id="view_data_table">
                                                        <thead>
                                                        <tr class="table-head-2">
                                                                <th style="width:5%">user_id</th>
                                                                <th style="width:100px">姓名</th>
                                                                <th style="width:200px">帳號(email)</th>
                                                                <th style="width:5%">忘記密碼連結</th>
                                                                <th style="width:5%">建立時間</th>
                                                                <th style="width:80px">過期時間</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                                                                                @foreach($passwordResetList as $row)
                                                            @if($row->user)
                                                                <tr>
                                                                    <td>{{$row->user_id}}</td>
                                                                    <td>{{$row->user->name ?? '已刪除'}}</td>
                                                                    <td>{{$row->user->account ?? ''}}<br/>{{$row->user->email ?? ''}}</td>
                                                                    <td>
                                                                        <button class="btn btn-default" onclick="copy({{$c}})">複製連結</button><br/>
                                                                        <a href="{{$row->PasswordResetUrl}}" target="_blank">{{$row->PasswordResetUrl}}</a>
                                                                        <input id="url_{{$c}}" type="hidden" value="{{$row->PasswordResetUrl}}" />
                                                                    </td>
                                                                    <td>{{$row->created_at}}</td>
                                                                    @if($row->expiration_at >= date('Y-m-d H:i:s'))
                                                                        <td><span style="color: red">{{$row->expiration_at}}</span></td>
                                                                    @else
                                                                        <td>{{$row->expiration_at}}</td>
                                                                    @endif
                                                                </tr>
                                                                                                                            @endif
                                                        @endforeach
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                </div>
                        </div>
                    </div>
                </div>
        </div>

    <script>
        var dtParams = {
            "searching": true, // 顯示搜尋
            "ordering": false, // 顯示搜尋
            "bPaginate": true, // 顯示搜尋
            "info": true, // 顯示資訊
            "bProcessing": true,
            "pageLength": 50,
            autoFill: {
                horizontal: true
            },
            language: {
                "sInfo": "顯示第 _START_ 至 _END_ 項結果，共 _TOTAL_ 項",
                "sInfoEmpty": "顯示第 0 至 0 項結果，共 0 項",
                "search": "搜尋:",
                "lengthMenu": "每頁顯示 _MENU_ 筆",
                "zeroRecords": "沒有資料",
                paginate: {
                    first: '«',
                    previous: '‹',
                    next: '›',
                    last: '»'
                },
                aria: {
                    paginate: {
                        first: 'First',
                        previous: 'Previous',
                        next: 'Next',
                        last: 'Last'
                    }
                }
            }
        };

        $(document).ready(function () {
            $(".table").DataTable(dtParams);

            //tab 預設顯示
            $('#tab_li-1').addClass('active show');
            $('#tab-1').addClass('active show');

            // $('#submit_button').click(function () {
            //
            //     var rules_obj = {}
            //     var message = {}
            //
            //     //驗證資料
            //     var validate_success = form_validate('Form', rules_obj, message);
            //     if (!validate_success) {
            //         return false;
            //     }
            //
            //     showConfirm('確認送出?');
            // });
        });

        function copy(id){
            var urlElement  = document.getElementById("url_"+id);
            var url  = urlElement.value;
            document.querySelector("#url_"+id).select();
            document.execCommand("Copy");
            notie.alert({type: 'success', text: '已複製連結：'+url, time: 2})
        }
    </script>

@endsection