@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('filterError') }}" method="post">
                        {{ csrf_field() }}
                        期間
                        <input size="16" type="text" value="{{$start_date}}" id="datepicker" name="start_date" class="start_date">
                        ~
                        <input size="16" type="text" value="{{$end_date}}" name="end_date" readonly class="end_date">
                        <button type="submit" class="filter">表示</button>
                    </form>
                </div>
                <form>
                    <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({
                                minuteStep: 1,
                                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" onclick="return window.confirm('削除しますが、宜しいですか？');">削除</button>
                            </span>
                        </div>
                        <table>
                            <tbody>
                            <tr>
                                <th class="checkth" style="width: 1%"><input type="checkbox" id="checkAll" name="checked_message[]" value=""></th>
                                <th style="width: 15%">送信失敗日時</th>
                                <th style="width: 25%">名前</th>
                                <th class="type" style="width: 25%">種別</th>
                                <th class="list_message" style="width: 25%">メッセージ</th>
                                <th class="btnth"></th>
                            </tr>
                            @if(!empty($get_error_lists))
                                @foreach($get_error_lists as $get_error_list)
                                    <tr>
                                        <td style="width: 1%"><input type="checkbox" class="checked_message"
                                                                     value="{{$get_error_list->id}}"
                                                                     :data-id="{{$get_error_list->id}}"
                                                                     data-lineid="{{$get_error_list->line_id}}"
                                                                     data-message="{{$get_error_list->content}}"
                                                                     name="checked_message[]"></td>
                                        <td style="width: 15%">{{ $get_error_list->created_at  }}</td>
                                        <td style="width: 25%"><a href="{{url('basic/friendlist/my_page/'.$get_error_list->line_id)}}">{{ $get_error_list->name  }}</a></td>
                                        <td>
                                        <span class="grybtn">
                                            @if($get_error_list->msg_kind == 0)
                                                個別トーク(失敗)
                                            @elseif($get_error_list->msg_kind == 2)
                                                ステップ(失敗)
                                            @elseif($get_error_list->msg_kind == 3)
                                                一斉配信(失敗)
                                            @elseif($get_error_list->msg_kind == 5)
                                                クイック送信(失敗)
                                            @endif
                                        </span>
                                        </td>
                                        <td class="message" style="word-wrap: break-word">
                                            @if($get_error_list->type == 'text')
                                                @if(strlen($get_error_list->content) > 100)
                                                    {{ substr($get_error_list->content,0,100) }}...
                                                @else
                                                    {{$get_error_list->content}}
                                                @endif
                                            @elseif($get_error_list->type == 'image')
                                                【画像】
                                            @elseif($get_error_list->type == 'video')
                                                【動画】
                                            @elseif($get_error_list->type == 'audio')
                                                【音声】
                                            @elseif($get_error_list->type == 'location')
                                                【位置情報】
                                            @elseif($get_error_list->type == 'sticker')
                                                【スタンプ】 <img src="https://stickershop.line-scdn.net/stickershop/v1/sticker/{{ json_decode($get_error_list->content,true)['stickerId'].'/ANDROID/sticker.png' }}">
                                            @elseif($get_error_list->type == 'button')
                                                【ボタン・カルーセル】
                                            @elseif($get_error_list->type == 'instroduction')
                                                【紹介】
                                            @endif
                                        </td>
                                        <td>
                                            <div class="btngroup">
                                            <span class="btn">
                                                <a onclick="window.open(('error-list-setting/'+ {{$get_error_list->id}}))" class="gry">全文確認</a>
                                            </span>
                                                <span class="btn">
                                                <button type="button" data-toggle="modal" data-id="{{$get_error_list->id}}" data-message="{{$get_error_list->content}}" data-type="{{$get_error_list->type}}" data-target="#myModal" class="button-show">再送
                                                </button>
                                            </span>
                                                <span class="btn"><a href="" class="red">削除</a></span>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            @endif
                            </tbody>
                        </table>

                        <div class="simple-pager">
                            @if ($get_error_lists->hasPages())
                                @if($get_error_lists->onFirstPage() )
                                    <a class="btn btn-success" href="{{$get_error_lists->previousPageUrl()}}" rel="prev">
                                        <span class="glyphicon glyphicon-arrow-left"></span> 次の100件へ</a>
                                @else

                                @endif
                                @if ($get_error_lists->hasMorePages())
                                    <a class="btn btn-success"
                                       href="{{$get_error_lists->nextPageUrl()}}" rel="next">
                                        次の100件へ <span class="glyphicon glyphicon-arrow-right"></span></a>
                                @endif
                            @endif
                        </div>
                    </section>
                </form>
            </section>
        </article>
    </main>
    @push('js')
        <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
        <script src="/js/error_list/index.js?v={{config("sns-line.version")}}"></script>
    @endpush
@endsection