@extends('layout.basic.main')
@push('css')
    <link rel="stylesheet" href="/css/error_list/style.css">
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <style>
        .bootstrap-timepicker-widget table td input {
            width: 35px !important;
        }

        .title_left {
            float: left;
            font-size: 20px;
            font-weight: bold;
        }

        .mushibtn {
            float: right;
            margin-bottom: 30px;
        }
    </style>
@endpush
@section('content')
    <main>
        <article class="sub">
            <section class="errormessage">
                <h2>レポートメッセージ</h2>
{{--                <div class="hyouji">--}}
{{--                    <form action="{{ route('errorList') }}" method="get">--}}

{{--                        期間--}}
{{--                        <input size="16" type="text"--}}
{{--                               value="{{(!isset($_GET['start_date']))?\Carbon\Carbon::now()->subDays(7)->format('Y-m-d'):$_GET['start_date']}}"--}}
{{--                               id="datepicker" name="start_date" class="start_date">--}}
{{--                        ~--}}
{{--                        <input size="16" type="text"--}}
{{--                               value="{{(!isset($_GET['end_date']))?\Carbon\Carbon::now()->format('Y-m-d'):$_GET['end_date']}}"--}}
{{--                               name="end_date" class="end_date">--}}
{{--                        <button type="submit" class="filter">表示</button>--}}
{{--                    </form>--}}
{{--                </div>--}}
                <form>
                    {{csrf_field()}}
                    <div class="saisou clearfix">

                    </div>
                    <script src="/chat_files/jquery.min.js"></script>
                    <script src="{{asset('/chat_files/bootstrap-timepicker.js')}}"></script>
                    <script>
                        $(function () {
                            $('.timepicker').timepicker({
                                template: 'dropdown',
                                appendWidgetTo: 'body',
                                showSeconds: true,
                                minuteStep: 1,
                                secondStep: 1,
                                showMeridian: false

                            });
                        });
                    </script>
                    <section class="errormessagelist">
                        <div class="title_left">レポートメッセージ一覧</div>
{{--                        <div class="mushibtn">--}}
{{--                            チェックしたメッセージを<span class="btn">--}}
{{--                                <button type="button" class="red" id="delete_mess"--}}
{{--                                >削除</button>--}}
{{--                            </span>--}}
{{--                        </div>--}}
                        <table class="node">
                            <tbody>
                            <tr>
                                <th style="width: 15%">送信時間</th>
                                <th style="width: 25%">ユーザー</th>
                                <th class="list_message" style="width: 40%">メッセージ</th>
                                <th class="btnth"></th>
                            </tr>
                            @if(count($messageReport) > 0)
                                @foreach($messageReport as $message)
                                    <tr>
                                        <td style="width: 15%">{{ $message['chat_message']['created'] }}</td>
                                        <td style="width: 25%">
                                            <a href="{{ url('basic/friendlist/my_page/' . $message['line_id']) }}">{{ $message['user']['name'] }}</a>
                                        </td>
                                        <td class="message" style="word-wrap: break-word">
                                            @if($message['chat_message']['content_type'] == 'text')
                                                @if(strlen($message['chat_message']['content']) > 100)
                                                    {{ mb_substr($message['chat_message']['content'],0,100) }}...
                                                @else
                                                    {{ $message['chat_message']['content'] }}
                                                @endif
                                            @elseif($message['chat_message']['content_type'] == 'image')
                                                <img src="{{ $message['chat_message']['content'] }}">
                                            @endif
                                        </td>
                                        <td>
{{--                                            <div class="btngroup">--}}
{{--                                            <span class="btn">--}}
{{--                                                <button type="button"--}}
{{--                                                        onclick="showSettingDetail('error-list-setting/'+ {{$get_error_list->id}})"--}}
{{--                                                        class="gry error-show">全文確認</button>--}}
{{--                                            </span>--}}
{{--                                                <span class="btn">--}}
{{--                                                <button type="button" class="btn btn-primary send_message"--}}
{{--                                                        data-id="{{$get_error_list->id}}"--}}
{{--                                                        data-lineid="{{$get_error_list->line_id}}"--}}
{{--                                                        data-message="{{$get_error_list->content}}" name="btn_send"--}}
{{--                                                        value="{{$get_error_list->id}}">再送</button>--}}
{{--                                            </span>--}}
{{--                                                <span class="btn">--}}
{{--                                                <button type="button" name="id_setting" class="red update_error"--}}
{{--                                                        value="{{$get_error_list->id}}"--}}
{{--                                                        onclick="deleteCheck({{$get_error_list->id}});">削除</button>--}}
{{--                                            </span>--}}
{{--                                            </div>--}}
                                        </td>
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td colspan="6">データはありません。</td>
                                </tr>
                            @endif
                            </tbody>
                        </table>
                    </section>
                </form>
            </section>
        </article>
    </main>
    @push('js')
        <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
        <script src="/js/media/alertify.min.js"></script>
        @if(session('message'))
            <script>
                $(document).ready(function () {
                    alertify.confirm('{{session("message")}}');
                })
            </script>
        @endif

        @if(session('error'))
            <script>
                $(document).ready(function () {
                    alertify.confirm('<span style="color:red;">{{session("error")}}</span>');
                })
            </script>
        @endif
    @endpush
@endsection