@extends('layouts.app')

@section('header')
<div class="card borderless-card">
    <div class="card-block primary-breadcrumb">
        <div class="breadcrumb-header">
            <h5>Delivery Note</h5>
        </div>
        <div class="page-header-breadcrumb">
            <ul class="breadcrumb-title">
                <li class="breadcrumb-item">
                    <a href="{{ \URL::to('/')}}">
                        <i class="fas fa-home"></i>
                    </a>
                </li>
                <li class="breadcrumb-item"><a href="{{ \URL::to('deliveryNote') }}">List Delivery Note</a>
                </li>
                <li class="breadcrumb-item"><a href="#">Show Delivery Note</a>
                </li>
            </ul>
        </div>
    </div>
</div>

@endsection

@section('content')

@php

$address = [];

@endphp

<!-- Basic Form Inputs card start -->
<!-- Invoice card start -->
<div class="card" id="DivIdToPrint">    
    <div class="card-block" style="padding-bottom: 0px;">
        <div class="row">
            <div class="col-12 col-sm-12 col-md-12 col-lg-12">
                <img src="{{ \URL::asset('images/invoice.png') }}" width="100%" class="m-b-10" alt="">
            </div>
            <div class="col-12 col-sm-12 col-md-12 col-lg-12">
                <h2 style="text-align: center;"><b>Delivery Note</b></h2>
            </div>

            <div class="col-12 col-sm-12 col-md-12 col-lg-12">
                <div class="row">
                    <div class="col-6 col-sm-6 col-md-6 col-lg-6">
                         <div style="padding: 6px;">
                            <p><b>Bill To</b></p>
                            <p class="m-0">{{ $delivery->customer->name }}</p>
                            <p>{{ $delivery->customer->address }}</p>                            
                            <p><b>TRN #:</b> {{ $delivery->customer->gst }}</p>
                        </div>
                    </div>

                    <div class="col-6 col-sm-6 col-md-6 col-lg-6">
                        <div class="float-right">
                            <table class="table table-responsive invoice-table table-borderless">
                                <tbody>
                                    <tr>
                                        <td><b>Delivery #:</b>  {{ $delivery->delivery_number }}</td>
                                    </tr>
                                    <tr>
                                        <td><b>Delivery Date:</b>  {{ date('d-m-Y', strtotime($delivery->delivery_date)) }}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    <div class="col-12 col-sm-12 col-md-12 col-lg-12" >
        <div class="row">
            <table class="table invoice-detail-table" style="font-size: 14px">
                <thead>
                    <tr class="thead-default">
                        <th style="width:0px">Sl. No</th>
                        <th style="text-align: left;">Item and description</th>
                        <th>Cat. No</th>     
                        <th>Qty</th>   
                        <th>UOM</th> 
                    </tr>
                </thead>
                <tbody>
                    @foreach($deliveryList as $list)
                    <tr>
                        <td>{{ $loop->iteration }} </td>  
                        <td style="text-align: left;">{{ $list->name }} <br> {!! wordwrap($list->description,50,"<br>\n") !!} </td>
                        <td>{!! wordwrap($list->catalogue,10,"<br>\n") !!}</td>
                        <td>{{ $list->quantity }}</td>
                        <td>{!! wordwrap($list->uom,10,"<br>\n") !!}</td>
                    </tr>
                    @endforeach

                </tbody>
            </table>
        </div>
    </div>

    @if($delivery->notes)
        <div class="col-12 col-sm-12 col-md-12 col-lg-12" >
            <p><b>Note:</b> {{ $delivery->notes }} </p>
        </div>        
    @endif
    
    <div class="col-12 col-sm-12 col-md-12 col-lg-12">
        <div class="row">
            <div class="col-6 col-sm-6 col-md-6 col-lg-6">                     
                <p style="margin-bottom: 0px;">With Regards, </p>
                <div style="white-space: pre"> 
ANVAR SADATH
Sales Cooridinator
Mob - +971 557256543 / Email - deliveryNote@gomet.bio 
                </div> 
            </div>

            <div class="col-6 col-sm-6 col-md-6 col-lg-6">
                <div class="float-right">
                    <p style="margin-bottom: 0px;">Goods Received In Good Condition</p>
                    <div style="white-space: pre"> 
Receiver Name:
Signature: 
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

    </div>
<!-- Invoice card end -->
<div class="row text-center">
    <div class="col-sm-12 invoice-btn-group text-center">
        <button type="button" class="btn btn-primary btn-print-invoice m-b-10 btn-sm waves-effect waves-light m-r-20" onclick='printDiv();'>Print</button>
    </div>
</div>
</div>
</div>
<!-- Container ends -->


@endsection

@section('scripts')
<script type="text/javascript">
    function printDiv() 
    {
        var divToPrint=document.getElementById('DivIdToPrint');
        var newWin=window.open('','Print-Window');
        newWin.document.open();
        newWin.document.write('<html><head><link rel="stylesheet" type="text/css" href="{{ \URL::asset('css/bootstrap.min.css') }}"><link rel="stylesheet" type="text/css" href="{{ \URL::asset('css/style.css') }}"></head><body style="overflow:hidden;" onload="window.print()"><div style="overflow:auto;">'+divToPrint.innerHTML+'</div></body></html>');
        newWin.document.close();
        setTimeout(function(){newWin.close();},10);
    }
</script>
@endsection