@extends('layouts.app')
@section('morecss')
<style>
.highlight{background:rgba(255,125 ,125,0.2); padding:0.5em;border:solid rgba(255,125 ,125,0.2) 1px}
.highlight{background:rgba(255,125 ,125,0.2); padding:0.5em;border:solid rgba(255,125 ,125,0.2) 1px}
.message h4{
    font-size:small;
    font-weight:300;
    margin-bottom:0;
}
.message{margin-bottom:1em;
           }
.message p{
    border:solid 1px ddd;
    padding:0.5em;
    background-color:#ff9966;
    margin-bottom:0;
    border-radius:0 5px 10px 5px;
    box-shadow: 3px 3px 5px 1px rgba(100,100,100, .2);
}
.message p.mesmessages{
    background-color: #ffcc66;
}
.message p.admrapport{background-color:red;color:white}

.message strong{font-weight:400}
.form-control-file{border-bottom:1px solid #ddd;padding-bottom:0.5em;margin-bottom:0.5em}
.reponse{padding:0.5em;background-color:#efefef;background-image: linear-gradient(to top left, #ffcc66 20%, #f1f1f1 100%);
border-radius:0 5px 10px 5px;
    box-shadow: 1px 2px 7px 5px rgba(100,100,100, .2);margin-bottom:2em}
.devis{background:#FBE3FF;margin:-1.25rem -1.25rem 0 -1.25rem;padding:1.25rem}
.devis .table{background-color:#fff}
.devis .table p{padding: .75rem;}
.devis .table th, .devis .table td{text-align:right}
#scoring i{color:#ddd;}
.txt-center {
    text-align: -webkit-center;
}
#scoring p{padding:0;margin:1em 0 0 0;font-size:small;font-weight:600;color:#999}
</style>
{{--<link rel="stylesheet" href="{{asset('signature_pad-master/docs/css/signature-pad.css')}}">--}}
<link href="{{asset('signature-pad-master-smooth/assets/jquery.signaturepad.css')}}" rel="stylesheet">
<style>
.sigPad{width:300px;height:200px}
.sigPad input{width:300px;}

.sigWrapper{height:157px}
canvas, .sigPad, .sigWrapper{border-radius:0.25em}
.debug a{font-size:small;color:red;font-weight:600;margin:0;padding:0;display:block}
</style>
@endsection
@section('morejs')
<script>
function score(i){
	$('input#scoring').val(i);
	$('div#scoring i').removeClass('text-warning');
	$('div#scoring i').each( function(index){
	    if (index <i)
		    $(this).addClass("text-warning"); // $(this) représente l'objet courant
	} );
}
/*
if (location.hash)
{
	var hash = location.hash;
	document.getElementById(hash.substr(1)).classList.add("highlight");
}*/
//alert(document.getElementById(hash.substr(1)).classList);

var tab=["Nulla a ante cursus, pellentesque ex quis, congue nisl. Aenean non nulla efficitur, lacinia tortor sit amet, fringilla odio. Pellentesque et lorem et magna ullamcorper condimentum.\nOrci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris id gravida leo. Phasellus suscipit facilisis mi ut consequat.",
"Donec venenatis elit ipsum, quis dignissim ipsum blandit vitae. Curabitur quam odio, egestas quis semper nec, scelerisque id nisl. Fusce non condimentum urna. Mauris eget elit pellentesque, consequat diam in, fermentum purus. Phasellus eget mi pretium, porta lacus at, varius libero. Nulla a ante cursus, pellentesque ex quis, congue nisl. Aenean non nulla efficitur, lacinia tortor sit amet, fringilla odio. Pellentesque et lorem et magna ullamcorper condimentum.",
"Pellentesque et lorem et magna ullamcorper condimentum.\nOrci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris id gravida leo. Phasellus suscipit facilisis mi ut consequat. In ullamcorper eros ut tristique vehicula. In diam erat, condimentum a fringilla eget, tristique et mi. In et diam id diam mollis bibendum non blandit diam.\n\n Aliquam volutpat felis eu risus porttitor, vel bibendum orci feugiat. In id enim vitae erat hendrerit euismod. Aenean feugiat, nunc quis lobortis tincidunt, nisi libero ultricies magna, eu efficitur tellus tortor quis massa. Vivamus sagittis eleifend interdum.",
"Aliquam ultricies dui leo, sit amet blandit nisi cursus a. Phasellus imperdiet id nulla nec egestas. Vestibulum rutrum efficitur velit. Pellentesque tristique condimentum vulputate. Suspendisse ac lectus fringilla, tempus tellus sit amet, commodo turpis. Nam porttitor odio neque, eget tempor metus viverra at. Quisque vel dolor at augue finibus pharetra sit amet sit amet purus. Fusce et luctus nulla.",
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget eros in ex lobortis dictum ut vel nisl. Nullam lobortis lorem at leo maximus rhoncus. Aliquam vestibulum auctor tellus non tristique. Integer varius ac velit tempus lacinia. Sed luctus iaculis massa, id accumsan ante venenatis at. ",
"Donec elit justo, gravida vitae sagittis ut, dignissim id lacus. Curabitur cursus pharetra nulla quis pellentesque. In arcu lorem, tincidunt eu ante nec, accumsan tincidunt elit.\n\nVivamus erat sapien, pellentesque in nisi non, fermentum ullamcorper est. Pellentesque ornare dui sed consequat vestibulum. Pellentesque in odio ante."];
function getRandomInt(max) {
	  return Math.floor(Math.random() * Math.floor(max));
	}

i = getRandomInt(6);
// 
tx = tab[i];
//document.getElementById("message").innerHTML = tx;

function majMessageBPA(bpaOK){
	if (bpaOK){
		document.getElementById("message").value="J'accepte sans réserve le devis qui m'est proposé.";
		document.getElementById("message").readOnly = true;
	}
	else{
		document.getElementById("message").value="";
		document.getElementById("message").placeholder = "J'ai une question au sujet du devis..."
		document.getElementById("message").readOnly = false;
	}
}
</script>
{{--<script src="{{asset('signature_pad-master/docs/js/signature_pad.umd.js')}}"></script>
<script src="{{asset('signature_pad-master/docs/js/app.js')}}"></script>--}}
<script src="{{asset('signature-pad-master-smooth/assets/numeric-1.2.6.min.js')}}"></script>
<script src="{{asset('signature-pad-master-smooth/assets/bezier.js')}}"></script>
<script src="{{asset('signature-pad-master-smooth/jquery.signaturepad.js')}}"></script>
<script src="{{asset('signature-pad-master-smooth/assets/json2.min.js')}}"></script>

  <script>
    $(document).ready(
    function() {
      $('.sigPad').signaturePad({
    	  clear: 'input[type=reset]',
    	  drawOnly:true, drawBezierCurves:true, lineTop:200,variableStrokeWidth:true, penWidth:1}
        );//variableStrokeWidth:true,
      if (window.location.hash)
      {
    	$.ajax({
    		method: "POST",
    		url: '{{route("messagelu")}}',
        	data:'id=' + window.location.hash + "&_token={{csrf_token()}}",
    		  
		})
      	/*.done(function( msg ) {
            alert( '{{route("messagelu")}}?id=' +window.location.hash + ' / ' + msg.result );
  		});*/
      }
    }
    );
    /* $('.sigPad').signaturePad({
          drawOnly: true,
          defaultAction: 'drawIt',
          validateFields: false,
          lineWidth: 0,
          // Thickness of the pen
  		//penWidth : 2,

          clear: 'input[type=reset]',

          drawBezierCurves:true, 
          variableStrokeWidth:true, 
          lineTop:200
        });*/
  </script>
  <script src="{{asset('signature-pad-master-smooth/assets/json2.min.js')}}"></script>
@endsection
@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-10">
            <div class="card">
                <div class="card-header">
                    <div class="@if ($demande->current_status_id=='LIVREE' || $demande->current_status_id=='SOLDEE' || ($demande->current_status_id=='EN_PAIEMENT' && $demande->dernierPaiement && $demande->dernierPaiement->modePaiement->config=='cheque')) row @endif">
                    	<div class="@if ($demande->current_status_id=='LIVREE' || $demande->current_status_id=='SOLDEE' || ($demande->current_status_id=='EN_PAIEMENT' && $demande->dernierPaiement && $demande->dernierPaiement->modePaiement->config=='cheque')) col-8 @endif">
                    		<h1>{{$demande->libelle}}</h1>
                    		{{--
                    		<div class="debug">
                        		<h4>Versé   :{{ $demande->montant_verse}}</h4>
                        		<h4>A payer :{{ $demande->montant_a_payer}}</h4>
                        		<h4>Soldé double :{{((Double)$demande->montant_verse + $demande->montant_a_payer == (Double)$demande->total_ttc) }}</h4>
                        		<h4>Soldé round : {{(round($demande->montant_verse + $demande->montant_a_payer,2) == round($demande->total_ttc,2)) }}</h4>
                    		</div>
                    		--}}
                    		
                    		<h2 class="small">lancée par <a href="{{route('users.show',$demande->user_id)}}"><em>{{$demande->user->fullname}}</em></a> le {{$demande->created_at_date}} à {{$demande->created_at_time}} </h2>
                    		<h3 class="small font-weight-bold">{{$demande->adresse->adresse}} - {{$demande->adresse->commune->nom}}</h3>
                    	</div>
                    	
                    	@if ($demande->current_status_id=='LIVREE')
                		<div class="col-4">
                			@if (isset($valider_paiement))
                        	{{--
                        	|
                        	| erreur lors du paiement (réalisé mais pas enregistré) 
                        	|
                        	 --}}
                        	<div class="">
                        		@if(Auth::user()->isAdmin())
                        		<p class="text-danger "><i class="fas fa-exclamation-triangle"></i>Le paiement a bien été effectué mais nous n'avons pas pu procéder à son enregistrement.
                        		</p>
                        		<p class="text-danger mb-0 small">Paiement par : {{$valider_paiement["mode"]}}<br/>
                        		Crédit : {{$valider_paiement["done"]}}</p>
                        		
                        		<form action="{{route('enregistrerpaiementmanuel')}}" method="post">
                        		@csrf
                        			<input type="hidden" name="demande_id" value="{{$demande->id}}">
                        			<input type="submit" class="form-control btn btn-danger btn-sm" value="Enregistrer le paiement">
                        		</form>
                        		@else
                        			<p class="text-danger"><i class="fas fa-exclamation-triangle"></i>Votre paiement a bien été effectué mais nous n'avons pas pu procéder à son enregistrement. Merci de nous contacter.
                        		@endif
                        	</div>
                        	@elseif ($demande->montant_a_payer>0)
                    		<form action="{{route('choixpaiement')}}" method="post">
                    			@csrf
                    			<input type="hidden" value="{{$demande->id}}" name="demande_id" />
                    			<input type="hidden" value="on" name="cgv"/>
                                <input type="hidden" value="on" name="bpadevis"/>
                                <input type="hidden" value="on" id="customControlValidation1" name="checkPV" required>
                                <button type="submit" class="btn @if (Auth::user()->isAdmin()) btn-danger @else btn-warning @endif btn-block'" 
                    				onclick="return confirm('Validez-vous la réception définitive des travaux et le règlement du solde ?')">
                    				Régler le solde @if (Auth::user()->isAdmin()) pour le client @endif</button>
                    		</form>
                    		@endif
                    		@if (Auth::user()->isAdmin())
                    			@if($demande->facture)
                    				<a href="{{route('demande.voirfacture',$demande->id)}}" class="d-block btn btn-warning mt-1">Voir la facture au format PDF</a>
                				@endif
                				@if(Auth::user()->isAdmin() && $demande->dernierPaiement->modePaiement->config=='cheque')
                					<form action="{{route('creerFactureAdmin')}}" method="post">
                        			@csrf
                        			<input type="hidden" value="{{$demande->id}}" name="demande_id" />
                        			<h6>Payé par chèque</h6>
                        			<input type="text" class="form-control" value="Nous avons bien reçu votre chèque" name="message_text"/>
                        			<input type="text" class="form-control" value="" placeholder="BANK + numéro de chèque" name="infos_cheque"/><small> envoyé en message au client</small>
                        			<button type="submit"  class="d-block btn btn-info"><i class="fas fa-validate"></i> Facturer et informer le client</a>
                        		</form>
                    			@endif
                			@endif
                    	</div>
                    	@elseif ($demande->current_status_id=='SOLDEE')
                    	<div class="col-4 text-right">
                    		<!--<a href="{{route('demande.voirrapport',$demande->id)}}" class="d-block btn btn-info"><i class="fas fa-file-pdf"></i> Télécharger le rapport</a>-->
                    		@if($demande->facture)
                    			<a href="{{route('demande.voirfacture',$demande->id)}}" class="d-block btn btn-warning mt-1">Voir la facture au format PDF</a>
                				@if (Auth::user()->isAdmin())
                					<a href="{{route('demande.voirfactureartisan',$demande->id)}}" class="d-block mt-1">Voir la facture de l'artisan</a>
                				@endif
                			@endif
                    	</div>
                    	@elseif (Auth::user()->isAdmin() && $demande->current_status_id=='EN_PAIEMENT' 
                      	&& $demande->dernierPaiement && $demande->dernierPaiement->modePaiement->config=='cheque')
                    	<div class="col-4 text-right">
                    		<form action="{{route('creerFactureAdmin',$demande->id)}}" method="post">
                    			@csrf
                    			<input type="hidden" value="{{$demande->id}}" name="demande_id" />
                    			<h6>Payé par chèque</h6>
                    			<input type="text" class="form-control" value="Nous avons bien reçu votre chèque" name="message_text"/>
                    			<input type="text" class="form-control" value="" placeholder="BANK + numéro de chèque" name="infos_cheque"/><small> envoyé en message au client</small>
                    			<button type="submit"  class="d-block btn btn-info"><i class="fas fa-validate"></i> Facturer et informer le client</a>
                    		</form>
                    	</div>
                    	@endif

                    </div>
                	
                    @if (Auth::id()==$demande->user_id && $demande->current_status_id=='PAYEE')
                	<div>
                		<form action="{{route('receptionner')}}" method="post">
                			@csrf
                			<input type="hidden" value="{{$demande->id}}" name="demande_id" />
                			<div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="customControlValidation1" name="checkPV" required>
                                <label class="custom-control-label small" for="customControlValidation1">Je valide la réception définitive des travaux</label>
                              </div>
                              <input type="hidden" value="on" name="bpadevis"/>
                            <input type="hidden" value="on" name="cgv"/>
                                <p class="mt-2 mb-0"><i class="fas fa-signature"></i> Votre signature</p>
                              	<div class="sigPad">
                                <div class="sig sigWrapper">
                                  <div class="typed"></div>
                                  <canvas class="pad" width="298" height="155"></canvas>
                                  <input type="reset" value="Effacer" class="btn btn-warning">
                                  <input type="hidden" name="output" class="output">
                                </div>
                                
                              </div>
                              <input type="hidden" value="3" id="scoring" name="scoring"/>
                              <div id="scoring" class="mb-3">
                              <p>Noter la prestation</p>  
                              @for($i=1;$i<=5;$i++)
                              <i onclick="score({{$i}})" class="fas fa-star @if ($i<=3) text-warning @endif "></i>
                              @endfor
                              </div>
                			<button type="submit" class="btn btn-warning btn-block'" 
                				onclick="return confirm('Validez-vous la réception définitive des travaux ? Un message sera rajouté automatiquement dans votre fil de discussion et vous serez invité à régler le solde des travaux.')">
                				Envoyer</button>
                		</form>
                	</div>
                	@endif
                </div>
				@if (session('status'))
                    <div class="alert alert-success" role="alert">
                        {{ session('status') }}
                    </div>
                @endif
                @if ($errors->any())
    				<ul class="alert alert-warning">
    					@foreach ($errors->all() as $error)
    					<li>{{$error}}</li> @endforeach
    				</ul>
    				@endif 
    				@if(session()->has('message'))
    				<div class="alert alertToolsBar alert-info alert-dismissible fade show }}"> 
                    {!! session('message') !!}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                      </button>
                    </div>
    			@endif
						
                <div class="card-body">
                 	@if (!$demande->statuts()->find('PAYEE') && isset($valider_paiement))
                        	{{--
                        	|
                        	| erreur lors du paiement (réalisé mais pas enregistré) 
                        	|
                        	 --}}
                        	<div class="">
                        		@if(Auth::user()->isAdmin())
                        		<p class="text-danger"><i class="fas fa-exclamation-triangle"></i>Le paiement a bien été effectué mais nous n'avons pas pu procéder à son enregistrement.
                        		</p>
                        		<p class="text-danger mb-0 small">Paiement par : {{$valider_paiement["mode"]}}<br/>
                        		Crédit : {{$valider_paiement["done"]}}</p>
                        		<form action="{{route('enregistrerpaiementmanuel')}}" method="post">
                        		@csrf
                        			<input type="hidden" name="demande_id" value="{{$demande->id}}">
                        			<input type="submit" class="col-6 form-control btn btn-danger btn-sm" value="Enregistrer le paiement">
                        		</form>
                        		@else
                        		<p class="text-danger"><i class="fas fa-exclamation-triangle"></i>Votre paiement a bien été effectué mais nous n'avons pas pu procéder à son enregistrement. Merci de nous contacter.
                        		</p>
                        		@endif
                        	</div>
                    @else	
                     	@if (Auth::id() == $demande->user_id && $demande->intervention && !$demande->statuts()->find('PAYEE'))
    					
                         	@if (!($demande->dernierPaiement) || $demande->dernierPaiement && $demande->dernierPaiement && $demande->dernierPaiement->modePaiement->config!='cheque')
                             	<div id="devis" class="devis mb-3">
                           			<form method="POST" action="{{ route('choixpaiement')}}">
                						@csrf 
                						<p>Un devis vous a été proposé
                						@if ($demande->current_status_id =='EN_PAIEMENT')
                						mais votre paiement n'a pas abouti. Vous pouvez refaire une tentative.
                						@endif
                						</p>
                						<div class="table">
                    						<table class="table">
                    							<p class="small">{!!nl2br($demande->intervention->descriptif)!!}</p>
                    							<thead>
                    								<tr>
                    									<th class="text-left">Designation</th>
                    									<th>PUHT</th>
                    									<th>Taux</th>
                    									<th>TVA</th>
                    									<th>Montant TTC</th>
                									</tr>
                    							</thead>
                    							<tbody>
                    								@foreach ($ligne_demandes as $ligne_demande)
                    								<tr>
                    									<td class="text-left">{{$ligne_demande['libelle']}}</td>
                    									<td>{{number_format($ligne_demande['montant_ht'],2,',',' ')}}</td>
                    									<td>{{$ligne_demande['taux_tva']}}%</td>
                    									<td>{{number_format($ligne_demande['montant_tva'],2,',',' ')}}</td>
                    									<td>{{number_format($ligne_demande['montant_ttc'],2,',',' ')}}</td>
                									</tr>
                									@endforeach
                									<tr>
                									<td>Total HT</td><td>{{number_format($totalDemandeHT,2,',',' ')}}</td><td></td><td><strong>Total TTC</strong></td><td><strong>{{number_format($totalDemandeTTC,2,',',' ')}}</strong></td>
                									</tr>
                									<tr>
                									<td>Acompte </td><td>{{$demande->pcent_acompte}} %</td><td></td><td><strong>Acompte à régler</strong></td><td><strong>{{number_format($demande->montant_acompte,2,',',' ')}}</strong></td>
                									</tr>
                    							</tbody>
                    						</table>
                						</div>
                						<input type="hidden" name="id" value="{{$demande->intervention->id}}" />
                						<input type="hidden" name="demande_id" value="{{$demande->id}}" />
                						<div class="col-auto">
                                          <div class="custom-control custom-checkbox mr-sm-2">
                                            <input type="checkbox" class="custom-control-input" id="bpadevis" name="bpadevis" onchange="majMessageBPA(this.checked)">
                                            <label class="custom-control-label" for="bpadevis" >Bon pour accord. J'accepte sans réserve le devis</label>
                                          </div>
                                        </div>
                                        <div class="col-auto">
                                          <a href="#" class="col-2 mb-3"  data-toggle="modal" data-target="#cgv_modal">Voir les conditions générales de vente</a>
                                        </div>
                                        <div class="col-auto">
                                          <div class="custom-control custom-checkbox mr-sm-2">
                                            <input type="checkbox" class="custom-control-input" id="cgv" name="cgv">
                                            <label class="custom-control-label" for="cgv" >J'accepte les conditions générales de vente</label>
                                          </div>
                                        </div>
                                                <!-- Button trigger modal -->
                                                <!-- Modal -->
                                                <div class="modal fade " id="cgv_modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                  <div class="modal-dialog modal-lg" role="document">
                                                    <div class="modal-content">
                                                      <div class="modal-header">
                                                        <h5 class="modal-title" id="exampleModalLabel">Conditions générales de vente</h5>
                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                          <span aria-hidden="true">&times;</span>
                                                        </button>
                                                      </div>
                                                      <div class="modal-body">
                                                      	<p>{{\App\Societe::first()->cgv}}
                                                      	</p>
                                                      </div>
                                                      <div class="modal-footer">
                                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                       {{--<div id="signature-pad" class="signature-pad">
                                            <div class="signature-pad--body">
                                              <canvas></canvas>
                                            </div>
                                            <div class="signature-pad--footer">
                                              <div class="description">Sign above</div>
                                        
                                              <div class="signature-pad--actions">
                                                <div>
                                                  <button type="button" class="button clear" data-action="clear">Clear</button>
                                                  <button type="button" class="button" data-action="change-color">Change color</button>
                                                  <button type="button" class="button" data-action="undo">Undo</button>
                                        
                                                </div>
                                                <div>
                                                  <button type="button" class="button save" data-action="save-png">Save as PNG</button>
                                                  <button type="button" class="button save" data-action="save-jpg">Save as JPG</button>
                                                  <button type="button" class="button save" data-action="save-svg">Save as SVG</button>
                                                </div>
                                              </div>
                                            </div>
                                      	</div>--}}
                                      	@if ($demande->current_status->id != 'EN_PAIEMENT')
                                          	<p class="mt-2 mb-0"><i class="fas fa-signature"></i> Votre signature</p>
                                          	<div class="sigPad">
                                            <div class="sig sigWrapper">
                                              <div class="typed"></div>
                                              <canvas class="pad" width="298" height="155"></canvas>
                                              <input type="reset" value="Effacer" class="btn btn-warning">
                                              <input type="hidden" name="output" class="output">
                                            </div>
                                            
                                          </div>
                                         @endif
                                        <div class="mt-3 text-center">
            								<button type="submit" class="btn btn-primary"><i class="fas fa-credit-card"></i> {{ __('Payer')}}</button>
            							</div>
                                        
                                  </form>
                               </div>
                     		@endif
                   		@endif
                 	@endif
                 	@if(Auth::user()->isAdmin() && $demande->current_status_id == 'SOLDEE')
                 		<h2>Rédiger un rapport</h2>
                     	<form method="POST" class="reponse" enctype="multipart/form-data"
    						action="{{ route('demandes.update',$demande->id) }}">
    						@csrf {{ method_field('PUT') }}
    						<input type="hidden" name="is_rapport" value="on" />
    						<div class="form-group">
    							<textarea rows="10" style="width:100%" id="message" name="message"></textarea>
    						</div>
    						<div class="form-group">
                                <label for="document">Ajouter des fichiers (photo, document PDF...)</label>
                                <input type="file" class="form-control-file" name="documents[]">
                                <input type="file" class="form-control-file" name="documents[]">
                                <input type="file" class="form-control-file" name="documents[]">
                            </div>
    
    						<div class="col-12">
    							<div class="form-group row">
    								<div class="col">
    									<a data-toggle="confirmation" data-title="Confirmer?"
    										href="javascript:history.back()"
    										class="btn btn-info pull-right form-group">{{__('Cancel')}}</a>
    								</div>
    								<div class="col">
    									<button type="submit" class="btn btn-primary">{{ __('Ajouter')}}</button>
    								</div>
    							</div>
    						</div>
    					</form>
                 	@endif
                	<div class="messages">
                	<h2>Messages</h2>
                    @foreach ($demande->messages as $message)
                    	<div
                    		id="{{$message->id}}"
                    		class="message">
                    	<h4>le {{$message->created_at_date}} à {{$message->created_at_time}}
                    	@if($message->user_id == Auth::id())
                    	vous avez 
                    	@else
                    	<strong>{{$message->user->fullname}}</strong> a
                    	@endif
                    	écrit :
                    	</h4><p @if($message->user_id == Auth::id()) class="mesmessages @endif @if($message->user->isAdmin() && $message->rapport_flag )  admrapport @endif ">{!!nl2br($message->text)!!}</p>
                    	@if(count($message->documents))
                    	<div>
                    	{{count($message->documents)}} fichier(s)
                    	@foreach($message->documents as $document)
                    		<a href="{{route('voirdocument',$document->id)}}" target="_blank"><i class="fas fa-image"></i><small>{{$document->libelle}}</small></a>
                    	@endforeach
                    	</div>
                    	@endif
                    	</div>
                    @endforeach
                    </div>
                    @if($demande->current_status_id =='DEVISEE' && Auth::user()->isClient())
						<a href="#devis" class="btn btn-warning mb-3"><i class="fas fa-arrow-up"></i> Accéder au devis</a>
					@endif
					
                    @if ((Auth::user()->assistant || Auth::user()->admin) && !$demande->statuts()->where('statut_id','=','DEVISEE')->exists())
					<h3><a href="{{route('createfordemande',$demande->id)}}"><i class="fas fa-file-invoice"></i> &Eacute;tablir un devis</a></h3>
					@endif
                    @if(!Auth::user()->isAdmin() || $demande->current_status_id != 'SOLDEE')
                        <form method="POST" class="reponse" enctype="multipart/form-data"
    						action="{{ route('demandes.update',$demande->id) }}">
    						@csrf {{ method_field('PUT') }}
    						<div class="form-group">
    							@if ($demande->messages->last()->user_id == @Auth::id())
    							<h4><i class="fas fa-plus"></i> Avez-vous un message à ajouter ?</h4>
    							<label class="" for="message">Votre message</label>
    							@else
    							<label class="" for="message"><h4><i class="fas fa-reply"></i> Votre réponse</h4></label>
    							@endif 
    							<textarea rows="10" style="width:100%" id="message" name="message"></textarea>
    						</div>
    						<div class="form-group">
                                <label for="document">Ajouter des fichiers (photo, document PDF...)</label>
                                <input type="file" class="form-control-file" name="documents[]">
                                <input type="file" class="form-control-file" name="documents[]">
                                <input type="file" class="form-control-file" name="documents[]">
                            </div>
    
    						<div class="col-12">
    							<div class="form-group row">
    								<div class="col">
    									<a data-toggle="confirmation" data-title="Confirmer?"
    										href="javascript:history.back()"
    										class="btn btn-info pull-right form-group">{{__('Cancel')}}</a>
    								</div>
    								<div class="col">
    									<button type="submit" class="btn btn-primary">{{ __('Envoyer')}}</button>
    								</div>
    							</div>
    						</div>
    					</form>
					@endif
					@if ($demande->intervention)
						<h2><i class="fas fa-tools"></i> Devis intervention</h2>
    					<!-- foreach($demande->interventions as $intervention) -->
    					@if($demande->intervention->user_id)
    					<!-- <p><em>par <a href="{{route('users.show',$demande->intervention->user_id)}}">{{$demande->intervention->user->fullname}}</a></em> -->
    					@endif | <a href="{{route('interventions.show',$demande->intervention->id)}}">Afficher détails</a></p>
    					@if ((Auth::user()->assistant || Auth::user()->admin))
        					@if ($demande->current_status_id =='EN_PAIEMENT')
        						<p class="mb-0 text-success"><i class="fas fa-check"></i>Le client a accepté le devis</p>
        					@elseif ($demande->current_status_id =='DEVISEE')
        						<p><a href="{{route('interventions.edit',$demande->intervention->id)}}">Modifier l'intervention</a></p>
    						@endif
    					@endif
    					<!-- endforeach -->
					@endif

                </div>
            </div>
        </div>
    </div>
</div>
@endsection