@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">
    <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.4/css/all.css?v={{config("sns-line.version")}}" integrity="sha384-rqn26AG5Pj86AF4SO72RK5fyefcQ/x32DNQfChxWvbXIyXFePlEktwD18fEz+kQU" crossorigin="anonymous">
    <style>
        *{
            font-weight: bold !important;
        }
        .bootstrap-timepicker-widget table td input {
            width: 35px !important;
        }

        .title_left {
            float: left;
        }

        .mushibtn {
            float: right;
            margin-bottom: 30px;
        }

        .btn {
            width: 100%;
            margin-bottom: 10px;
        }
    </style>
@endpush
@section('content')
    <article class="">
        <section class="errormessage">
            <h2 style="font-size: 20px; color: #222222; font-weight: bold; padding: 10px 10px 10px 0">エラーメッセージ</h2>
            <form action="{{route('sendMessageChecked')}}" method="post">
                {{csrf_field()}}
                <div class="saisou clearfix">

                </div>
                <section class="errormessagelist">
                    <div class="mushibtn">
                        <span class="">
                           <button  type="button" class="btn btn-danger" id="delete_mess" style="width: 60px; font-weight: bold;background-color: #F44336">削除</button>
                           <button  type="button" class="btn btn-success" id="send-all" style="width: 100px;background-color: #08BF5A; font-weight: bold">一括再送</button>
                       </span>
                    </div>
                    <table class="node">
                        <tbody>
                        <tr>
                            <th class="checkth" style="width: 1%">
                                <input type="checkbox" id="checkAll" name="checked_message[]" value=""
                                       class="checked_message">
                            </th>
                            <th style="width: 14%"></th>
                            <th style="width: 14%">送信失敗日時</th>
                            <th style="width: 10%">LINE名</th>
                            <th class="type" style="width: 10%">種別</th>
                            <th class="list_message" style="width: 20%">メッセージ</th>
                            <th class="list_message" style="width: 18%">失敗理由</th>
                            <th class="btnth" style="width: 10%"></th>
                        </tr>
                        @if(count($get_error_lists) > 0)
                            @foreach($get_error_lists as $get_error_list)
                                <tr>
                                    <td style="width: 1%">
                                        <input type="checkbox" class="checked_message"
                                               value="{{$get_error_list->message_id}}"
                                               :data-id="{{$get_error_list->message_id}}"
                                               data-lineid="{{$get_error_list->line_id}}"
                                               data-message="{{$get_error_list->content}}"
                                               data-errorId="{{$get_error_list->id}}"
                                               name="checked_message[]">
                                    </td>
                                    @if($get_error_list->is_confirmed == 0)
                                        <td>
                                            <span style="color: #51595C;">要確認</span>
                                        </td>
                                    @else
                                        <td >
                                            <span style="color: #51595C;">確認済み</span>
                                        </td>
                                    @endif
                                    <td>{{ $get_error_list->created_at }}</td>
                                    <td >
                                        <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-break: break-all">
                                        @if($get_error_list->type == 'text')
                                            @if(strlen($get_error_list->content) > 100)
                                                {{ mb_substr($get_error_list->content,0,100) }}...
                                            @else
                                                {{$get_error_list->content}}
                                            @endif
                                        @elseif($get_error_list->type == 'image' || $get_error_list->type == 'image_map')
                                            【画像】
                                        @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 == 'buttons')
                                            【ボタン・カルーセル】
                                        @elseif($get_error_list->type == 'introduction')
                                            【紹介】
                                        @endif
                                    </td>
                                    <td class="message" style="word-break: break-all">{!! $get_error_list->error_message !!}</td>
                                    <td >
                                        <button type="button" style="background-color: #96ADB2; color: white"
                                                onclick="showSettingDetail('error-list-setting/'+ {{$get_error_list->message_id}})"
                                                class="btn btn-default error-show">プレビュー
                                        </button>
                                        <button type="button" class="btn btn-primary send_message" style="background-color: #5799DB"
                                                data-id="{{$get_error_list->message_id}}"
                                                data-lineid="{{$get_error_list->line_id}}"
                                                data-errorid="{{$get_error_list->id}}"
                                                data-message="{{$get_error_list->content}}" name="btn_send"
                                                value="{{$get_error_list->message_id}}">再送
                                        </button>
                                        <button type="button" name="id_setting" class="btn btn-danger update_error" style="background-color: #F44336"
                                                value="{{$get_error_list->message_id}}"
                                                onclick="deleteCheck({{$get_error_list->message_id}}, {{$get_error_list->id}});">
                                            削除
                                        </button>
                                    </td>
                                </tr>
                            @endforeach
                        @else
                            <tr>
                                <td colspan="7">データはありません。</td>
                            </tr>
                        @endif
                        </tbody>
                    </table>


                    <div class="simple-pager">
                        @if ($get_error_lists->hasPages())
                            @if($get_error_lists->currentPage() != 1)
                                <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>
    @push('js')
        <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
        <script src="/js/media/alertify.min.js"></script>
        <script src="/js/error_list/index.js?v={{config('sns-line.version')}}"></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