@extends('mails.layout')
@section('content')
<table width="100%" cellpadding="0" cellspacing="0" style="@include('mails.partials.style_tr')">
	<tr style="@include('mails.partials.style_tr')">
		<td class="content-block" style="@include('mails.partials.style_td')" valign="top" >
			Hello <span style="text-transform: capitalize;">{{$prenom}}</span>,
		</td>
	</tr>
	<tr style="@include('mails.partials.style_tr')">
		<td class="content-block" style="@include('mails.partials.style_td')" valign="top" >
			Nous avons le plaisir de vous confirmer l'enregistrement de votre commande dont vous trouverez le détail ci-dessous. Elle est actuellement en cours de traitement.
		</td>
	</tr>
	<tr style="@include('mails.partials.style_tr')">
		<td class="content-block" style="@include('mails.partials.style_td')" valign="top" >
			Vous pouvez suivre le statut de votre commande depuis <a href="{{route('client.mescommandes')}}">votre espace</a>.
		</td>
	</tr>
	<tr style="@include('mails.partials.style_tr')">
		<td class="content-block" style="@include('mails.partials.style_td')" valign="top" >
			<b>Récapitulatif et détails de votre commande N°{{$reference}} ({{ \Carbon\Carbon::parse($commande->created_at)->format('d-m-Y H:i') }})</b>
		</td>
	</tr>
</table>
<table cellpadding="0" cellspacing="0" width="100%" style="border:2px solid #f6ded3">
	<thead>
		<tr>
			<th width="50%" style="padding: 0px; border-right: 2px solid #f6ded3 ">
				<div style="background: #f6ded3; padding-left: 5px; text-align: left;font-size: 0.7rem;">Adresse de livraison</div>
			</th>
			<th style="padding: 0px">
				<div style="background: #f6ded3; padding-left: 5px; text-align: left;font-size: 0.7rem;">Adresse de facturation</div>
			</th>
		</tr>
	</thead>
	<tbody>
		<tr valign="top">
			<td style="padding: 15px 5px; border-right: 2px solid #f6ded3; font-size: 0.7rem;">
				@if($adresses_livraison)
					{{ $adresses_livraison->prenom }} {{ $adresses_livraison->nom }} <br>
	                {{ $adresses_livraison->adresse }} <br>
	                {{ $adresses_livraison->ville }} {{ $adresses_livraison->code_postal }} <br>
	                @if($adresses_livraison->infos_complementaire)
	                {{ $adresses_livraison->infos_complementaire }} <br>
	                @endif
	                {{ $adresses_livraison->pays }}
                @endif
			</td>
			<td style="padding: 15px 5px; font-size: 0.7rem;">
				@if($adresse_facturation)
					{{ $adresse_facturation->prenom }} {{ $adresse_facturation->nom }} <br>
	                {{ $adresse_facturation->adresse }} <br>
	                {{ $adresse_facturation->ville }} {{ $adresse_facturation->code_postal }} <br>
	                @if($adresse_facturation->infos_complementaire)
	                {{ $adresse_facturation->infos_complementaire }} <br>
	                @endif
	                {{ $adresse_facturation->pays }}
                @endif
			</td>
		</tr>
	</tbody>
</table>
<br>
<table cellpadding="0" cellspacing="0" style="width: 100%; border:2px solid #f6ded3; font-size: 0.7rem;"  cellpadding="5">
	<thead>
		<tr bgcolor="#f6ded3" style="font-size: 0.7rem;">
			<th align="left">Article</th>
			<th align="left" width="20%">Quantité</th>
			<th align="left" width="20%">Frais de livraison</th>
			<th align="left" width="20%" style="border-right: 2px solid #f6ded3">Prix total TTC</th>
		</tr>
	</thead>
	<tbody>
		@foreach($commande->produits as $p )
			@if ($p->status != "Non pris en charge")
				<tr style="border-bottom: 2px solid #f6ded3">
					<td>{{ $p->produit->nom }}</td>
					<td>{{ $p->quantite }}</td>
					<td>{{ $p->frais_livraison ?? 0 }} €</td>
					<td style="border-right: 2px solid #f6ded3">{{ $p->prix_total }} €</td>
				</tr>
			@endif
		@endforeach
	</tbody>
	<tfoot>
		<tr bgcolor="#e8e8e8">
			<td colspan="3">
				Montant de votre commande
			</td>
			<td>
				{{ $commande->total }} €
			</td>
		</tr>
	</tfoot>
</table>
<br>
<table width="100%" cellpadding="0" cellspacing="0" style="@include('mails.partials.style_tr')">
	<tr style="@include('mails.partials.style_tr')">
		<td class="content-block" style="@include('mails.partials.style_td') font-size: 0.7rem" valign="top" >
			Nous continuons à suivre l’avancement de la livraison de votre commande. <br>
			N'hésitez pas à répondre directement à ce mail pour nous signaler tout retard par rapport aux délais communiqués.
		</td>
	</tr>
	<tr style="@include('mails.partials.style_tr')">
		<td class="content-block" style="@include('mails.partials.style_td')" valign="top" >
			L’équipe Pipcke
		</td>
	</tr>
</table>

@endsection

@section('footer') 
@include('mails.partials.footers.2')
@endsection