@extends('layouts.client')
@php $page_title = 'Mon espace'; @endphp
@section('meta-title','Consultation N° '.$consultation->id )
@section('meta-keywords','')
@section('meta-description','')
@section('content')
<div class="row">
	@if($consultation->resolved_at)
	<div class="col-md-11">
		<div class="row row-eq-heigh">
			 
			<div class="col-md-4">
				<div class="panel p-3 messages">
					<label class="mb-10">Votre besoin</label>
						<div style="border: 1px solid #e8e8e8; border-radius: 6px; background-color:#f8f8f8" class="p-2 message mine">
							<p class="mb-10 font-size-14">
								{!! $consultation->besoins !!}
							</p>

							<small class="date" style="right: 10px; left: auto; top: unset; bottom: 0px;">
		                        {{ $consultation->created_at }}
		                    </small>

						</div>

				
					<label class="mb-10 w-95 pull-right">Notre réponse</label>
					
					<div class="messages">
						@foreach($consultation->messages as $message)
							@if( $message->sender_id == auth()->id() || $message->visible_to_client == 1 )
								
								<div class="message pt-3 pb-4 {{ $message->sender_id != auth()->id() ? 'pull-right':'pull-left mine' }}" style="background: #f8f8f8; border: 1px solid #e8e8e8">

		                            <small class="date" style="right: 10px; left: auto; top: unset; bottom: 0px;">
		                                {{ $message->created_at }}
		                            </small>
		                            
		                            <p class="font-size-14">{!! $message->message !!}</p>
		                        </div>
							@endif
						@endforeach
					</div>

					<form action="{{ route('consulter-un-designer.produit.message.bricorama', $consultation->id) }}" method="post">
						{{csrf_field()}}
						<div class="form-group">
							<textarea style="border: 1px solid #e8e8e8; border-radius: 6px; " name="message" rows="5" placeholder="Cette réponse ne vous satisfait pas ? Vous avez une précision à apporter à votre designer ? Vous voulez le remercier ? … Répondez directement à ce message ici" class="form-control font-size-14"></textarea>
						</div>
						<div class="clearfix"></div>
						<div class="text-right pt-3">
							<button class="btn btn-xs btn2 btn-formulaire">{!! lang('Envoyer') !!}</button>
						</div>
					</form>
				</div>
			</div>

			<div class="col-md-8">
				
				<div class="panel hidden">
					{!! lang('Votre question est en cours de taitement.') !!}
				</div>
				 
				<div class="panel p-3">

					<div class="text-center">
						<img class="w-100" src="{{ asset($consultation->visuel) }}" alt="">									
					</div>
					 
 
				</div>
				<div class="panel p-3">
					<div class="row" data-consultation="{{ $consultation->id }}">
						@foreach( $produits as $produit )
						@if( $produit->visible_to_client )
						<div class="col-lg-3 col-md-6">
							@include('front.components.produit', ['produit'=>$produit->produit,'hideIcons'=>true,'disableAddToPanel'=>true])
						</div>
						@endif
						@endforeach
					</div>
				</div>
			</div>
			
			
		</div>
	</div>
	@else
	<div class="col-md-11">
		<div class="row">
			<div class="col-md-3"></div>
			<div class="col-md-6">
				
				<div class="panel">
					<p class="m-0">Votre consultation est en cours de traitement.</p>
				</div>
			</div>
		</div>
	</div>
	@endif
</div>
@include('front.components.modal-vider-panier')
@endsection