@extends('layouts.app')

@section('header')
<div class="card borderless-card">
    <div class="card-block primary-breadcrumb">
        <div class="breadcrumb-header">
            <h5>Purchase Payment</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('payment') }}">List Purchase Payment</a>
                </li>
                <li class="breadcrumb-item"><a href="#">Show Purchase Payment</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>Purchase Payment</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">{{ $payment->supplier->name }}</p>
                            <p>{{ $payment->supplier->address }}</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>Payment #:</b>  {{ $payment->transaction_number }}</td>
                                    </tr>
                                    <tr>
                                        <td><b>Payment Date:</b>  {{ date('d-m-Y', strtotime($payment->created_at)) }}</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;">Purchase #</th>
                        <th>Total</th>     
                        <th>Payment</th> 
                    </tr>
                </thead>
                <tbody>
                    @foreach($paymentList as $list)
                    <tr>
                        <td>{{ $loop->iteration }} </td>  
                        <td style="text-align: left;">{{ $list->purchase_number }}</td>
                        <td>{{ $list->total }}</td>
                        <td>{{ $list->payment }}</td>
                    </tr>
                    @endforeach

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

    <div class="row">
        <div class="col-6 col-sm-6 col-md-6 col-lg-6">                
        </div>
        <div class="col-6 col-sm-6 col-md-6 col-lg-6">
            <table class="table table-responsive invoice-table invoice-total">
                <tbody>
                    <tr class="text-info">
                        <td>
                            <hr/>
                            <h5 class="text-primary">Total :</h5>
                        </td>
                        <td>
                            <hr/>
                            <h5 class="text-primary">{{ $payment->payment }}</h5>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>  

    <div class="col-12 col-sm-12 col-md-12 col-lg-12" >
        <img src="{{ \URL::asset('images/seal.jpg') }}" style="width: 25%;margin-left: 6%;">    
    </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">                     
                <p style="margin-bottom: 0px;">With Regards, </p>
                <div style="white-space: pre"> 
ANVAR SADATH
Sales Cooridinator
Mob - +971 557256543 / Email - sales@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;">Terms And Condition :</p>
                    <div style="white-space: pre"> 
Delivery - 6 Weeks
Payment: Official LPO payable in 30 days
Payment Validation: 90 days
                    </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