@extends('admin.layouts.default') @section('content')
<div class="content-box">
	<div class="element-wrapper">
		
		<div class="row">
			<div class="col-md-6 ">
				<div class="panel element-box">
					
					<label class="mb-3"><b>Référence question :</b> {{$consultation->id }} </label><br>
					<label class="mb-3"><b>Date de réception : </b> {{$consultation->created_at }} </label><br>
					<label class="mb-3"><b>Nom du client :</b> {{$consultation->user->prenom }} {{$consultation->user->nom }} </label><br>
					<label class="mb-3"><b>Adresse du client :</b> 
						{{ $consultation->user->adresse_facturation->adresse ?? '' }}
	                    {{ $consultation->user->adresse_facturation->code_postal?? '' }}
	                    {{ $consultation->user->adresse_facturation->ville?? '' }}
					</label><br>
					<label class="mb-3"><b>Statut :</b> {{$consultation->status }} </label><br>
					
					<hr>
 					@include('front.bricorama.partials.details')					 
				</div>
			</div>
			<div class="col-md-6 ">
				
				<div class="element-box">
					@if($consultation->affectee_a)
					<label class="mb-3"><b>Affectée à :</b> {{ $consultation->designer->prenom }} {{ $consultation->designer->nom }} </label><br>
					<label class="mb-3"><b>Date affectation : </b> {{$consultation->affected_at }} </label><br>
					@endif
					<label class="mb-3 "><b>Date réponse :</b> {{$consultation->resolved_at }} </label><br>
					<form action="{{route('admin.consultations.bricorama.affecte', $consultation->id )}}" method="post">
						{{csrf_field()}}
						<div class="row">
							<div class="col-md-8">
								<div class="form-group">
									<label><h6> {!! lang('Sélectionner designer') !!}</h6></label>
									<select  class="form-control" id="selectDesAffect" name="affecte">
										<option value="">Choisir un designer</option>
										@foreach($desingers  as $designer)
											<option {{ $designer->id == $consultation->affectee_a ? 'selected':''}} value="{{$designer->id}}">
												{{$designer->prenom}} {{$designer->nom}}
											</option>
										@endforeach
									</select>
								</div>
							</div>
							<div class="col-md-4 pt-1">
								<button class="btn btn-primary mt-4" type="submit">{!! lang('Affecter') !!}</button>
							</div>
						</div>
					</form>
				</div>
				
				<div class="panel element-box">
					<div class="row">
						<div class="col">
							<b>Réponse du designer</b>
						</div>
						<div class="col-auto">
							 {{$consultation->status}}
							<a class="btn btn-xs btn-info ml-4 text-white" href="{{ route('consulter-un-designer.bricorama.valider', $consultation->id) }}">Valider la réponse</a>
						</div>
					</div>
					<hr>
					
					<div class="messages">
						@foreach($consultation->messages as $message)
						@if( ( auth()->user()->type == 'admin' &&  $message->visible_to_admin  )  || ( auth()->user()->type == 'designer' && $message->visible_to_designer ) )
						<div class="message {{ $message->sender_id == auth()->id() ? 'mine':'' }}">
							<small class="date">
							{{ $message->created_at }}
							
							@if($consultation->status != 'Réponse validée' || auth()->user()->type == 'admin')
							<a href="{{route('consulter-un-designer.messages.delete', $message->id )}}" data-message="Voulez-vous confirmer la suppression" class="text-danger font-size-16 ml-2 mr-1 confirmation-delete"><i class="fa fa-trash"></i></a>
							@endif
							</small>
							<div class="user">
								<img src="{{ asset($message->user->photo ?? $message->user->picture ?? 'images/default-user.png') }}">
							</div>
							<p>{!! $message->message !!}</p>
							
						</div>
						@endif
						@endforeach
					</div>
					
					@php
					if( isset($message) && $message->sender_id == auth()->id() ){
						$isDisabled = 1;
					}
					@endphp
					<form class="{{($isDisabled??0)?'disabled':''}}" action="{{ route('consulter-un-designer.produit.message.bricorama', $consultation->id) }}" method="post" enctype="multipart/form-data">
						{{csrf_field()}}
						@if(isset($message) && $message->sender_id == auth()->id())
						<input type="hidden" name="message_id" value="{{$message->id}}">
						@endif
						
						@if($consultation->status != 'Réponse validée' || auth()->user()->type == 'admin')
						<div class="form-group">
							<textarea name="message" class="summernote {{($isDisabled??0)?'disabled':''}}">
							@if(isset($message) && $message->sender_id == auth()->id())
							{!! $message->message ?? '' !!}
							@endif
							</textarea>
						</div>
						@endif

						@if($consultation->status != 'Réponse validée' || auth()->user()->type == 'admin')
							<div class="text-right">
								@if( isset($message) && $message->sender_id == auth()->id() )
									<div class="btn btn2 btn-xs disable-summernote show-disabled btn-success">{!! lang('Modifier') !!}</div>
									<button class="btn btn2 btn-xs hide-disabled btn-primary">{!! lang('Enregistrer') !!}</button>
								@else
									<button class="btn btn2 btn-xs hide-disabled btn-primary">{!! lang('Enregistrer') !!}</button>
								@endif
							</div>
						@endif

						<div class="form-group mt-20">
			                <label>{!! lang('Visuel de la proposition') !!}</label>
			                <div class="form-group">
			                    <span class="text-danger font-size-13 mt-0">Format recommandé : paysage A4 largeur / hauteur = <strong>1.8</strong> (Exemple : 850px x 472px ou 3308px x 1838px) </span>
			                    <hr>
			                    <div class="img-preview">
			                        @if($consultation->visuel)
			                        	<div class="preview" style="width: 100%; height: 400px; background: url({{ asset($consultation->visuel)  }}) 50% 50% no-repeat; background-size: contain;"></div>
			                        <br>
			                        @endif
			                        <input type="file" accept="image/*" name="visuel" class="form-control" @if(!$consultation->visuel)required=""@endif>
			                    </div>
			                </div>
			            </div>

						<div class="text-right">
							@if($consultation->status != 'Réponse validée' || auth()->user()->type == 'admin')
								{{-- @if( isset($message) && $message->sender_id == auth()->id() )
									<div class="btn btn2 btn-xs disable-summernote show-disabled btn-success">{!! lang('Modifier') !!}</div>
									<button class="btn btn2 btn-xs hide-disabled btn-primary">{!! lang('Enregistrer') !!}</button>
								@else
									<button class="btn btn2 btn-xs hide-disabled btn-primary">{!! lang('Enregistrer') !!}</button>
								@endif --}}
							@else
								{{$consultation->status}}
							@endif
						</div>
					</form>
					<hr>
					<hr>
					<div class="form-group mt-20">
						<label>{!! lang('Shopping List') !!}</label>
						<br>
						@foreach($consultation->produits as $produit)
							@if( ( auth()->user()->type == 'admin' &&  $produit->visible_to_admin  )  || ( auth()->user()->type == 'designer' && $produit->visible_to_designer ) )
								<div class="row">
									<div class="col-auto">
										<img src="{{ asset($produit->produit->photo) }}" width="100" alt="">
									</div>
									<div class="col">
										<div>{{ $produit->produit->nom }}</div>
										<small>{{ $produit->produit->marque }}</small><br>
										<small>L:{{ $produit->produit->largeur ?? '-' }} x H: {{ $produit->produit->hauteur ?? '-'}} x P: {{ $produit->produit->profondeur?? '-' }}</small>
									</div>
									<div class="col-3 text-right">
										{!! lang('Prix') !!} : {{ $produit->produit->prix ? ($produit->produit->prix.' €'):'-' ?? '-' }}
									</div>
									<div class="col-auto">
										{{-- <a href="{{ route('produit.edit', $produit->produit_id ) }}" target="_blank" class="btn btn-secondary p-1 pl-2 pr-2 mr-1 text-white"><i class="fa fa-pencil"></i></a> --}}
										@if($consultation->status != 'Réponse validée' || auth()->user()->type == 'admin')
										<a class="" data-target="#modal-{{$produit->produit_id}}" data-toggle="modal" ><i class="fa fa-pencil"></i></a>
										@include('admin.partials.modals.produit', ['produit'=>$produit->produit])
										<a href="{{ route('consulter-un-designer.produit.delete', $produit->id ) }}" class="ml-1 text-danger"><i class="fa fa-trash"></i></a>
										@endif
									</div>
								</div>
								<hr>
							@endif
						@endforeach
						
						<form action="{{ route('produits.post') }}" class="mt-30 formation-item" style="display: none;" method="post" enctype="multipart/form-data">
							{{ csrf_field() }}
							<input type="hidden" name="consultation_id" value="{{ $consultation->id }}">
							
							<div class="form-group row">
								<div class="col-md-4">
									<label>{!! lang('Photo') !!} * : </label>
								</div>
								<div class="col-md-8">
									<input type="file" class="inputfile" name="photo" required="" id="photo">
									<label for="photo" >
										<i class="fa fa-upload"></i>
										<span>{!! lang('Choisir un fichier') !!}&hellip;</span>
									</label>
								</div>
							</div>
							<div class="form-group row">
								<div class="col-md-4">
									<label>{!! lang('Nom') !!} * : </label>
								</div>
								<div class="col-md-8">
									<input type="text" class="form-control" name="nom" required="">
								</div>
							</div>
							
							<div class="form-group row">
								<div class="col-md-4">
									<label>{!! lang('Marque') !!} * : </label>
								</div>
								<div class="col-md-8">
									<input type="text" class="form-control" name="marque" required="">
								</div>
							</div>
							<div class="form-group row">
								<div class="col-md-4">
									<label>{!! lang('Référence') !!} * : </label>
								</div>
								<div class="col-md-8">
									<input type="text" class="form-control" name="reference" required="">
								</div>
							</div>
							<div class="form-group row">
								<div class="col-md-4">
									<label>{!! lang('Source') !!} * : </label>
								</div>
								<div class="col-md-8">
									<input type="url" class="form-control" name="source" required="">
								</div>
							</div>
							<div class="form-group row">
								<div class="col-md-4">
									<label>{!! lang('Prix affiché') !!} (€ TTC) : </label>
								</div>
								<div class="col-md-8">
									<input type="text" class="form-control" name="prix" pattern="[0-9]+([\.,][0-9]+)?" title="Veuillez saisir un chiffre">
								</div>
							</div>
							
							<div class="form-group row">
								<div class="col-md-4">
									<label>{!! lang('Largeur') !!} (cm) : </label>
								</div>
								<div class="col-md-8">
									<input type="number" class="form-control" name="largeur">
								</div>
							</div>
							<div class="form-group row">
								<div class="col-md-4">
									<label>{!! lang('Hauteur') !!} (cm) : </label>
								</div>
								<div class="col-md-8">
									<input type="number" class="form-control" name="hauteur">
								</div>
							</div>
							<div class="form-group row">
								<div class="col-md-4">
									<label>{!! lang('Profondeur') !!} (cm) : </label>
								</div>
								<div class="col-md-8">
									<input type="number" class="form-control" name="profondeur">
								</div>
							</div>
							
							<div class="text-right">
								<button class="btn btn2 btn-xs">{!! lang('Ajouter') !!}</button>
							</div>
						</form>
						
						<div class="btn btn-xsm btn-primary text-white " id="btnAddProduct">Ajouter Produit</div>
						<div class=" d-none mt-4" id="add-product">
							<form action="{{route('produits.post')}}" method="post" enctype="multipart/form-data" id="addProduitForm_brico_admin">
								{{ csrf_field() }}
								<input type="hidden" name="consultation_id" value="{{ $consultation->id }}">
								<div class="row">
									<div class="col-md-4">
										<label for="fournisseur">Fournisseur</label>
										<input type="text" class="form-control" id="fournisseur_brico_admin" name="fournisseur" value="Bricorama" disabled>
									</div>
									<div class="col-md-6">
										<div class="form-group">
											<label for="">{!! lang('URL') !!} </label>
											<input type="text" class="form-control" id="url_brico_admin" name="url">
										</div>
									</div>
									<div class="col-md-2" style="position: relative;">
										<div class="btn btn-xsm btn-primary" style="position: absolute;
										top: 60%; left: 50%;
										transform: translate(-50%,-50%);" id="scrapperBtn_brico_admin">Chercher</div>
									</div>
								</div>

								<hr style="height:2px;border-width:0;color:black;background-color:black""> 
								<div class="row">
									<div class="col-md-4">
										<label>{!! lang('Photo') !!} * : </label>
									</div>
									<div class="col-md-8">
										<input type="file" class="inputfile" name="photo" required="" id="photo">
										<label for="photo" id="labelUploadPhoto_brico_admin">
											<i class="fa fa-upload"></i> 
											<span>{!! lang('Choisir un fichier') !!}&hellip;</span>
										</label>
										<input class="form-control d-none" type="text" class="form-control" id="url_photo_brico_admin" name="url_photo">
									</div>
								</div>
								<div class="row">
									<div class="col-md-6">
										<div class="form-group">
											<label>Nom *</label>
											<input type="text" class="form-control"  required="" name="nom">
										</div>
									</div>
									<div class="col-md-6">
										<div class="form-group">
											<label>Marque *</label>
											<input type="text" class="form-control"  required=""  name="marque">
										</div>
									</div>
									<div class="col-md-6">
										<div class="form-group">
											<label>Référence *</label>
											<input type="text" class="form-control"  required=""  name="reference">
										</div>
									</div>
									<div class="col-md-6">
										<div class="form-group">
											<label>Source *</label>
											<input type="url" class="form-control" required="" name="source">
										</div>
									</div>
									<div class="col-md-6">
										<div class="form-group">
											<label>Prix affiché (€ TTC)</label>
											<input type="text" class="form-control" name="prix" pattern="[0-9]+([\.,][0-9]+)?" title="Veuillez saisir un chiffre">
										</div>
									</div>

									<div class="col-md-6">
										<div class="form-group">
											<label>Prix pipcke (€ TTC)</label>
											<input type="text" class="form-control" name="prix_pipcke" pattern="[0-9]+([\.,][0-9]+)?" title="Veuillez saisir un chiffre">
										</div>
									</div>
									
									<div class="col-md-4">
										<div class="form-group">
											<label>Largeur (cm) </label>
											<input type="text" class="form-control" name="largeur" pattern="[0-9]+([\.,][0-9]+)?" title="Veuillez saisir un chiffre">
										</div>
									</div>
									<div class="col-md-4">
										<div class="form-group">
											<label>Hauteur (cm) </label>
											<input type="text" class="form-control" name="hauteur" pattern="[0-9]+([\.,][0-9]+)?" title="Veuillez saisir un chiffre">
										</div>
									</div>
									<div class="col-md-4">
										<div class="form-group">
											<label>Profondeur (cm) </label>
											<input type="text" class="form-control" name="profondeur" pattern="[0-9]+([\.,][0-9]+)?" title="Veuillez saisir un chiffre">
										</div>
									</div>
									<div class="col-md-12 text-right">
										<button class="btn btn-xsm btn-primary" type="submit">Ajouter</button>
									</div>
								</div>
							</form>
						</div>
						
					</div>
				</div>
				 
				
			</div>
		</div>
		@section('style')
		<link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.12/summernote-lite.css" rel="stylesheet">
		<style>
			.photos{
				clear: both;
			}
		</style>
		@endsection
		@section('script')
		
		<script src="{{ asset('js/jquery-3.2.1.min.js') }}"></script>
		<script src="{{ asset('js/summernote-lite.js') }}"></script>
		<script src="{{ asset('js/summernote-fr-FR.min.js') }}"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/js/standalone/selectize.min.js"
        integrity="sha256-+C0A5Ilqmu4QcSPxrlGpaZxJ04VjsRjKu+G82kl5UJk=" crossorigin="anonymous"></script>
    	<link rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/css/selectize.bootstrap3.min.css"
        integrity="sha256-ze/OEYGcFbPRmvCnrSeKbRTtjG4vGLHXgOqsyLFTRjg=" crossorigin="anonymous" />
		<script>
		jQuery(document).ready(function($) {
			$('#selectDesAffect').selectize({});
			$('.summernote').summernote({
				name: 'contenu',
				placeholder: '',
				tabsize: 2,
				lang: 'fr-FR',
				height: 100
			});
			$('.disable-summernote').click(function(event) {
				$('.summernote').summernote('enable');
			});
			$('.summernote.disabled').each(function(index, el) {
				$(this).summernote('disable');
			});
		});
		$(document).ready(function() {
			$('#btnAddProduct').click(function(event) {
			$('#add-product').toggleClass('d-none');
		});
		});
		</script>
		@endsection
	</div>
</div>
@endsection