@extends('admin.base')

@section('title', 'liveChat')

@section('account_content')

				<div class ="content">
					<div class="ui center aligned basic segment">
					  <div class="ui left icon action input">
					  <div class="ui horizontal divider"><h3>{{ __('Live Chat') }}</h3>
					  </div>
					  </div>
					</div>
					<div>
						<span style="margin-right:15px;">{{ __('Online Status') }}</span>
						<div class="ui buttons">
						  <button class="ui button">{{ __('On') }}</button>
						  <div class="or"></div>
						  <button class="ui button">{{ __('OFF') }}</button>
						</div>
						<!-- <i class="toggle on icon"></i> -->
<!-- 					    <div class="ui submit button">On</div>
 -->					</div>
					<div>

					<div class="box">
						<a class="box_left">
							<ul>
								<li style="margin-bottom: 25px;"><span >{{ __('Customers pending to reply') }} 5</span></li>
								<li> <a href="https://dashboard.tawk.to">{{ __('Chat Now') }}</a></li>
								<li></li>
							</ul>

						</div>
						<div class="box_right">
							<ul>
								<li><span>{{ __('Hello') }}, XXX</span></li>
								<li><span>{{ __('Last Seen') }}: 2018-02-15 9:45</span></li>
								<li><span>{{ __('Online Period') }}: 8小时20分</span></li>
								<li><span>{{ __('ID') }}: 1234567</span></li>
							</ul>
						</div>
					</div>
						


					</div>
	

				</div>


				<script>
                    $('#liveChat1').addClass('active');



				</script>

				@endsection