<html>
	<head>
        <title>Bordereau de livraison</title>
		<link rel='shortcut icon' type='image/x-icon' href="assets/img/favicon.jpg" />
		<style>
	table {
			border-collapse: collapse;
			border-radius: 1em;
			overflow: hidden;
		}
		
		th, td {
			padding : 0.3em;
			background : #fff;
			border-bottom: 2px solid #ddd;
		}

	.bloc2{
		display:inline-block;
		position:relative;
		text-align:center;
		margin-top:-25px;
		width:100%;
		padding-top: -10px;
		border-bottom:1px solid #000;
	}
	
	
    </style>
    </head>
      <body style="font-family:'Montserrat';font-size:15px;" onload="window.print();">
	   <div class="bloc"> 
		   @php
			$ig = DB::table('magasin')->where('id', $livraison->magasin_id)->first()->logo_fichier;
			@endphp
			<div class="bloc2">
				<p style="margin-top:15px;color:#000;font-size:16px;">
				<img src="{{public_path('/storage/'.$ig)}}" style="height:75px"> <br/>
				<b><u>{{DB::table('magasin')->where('id', $livraison->magasin_id)->first()->nom}}</u><br>
				{{DB::table('magasin')->where('id', $livraison->magasin_id)->first()->telephone}} {{DB::table('magasin')->where('id', $livraison->magasin_id)->first()->email}} <br/>
				{{DB::table('magasin')->where('id', $livraison->magasin_id)->first()->adresse}}
				</b>
				
				</p>
				
		    </div>
		    </div>
		<!--BLOC DU GERANT-->
		<div class="container">
		<h3 style="margin-left:10px;margin-top:30px;color:#6D071A;padding:3px;background-color:#004365;color:#fff;width:175px;border-radius:9px;">
		<font>BON DE LIVRAISON</font></h3>
		<div class="row" style="border-bottom:1px solid #000;"> 
                <div class="col-md-4" style="margin-top:-20px;width:300px;">
				<p style="border-collapse: collapse;margin-left:50px;width:300px;line-height:2;margin-top:-30x;" cellspacing="3" >
					<b>Référence : {{$livraison->reference}}</b> <br/>
					<b>Etat : {{$livraison->etat}}</b> <br/>
					@php
					$date= explode('-', $livraison->date);
					$date= array_reverse($date);
					$date= implode('/', $date);
					@endphp
					<b>Date : {{$date}}</b>
			    </p>
			    </div>
				<div class="col-md-4" style="margin-left:400px;margin-top:-100px;width:300px;">
				<p style="border-collapse: collapse;margin-left:10px;width:300px;line-height:2;margin-top:-50px;" cellspacing="3" >
					<b>Client : @php echo DB::table('client_externe')->where('id', $livraison->client_id)->first()->noms @endphp</b><br/>
					<b>Tél {{DB::table('client_externe')->where('id', $livraison->client_id)->first()->tel}}</b><br/>
					<b>Adresse {{DB::table('client_externe')->where('id', $livraison->client_id)->first()->adresse}}</b><br/>
			    </p>
			    </div>
		</div>
		</div>
	    <br/>
	     <br/>
	    <br/>
        <table style="width:700px;margin-left:15px">
		<thead>
                      <tr>
                        <th style="width:30px;background-color:#004365;color:#fff;height:28px;">N°</th>
                        <th style="width:250px;background-color:#004365;color:#fff;height:28px;">Désignation</th>
                        <th style="width:55px;background-color:#004365;color:#fff;height:28px;">Qté livrée</th>
                        <th style="width:55px;background-color:#004365;color:#fff;height:28px;">Reste à livrer</th>
                      </tr>
                    </thead>
        <tbody>
			@foreach($ligne as $lignes)
           <tr>
		   <td width="30px" height="30px" align="center">{{$loop->iteration}}</td>
		   <td width="250px" height="30px" align="center">
		   {{DB::table('produit_vendable')->where('id', $lignes->produit_id)->first()->desi}}/
		   {{DB::table('produit_vendable')->where('id', $lignes->produit_id)->first()->code}}
		   </td>
		   <td align="center">&nbsp;&nbsp; {{$lignes->qte}} </td>
		   <td align="center">&nbsp;&nbsp; {{$lignes->reste}} </td>
		   </tr>
			@endforeach
		</tbody>
        </table>
        
		<p style="margin-left:430px;margin-top:30px;"><strong>Servi(e) par : {{DB::table('users')->where('id',$livraison->user_id)->first()->nom}},</strong><br/>
        Ce <?php echo date('d/m/Y');?>
        </p>
        <footer style="position:fixed;bottom:30px;text-align:center;font-size:14px">
        <p align="center">Merci d'être passé(e) chez nous.</p>
        </footer>
      </body>
     </html> 