@extends('layouts.designer')
@php $page_title = 'Mes projets'; @endphp
@section('meta-title','Espace designers')
@section('meta-keywords','')
@section('meta-description','')
@section('content')
<div class="row">
	<div class="col-md-12">
		
		<div class="full-chat-w">
			<div class="full-chat-i">
				{{--
					liste des informations des architectes :
					nom prenom ville specialite
					action clic : ouverture de chat flotant : comme messenger
					Liste des clients:
					clic : goto espace client et ouverture du chat
					Liste des admin
					clic : ouverture du box chat
				--}}
				<div class="full-chat-left">
					<div class="os-tabs-w">
						<ul class="nav nav-tabs upper centered">
							<li class="nav-item">
								<a class="nav-link active" data-toggle="tab" href="#tab_admins">
									<i class="os-icon os-icon-ui-02"></i>
									<span>{!! lang('Admin') !!}</span>
								</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" data-toggle="tab" href="#tab_designers">
									<i class="os-icon os-icon-mail-14"></i>
									<span>{!! lang('Designers') !!}</span>
								</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" data-toggle="tab" href="#tab_clients">
									<i class="os-icon os-icon-ui-93"></i>
									<span>{!! lang('Clients') !!}</span>
								</a>
							</li>
						</ul>
					</div>
					<div class="user-list">
						
						<div class="tab-content">
							
							<div id="tab_admins" class="tab-pane fade in active">
								<div class="panel">
									<table id="dataTable1" class="table table-striped">	
										<thead>
						                    <td width="120"></td>
						                    <td>{!! lang('Prénom') !!}</td>
						                    <td>{!! lang('Nom') !!}</td>
						                    <td>{!! lang('Ville') !!}</td>
						                    <td>{!! lang('E-mail') !!}</td>
						                    <td>{!! lang('Téléphone') !!}</td>
						                    <td width="130" class="text-center">{!! lang('Contacter') !!}</td>
						                </thead>
						                <tbody>
						                	@foreach($admins as $user)
						                	<tr>
						                		<td><img src="{{asset( $user->photo ?? $user->picture ) }}"  style="border-radius: 50%; width: 70px !important; height: 70px !important; object-fit: cover "></td>
						                		<td class="pt-4">{{ $user->prenom }}</td>
						                		<td class="pt-4">{{ $user->nom }}</td>
						                		<td class="pt-4">{{ $user->ville }}</td>
						                		<td class="pt-4">{{ $user->email }}</td>
						                		<td class="pt-4"><a href="tel:{{ $user->telephone }}">{{ $user->telephone }}</a></td>
						                		<td class="text-center pt-4">
						                			<div class="btn btn8 btn-sm btn-formulaire btn-contact-chat" chat-user_id="{{ $user->id }}"><i class="fa fa-comments-o"></i></div>
						                		</td>
						                	</tr>
						                	@endforeach
						                </tbody>
									</table>
								</div>
							</div>
							<div id="tab_designers" class="tab-pane fade">
								<div class="panel">
									<table  id="dataTable1" class="table table-striped b">	
										<thead>
						                    <td width="120"></td>
						                    <td width="150">{!! lang('Prénom') !!}</td>
						                    <td width="150">{!! lang('Nom') !!}</td>
						                    <td width="150">{!! lang('Ville') !!}</td>
						                    <td>{!! lang('Styles favoris') !!}</td>
						                    <td width="130" class="text-center">{!! lang('Profil public') !!}</td>
						                    <td width="130" class="text-center">{!! lang('Contacter') !!}</td>
						                </thead>
						                <tbody>
						                	@foreach($designers as $user)
						                	<tr>
						                		<td><img alt="" src="{{asset( $user->photo ?? $user->picture ) }}"  style="border-radius: 50%; width: 70px !important; height: 70px !important; object-fit: cover "></td>
						                		<td class="pt-4">{{ $user->prenom }}</td>
						                		<td class="pt-4">{{ $user->nom }}</td>
						                		<td class="pt-4">{{ $user->ville }}</td>
						                		<td class="pt-4"> @if($user->profile->styles) {{ implode(', ', $user->profile->styles->pluck('libelle')->toArray()) }} @endif</td>
						                		<td class="text-center pt-4">
						                			<a href="{{ route('designers.profile', $user->slug)  }}" target="_blank"> <i class="fa fa-link"></i> </a>
						                		</td>
						                		<td class="text-center pt-4">
						                			<div class="btn btn8 btn-sm btn-formulaire btn-contact-chat" chat-user_id="{{ $user->id }}" ><i class="fa fa-comments-o"></i></div>
						                		</td>
						                	</tr>
						                	@endforeach
						                </tbody>
									</table>
								</div>
							</div>
							<div id="tab_clients" class="tab-pane fade">
								<div class="panel">
									<table id="dataTable1" class="table table-striped">	
										<thead>
						                    <td width="120"></td>
						                    <td>{!! lang('Prénom') !!}</td>
						                    <td>{!! lang('Nom') !!}</td>
						                    <td>{!! lang('Référence projet') !!}</td>
						                    <td>{!! lang('Nom projet') !!}</td>
						                    <td>{!! lang('Statut projet') !!}</td>

						                    
						                    <td width="130" class="text-center">{!! lang('Contacter') !!}</td>
						                </thead>
						                <tbody>
						                	@foreach($clients as $user)
						                	<tr>
						                		<td><img alt="" src="{{asset( $user->photo ?? $user->picture ) }}"  style="border-radius: 50%; width: 70px !important; height: 70px !important; object-fit: cover "></td>
						                		<td class="pt-4">{{ $user->prenom }}</td>
						                		<td class="pt-4">{{ $user->nom}}</td>
						                		
						                		<td class="pt-4">{{ $user->reference_projet }}</td>
						                		<td class="pt-4">{{ $user->nom_projet }}</td>
						                		<td class="pt-4">{{ $user->status_projet }}</td>
						                		
						                		<td class="pt-4 text-center">
						                			<a class="btn btn8 btn-sm btn-formulaire" target="_blank" href="{{ route('designer.projets.details', $user->projet_id) }}"><i class="fa fa-comments-o"></i></a>
						                		</td>
						                	</tr>
						                	@endforeach
						                </tbody>
									</table>
								</div>
							</div>
							
						</div>
						
					</div>
				</div>
				
				
			</div>
		</div>
	</div>
</div>

<div class="chat-boxes">
</div>


@include('front.components.chat_panel')


@endsection

@section('script')
<script>
	me = '{{ auth()->id() }}';
</script>
@endsection