@extends("common.layout")


@section("header")

@endsection

@section("content")
<div>
    <h1><a href="">{{ $service == 'ielts' ? "인강" : "어학원" }} 발송 내역</a></h1>
</div>

<section>
    <main>
        <form action="{{ route('notify.automated.list', ["service" => $service ]) }}" class="search-form" id="payment-form" method="GET">
            <input type="hidden" name="paginate" value="{{ Request::get('paginate') }}" />
            <input type="hidden" name="service" value="{{ $service }}" />
            @csrf

            <div class="search-input-wrap">
                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="start_at">전송일</label>
                    <input class="form-control" type="date" name="start_at" id='start_at' value="{{ Request::get("start_at") }}">
                    <input class="form-control" type="date" name="end_at" id='end_at' value="{{ Request::get("end_at") }}">
                </div>

                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="message_type">메세지 구분</label>
                    <select class="form-select" name="message_type" id="message_type">
                        <option value="">전체</option>
                        <option value="talk">알림톡</option>
                        <option value="sms">문자</option>
                    </select>
                </div>

                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="dispatch_type">형식 구분</label>
                    <select class="form-select" name="dispatch_type" id="dispatch_type">
                        <option value="">전체</option>
                        <option value="text">알림톡 - 텍스트형</option>
                        <option value="image">알림톡 - 이미지형</option>
                        <option value="SMS">SMS</option>
                        <option value="SMS">LMS</option>
                        <option value="MMS">MMS</option>
                    </select>
                </div>

                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="status">전송 상태</label>
                    <select class="form-select" name="status" id="status">
                        <option value="">전체</option>

                    </select>
                </div>

                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="message">문자 내용</label>
                    <input class="form-control" type="text" name="message" id='message' value="{{ Request::get("message") }}">
                </div>
            </div>

            <button type="submit" class="btn btn-sm btn-outline-dark search-button"><i class="bi bi-search"></i> 조회</button>
        </form>
    </main>
</section>

<section class="my-3">
    <main>
        <div class="button-wrap align-right">
            <button onclick="excelDownload('.search-form', '{{ route('api.notify.excel') }}')" class="btn btn-success">
                <i class="bi bi-file-earmark-excel-fill"></i>
                엑셀다운로드
            </button>

            <button class="btn btn-primary" onclick="onOpenSendPopup()">문자발송</button>
        </div>
    </main>
</section>

<section>
    <header>
        <h6>총 <strong>{{ $list->total() }}</strong>개</h6>
    </header>
    <main>
        <div class="table-horizon-scroll custom-scroll">
            <table class="table table-striped table-hover">
                <colgroup>
                    <col width="3%">
                    <col width="7%">
                    <col width="5%">
                    <col width="5%">
                    <col width="15%">
                    <col width="/">
                    <col width="5%">
                    <col width="7%">
                    <col width="7%">
                    <col width="3%">
                </colgroup>
                <thead>
                    <tr>
                        <th>번호</th>
                        <th>전송일시</th>
                        <th>메세지 구분</th>
                        <th>유형 구분</th>
                        <th>제목</th>
                        <th>문자내용</th>
                        <th>수신자</th>
                        <th>발신자</th>
                        <th>상태</th>
                        <th>관리</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($list as $item )
                    @php
                        $dispatch = $item->sms_template_id == 0 ? $item->smsDispatches : $item->smsTemplate->smsDispatches;
                    @endphp
                    <tr>
                        <td>{{ $item->id }}</td>
                        <td>
                            @if ($item->is_reservation)
                                <span class="badge badge-warning">예약발송</span> <br>
                            @endif
                            {{ $item->reservation_at }}
                        </td>
                        <td>
                            <span @class(['badge', 'badge-icon', 'badge-warning' => $dispatch?->message_type == 'talk' , 'badge-success' => $dispatch?->message_type == 'sms' ])>
                                {!! $dispatch?->message_type == "sms" ? '<i class="bi bi-envelope"></i>' : '<i class="bi bi-chat"></i>' !!}
                            </span>
                            {{ $dispatch?->message_type == "talk" ? "알림톡" : "문자" }}
                        </td>
                        <td>{{ strtoupper($dispatch?->dispatch_type) }}</td>
                        <td><div class="overflow-ellipsis" style="max-width: 300px;">{{ $dispatch?->name }}</div></td>
                        <td>
                            <div class="overflow-ellipsis" style="max-width: 800px;">
                                @if ($item->attachments || $item->smsTemplate?->attachments)
                                    <button class="btn btn-outline-secondary px-1 py-0 ml-1"
                                        onclick="onOpenImage('{{ $item->attachments ? app(\S3Helper::class)->getPublicUrl($item->attachments->s3_key) :  app(\S3Helper::class)->getPublicUrl($item->smsTemplate?->attachments->s3_key) }}')">
                                        <i class="bi bi-image"></i>
                                    </button>
                                @endif
                                {{ $dispatch?->message }}
                            </div>
                        </td>
                        <td class="align-right">
                            <span>{{ number_format($item->smsRecipients->count()) }}</span> 명</td>
                        <td class="align-right">{{ $dispatch?->send_number }}</td>
                        <td class="align-center">
                            <span style="color: {{ $sendStatus[$item->status]['color'] }}">
                                {{ $sendStatus[$item->status]['text'] }}
                                @if ($item->status == "PART_FAIL")
                                    (N 명)
                                @endif
                            </span>

                        </td>
                        <td>
                            <button class="btn btn-sm btn-primary" type="button" onclick="location.href='{{ route('notify.sms.send', ['service'=> $service , 'id' => $item->id ]) }}'"><i class="bi bi-pencil-square"></i></button>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </main>
    <footer>
        <div class="pagination-wrap">
            {{ $list->links() }}

            <select id='paginate-control' class='form-select form-select-sm data-length-select' onchange="copyValue('.data-length-select', 'input[name=paginate]', '.search-form')">
                <option value="10" @selected(Request::get("paginate") == null || Request::get("paginate") == 10)>10개씩 보기</option>
                <option value="30" @selected(Request::get("paginate") == 30)>30개씩 보기</option>
                <option value="50" @selected(Request::get("paginate") == 50)>50개씩 보기</option>
                <option value="100" @selected(Request::get("paginate") == 100)>100개씩 보기</option>
            </select>
        </div>
    </footer>
</section>

@endsection

@push("script")

    <script>
        function onOpenSendPopup() {
            edmPopupOpen("{{ route('notify.sms.send', ['service'=> $service ]) }}", '_blank', null, null, 'large')
        }

        function onOpenImage(url) {
            alertify.alert("Image", "<img src='"+url+"' style='width: 100%; max-width: 500px;' />", () => { })
        }


    </script>
@endpush