@extends('admin/layouts/layout')

@section('title', "Chat History")

@section('page-style')
@endsection


@section('page-script')
<script src="{{asset('assets/admin/js/chat-history.js')}}"></script>
@endsection

@section('content')
<h1>Orders</h1>
<div class="card">
    <div class="card-body">
        <div class="table-responsive d-none d-md-block">
            <table class="table dataTable">
                <thead>
                    <tr>
                        <th class="text-nowrap">User</th>
                        <th class="text-nowrap">Session ID</th>
                        <th>Conversation</th>
                        <th class="text-nowrap">Date Time</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($chats as $chat)
                    <tr>
                        <td>
                            @if($chat->user_id)
                                {{$chat->user->email}}
                            @endif
                        </td>
                        <td>
                            {{$chat->session}}
                        </td>
                        <td>
                            @php
                                $qna = json_decode("[" . $chat->messages . "]", true);
                                // check decording JSON
                                if (json_last_error() !== JSON_ERROR_NONE) {
                                    $qna = [];
                                }
                            @endphp
                            <div>
                                <div class="conversation-wrapper">
                                    @foreach($qna as $item) 
                                        <div class="qna-item mb-3">
                                            <div class="question"><strong>Q: </strong>{{ htmlspecialchars($item['Q'], ENT_QUOTES, 'UTF-8') }}</div>
                                            <div class="answer"><strong>A: </strong> {!! nl2br(strip_tags($item['A'])) !!}</div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </td>
                        <td>
                            {{ $chat->first_created_at }}
                        </td>
                        <td class="text-end">
                            <a href="javascript:;" class="view-reference-btn"><i class="fa fa-eye"></i>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>

<div class="modal fade" id="converstaion_detail_modal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-simple modal-dialog-top modal-add-new-role">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title">Chat Logs</h3>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="col-12 mb-4">
                    <div class="conversation-wrapper m-conversation-wrapper">

                    </div>           
                </div>

                <div class="col-12 text-center">
                    <button type="reset" class="btn btn-secondary" data-bs-dismiss="modal" aria-label="Close">Close</button>
                </div>
            </div>
            
        </div>
    </div>
</div>
@endsection