@extends('admin.layouts.default')
@section('content')
<div class="content-box">
	<div class="full-chat-w">
		<div class="full-chat-i">
			<div class="full-chat-left">
				 
			 
				<div class="user-list">

					@foreach($designers as $designer)
					<div class="user-w designer" data-url="{{ route('admin.chat_messages', ['sender_id'=>auth()->id(),'receiver_id'=>$designer->id] ) }} ">
						<div class="avatar with-status status-green">
							<span style="width: 50px;background-image: url({{ asset($designer->photo) }});display: block;height: 50px;border-radius: 50%;background-size: cover !important;background-position: 50% 50%;"></span>
						</div>
						<div class="user-info">
							<div class="user-name">{{ $designer->nom }} {{ $designer->prenom }} </div>
						</div>
					</div>
					@endforeach

				</div>
			</div>
			<div class="full-chat-middle p-2">
				 
					<iframe height="650px" width="100%" src="{{ route('admin.chat_messages', ['sender_id'=>auth()->id(),'receiver_id'=>1] ) }}" frameborder="0"></iframe>
				 
			</div>
			 
		</div>
	</div>

	 
</div>
@endsection


@section('style')
<style>
	.designer.active{
		background: #047bf8;
		color: white;
	}
</style>
@endsection

@section('script')
<script>
	jQuery(document).ready(function($) {
		$('.designer').click(function(event) {
			$(this).addClass('active').siblings().removeClass('active');
			 $('iframe').attr('src', $(this).data('url'));
		});
	});
</script>
@endsection