@extends('layouts.master')
@section('css')
@endsection


@section('content')
				<!-- row -->
				<div class="row row-sm">
					<div class="col-md-12 col-xl-12">
						<div class=" main-content-body-invoice">
							<div class="card card-invoice">
								<div class="card-body">
									<div class="invoice-header">
										<h1 class="invoice-title">Facture</h1>
										<img src="{{asset('assets/img/brand/logo.png')}}" style="width: 100px; height: 50px;">
										<div class="billed-from">
											<h6>ATPLUM</h6>
											<p>12 Rue Tindouf App 7 RABAT,Maroc<br>
											Tel No: 00 212 537 722 926<br>
											Email: Info@atplum.ma</br>
										
										</p>
										</div><!-- billed-from -->
									</div><!-- invoice-header -->
									<div class="row mg-t-20">
										<div class="col-md">
											<label class="tx-gray-600">Client</label>
											<div class="billed-to">
												<h6>Younes</h6>
												<p>4033 Rue Moulay Abdellah Tanger<br>
												Tel No: 0666666666<br>
												Email: younes.mahmar@gmail.com</p>
											</div>
										</div>
										<div class="col-md">
											<label class="tx-gray-600">Invoice Information</label>
											<p class="invoice-info-row"><span>Facture:</span> <span>{{ $facture->num }}</span></p>
											<p class="invoice-info-row"><span>Project ID</span> <span>32334300</span></p>
											<p class="invoice-info-row"><span>Client Id</span> <span>{{ $facture->client_id }}</span></p>
											<p class="invoice-info-row"><span>Due Date:</span> <span>{{ $facture->date }}>/span></p>
										</div>
									</div>
									<div class="table-responsive mg-t-40">
										<table class="table table-invoice border text-md-nowrap mb-0">
																			<thead>
													<tr>
														<th>Reference</th>
														<th>Description</th>
														<th>Unit</th>
														<th>Quantity</th>
														<th>Unit Price</th>
														<th>Total</th>
													</tr>
												</thead>
											<tbody>
											@foreach ($facture->farticles as $article)
                <tr>
                    <td>{{ $article->reference }}</td>
                    <td>{{ $article->description }}</td>
                    <td>{{ $article->unite }}</td>
                    <td>{{ $article->qte }}</td>
                    <td>{{ $article->puht }}</td>
                    <td>{{ $article->ptht }}</td>
                </tr>
                @endforeach
												<tr>
													<td class="valign-middle" colspan="3" rowspan="3">
														<div class="invoice-notes">
															<label class="main-content-label tx-13">Notes</label>
															<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
														</div><!-- invoice-notes -->
													</td>
													<td class="tx-right">Total HT</td>
													<td class="tx-right" colspan="3">{{ $facture->totalht }}</td>
												</tr>
												<tr>
													<td class="tx-right">Tax (20%)</td>
													<td class="tx-right" colspan="3">{{ $facture->tva }}</td>
												</tr>
												
												<tr>
													<td class="tx-right tx-uppercase tx-bold tx-inverse">Total TTC</td>
													<td class="tx-right" colspan="3">
														<h4 class="tx-primary tx-bold">{{ $facture->totalttc }}</h4>
													</td>
												</tr>
											</tbody>
										</table>
									</div>
									<hr class="mg-b-40">
									
									<a href="#" class="btn btn-danger float-left mt-3 mr-2">
										<i class="mdi mdi-printer ml-1"></i>Impression
									</a>
									<a href="#" class="btn btn-success float-left mt-3">
										<i class="mdi mdi-telegram ml-1"></i>Envoyer facture
									</a>
								</div>
							</div>
						</div>
					</div><!-- COL-END -->
				</div>
				<!-- row closed -->
			</div>
			<!-- Container closed -->
		</div>
		<!-- main-content closed -->
@endsection