@extends('layouts.admin.app')
@section('page-title')
    {{ __('chatbot-inbox') }}
@endSection

@section('page-nav-title')
    <div class="app-title">
        <div>
            <h1><i class="fa fa-dashboard"></i>{{ __('chatbot-inbox') }}</h1>
            <p>{{ __('control') }}</p>
        </div>
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item"><a href="#">{{ __('chatbot') }}</a></li>
        </ul>
    </div>
@endsection

@section('content')
    @include('includes.dialog')
    <div class="row">

        <div class="col-md-12">
            <div class="tile">
                <div class="tile-body">
                    <div class="table-responsive">
                        <table class="table table-hover table-bordered" id="sampleTable">
                            <thead>

                            <tr>
                                <th>#</th>
                                <th>{{ __('session-number') }}</th>
                                <th>{{ __('language') }}</th>
                                <th>{{ __('user') }}</th>
                                <th>{{ __('date') }}</th>
                                <th>{{ __('chat') }}</th>
                            </tr>
                            </thead>
                            <tbody>
                                                        @foreach ($sessions as $session)
                                <tr>
                                    <td>{{$serial_number++}}</td>
                                    <td>{{$session->number}}</td>
                                    <td>{{$session->lang}}</td>
                                    <td>@if(!is_null($session->user))
                                            {{$session->user->name}}
                                        @endif</td>
                                    <td>{{$session->created_at}}</td>
                                    <td>
                                        <button type="button" class="btn btn-primary" data-toggle="modal"
                                                data-target="#chat-role-{{$session->number}}">
                                            {{__("chat")}}
                                        </button>
                                    </td>

                                    <div class="modal fade bd-example-modal-lg" id="chat-role-{{$session->number}}"
                                         tabindex="-1" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                                        <div class="modal-dialog modal-lg">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h5 class="modal-title"
                                                        id="chat-role-{{$session->number}}">{{__("chat-history")}}</h5>
                                                    <button type="button" class="close" data-dismiss="modal"
                                                            aria-label="Close">
                                                        <span aria-hidden="true">&times;</span>
                                                    </button>
                                                </div>
                                                <div class="modal-body">
                                                    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
                                                          rel="stylesheet"/>
                                                    <div class="container">
                                                        <div class="row clearfix">
                                                            <div class="col-lg-12">
                                                                <div class="card chat-app">
                                                                    <div class="chat">
                                                                        <div class="chat-history over-flow-chat">
                                                                            <ul class="m-b-0">
                                                                                @if($session->history !=null)
                                                                                    @foreach($session->history as $ch)
                                                                                        <li class="clearfix">
                                                                                            <div class="message-data @if($ch["sender"] != null && $ch["sender"] == "b") text-right @endif">
                                                                                                <h4 class="message-data-time">@if($ch["sender"] == "b")
                                                                                                        {{__("bot")}}
                                                                                                    @elseif($ch["sender"] == "u" && !is_null($session->user))
                                                                                                        {{$session->user->name}}
                                                                                                    @else
                                                                                                        {{__("user")}}
                                                                                                    @endif @if($ch["sender"] == "u")
                                                                                                        <img src="https://bootdey.com/img/Content/avatar/avatar7.png"
                                                                                                             alt="avatar">
                                                                                                    @else
                                                                                                        <img src="https://cdn-icons-png.flaticon.com/512/4712/4712073.png"
                                                                                                             alt="avatar">
                                                                                                    @endif</h4>
                                                                                                <span class=" message-data-time">{{$ch["created_at"]->diffForHumans()}}</span>
                                                                                            </div>
                                                                                            <div class="message other-message @if($ch["sender"] == "b") float-right @endif">
                                                                                                @if(!is_null($ch["command_id"]) && is_null($ch["option_id"]))
                                                                                                    {{ $ch->command->{'msg_'.$ch->session->lang} }}
                                                                                                @elseif(!is_null($ch["command_id"]) && !is_null($ch["option_id"]) &&!is_null($ch["parent_id"]))