@extends('root.layouts.master')
@section('content')

<script type="text/javascript">
	$(document).ready(function() {
	    $('#trainingcategorie').DataTable( {
	    	dom: 'Bfrtip',
	        buttons: [
	            'copy', 'csv', 'excel', 'pdf', 'print'
	        ]
	    } );
	} );
</script>

<div class="col-lg-12">
	<nav class="breadcrumb_widgets" aria-label="breadcrumb mb30">
		<h4 class="title float-left">Messages sur la formation : {{@$message[0]->LibelleFormation }} </h4>
		<!-- <ol class="breadcrumb float-right">
	    	<a href="" class="btn btn-primary pull-rignt">Nouveau</a>
		</ol> -->
	</nav>
</div>
<div class="col-lg-12">
	<div class="row message_container">
		<div class="col-sm-12 col-md-6 col-lg-5 col-xl-4 pr0 pl0">
			<div class="inbox_user_list">
				<div class="iu_heading">
					<!-- <div class="candidate_revew_search_box">
						<form class="form-inline my-2 my-lg-0">
					    	<input class="form-control mr-sm-2" type="search" placeholder="Serach" aria-label="Search">
					    	<button class="btn my-2 my-sm-0" type="submit"><span class="flaticon-magnifying-glass"></span></button>
					    </form>
					</div> -->
				</div>
				<ul>
					@foreach($inscrits as $inscrit)
					<li class="contact">
						<a href="{{url('discussion_user/'.$inscrit->id.'/'.$inscrit->training_id)}}">
							<div class="wrap">
								<span class="contact-status online"></span>
								<img class="img-fluid" src="{{asset($inscrit->profil)}}" alt="s1.jpg" style="width: 50px;" />
								<div class="meta">
									<h5 class="name">{{$inscrit->name}}</h5>
									<!-- <p class="preview">I'm going to office.</p> -->
								</div>
							</div>
						</a>
					</li>
					@endforeach
					
				</ul>
			</div>
		</div>
		<div class="col-sm-12 col-md-6 col-lg-7 col-xl-8 pr0 pl0">
			<div class="user_heading">
				<a href="#">
					<div class="wrap">
						<span class="contact-status online"></span>
						<img class="img-fluid" src="{{url($formateur->profil)}}" alt="profil" style="width: 70px;" />
						<div class="meta">
							<h5 class="name">{{$formateur->name}}</h5>
							<!-- <p class="preview">was online today at 11:43</p> -->
						</div>
					</div>
				</a>
			</div>
			<div class="last_seen_time text-center">
				<a href="#">{{date('d-m-Y')}}</a>
			</div>
			<div class="inbox_chatting_box">
				<ul class="chatting_content">
					<label>Cliquez sur un participant afin d'entrer dans vos discussions</label>
				</ul>
			</div>
			<div class="message_input">
				<form class="form-inline">
			    	<input class="form-control" type="search" placeholder="Cliquez sur un participant afin d'entrer dans vos discussions" aria-label="Search">
			    	<!-- <button class="btn" type="submit">Send <span class="flaticon-paper-plane"></span></button> -->
			    </form>
			</div>
		</div>
	</div>
</div>		

@endsection