@extends('layouts.app-print')

@section('stitle', __('messages.PurchaseOrderFullName'))
@section('title', __('messages.PurchaseOrderFullName'))
@section('content')
    <div class="content-body">
        <div class="invoice-print p-3">
            <div class="d-flex justify-content-between flex-md-row flex-column pb-2">
                <div>
                    <div class="d-flex mb-1">
                        @if(Auth::user()->business->getReceipt)
                            @if(Auth::user()->business->getReceipt->is_logo_used== 1 && Auth::user()->business->getReceipt->logo !=null )
                                <div class="logo-wrapper">
                                    <img src="{{ asset('storage/images/logo/'.Auth::user()->business->getReceipt->logo) }}" width="150" alt="No Company Logo found From Account Settings">
                                </div>
                            @endif
                        @endif
                    </div>
                    <p class="card-text mb-25"><strong>{{ Auth::user()->business->business_name }}</strong></p>
                    <p class="card-text mb-25">{{ Auth::user()->business->address }}</p>
                    <p class="card-text mb-25">{{ Auth::user()->business->city }} - {{ Auth::user()->business->country }}</p>
                    <p class="card-text mb-0">{{__('messages.VATNumber')}}: <strong>{{ Auth::user()->business->vat_number }}</strong></p>
                </div>
                <div class="d-flex mb-1 mt-2">
                    <h1>{{__('messages.PurchaseOrderFullName')}}</h1>
                </div>
                <div class="mt-md-0 mt-2">
                    <h4 class="font-weight-bold text-right mb-1">PO# :{{$data->reference}}</h4>
                    <div class="invoice-date-wrapper mb-50">
                        <span class="invoice-date-title">{{__('messages.Destination')}}:</span>
                        <span class="font-weight-bold"> {{ $data->poWarehouse->name }}</span>
                    </div>
                    <div class="invoice-date-wrapper mb-50">
                        <span class="invoice-date-title">{{__('messages.DateIssue')}}:</span>
                        <span class="font-weight-bold"> {{$data->created_at}}</span>
                    </div>
                    <div class="invoice-date-wrapper">
                        <img alt="testing" src="{{ asset('assets/js/barcode.php') }}?text={{$data->reference}}&size=60" /><br />
                    </div>
                </div>
            </div>

            <hr class="my-2" />

            <div class="row pb-2">
                <div class="col-sm-6">
                    <h6 class="mb-1">{{__('messages.SupplierDetail')}}:</h6>
                    <h6 class="mb-25">{{$data->poSupplier->name}}</h6>
                    <p class="card-text mb-25">{{$data->poSupplier->address}}</p>
                    <p class="card-text mb-0">{{$data->poSupplier->email}}</p>
                </div>

                <div class="col-sm-6 mt-sm-0 mt-2">
                    <h6 class="mb-1">{{__('messages.PaymentDetails')}}:</h6>
                    <table>
                        <tbody>
                        <tr>
                            <td class="pr-1" style="background-color: #eee;">{{__('messages.Total')}} {{ $data->poType->name }} :</td>
                            <td style="background-color: #eee;"><span class="font-weight-bold"><strong>{{ number_format($data->total, 2) }} {{ Auth::user()->business->currency->symbol }}</strong></span></td>
                        </tr>
                        <tr>
                            <td class="pr-1">{{__('messages.BankDetails')}}:</td>
                            <td>{{$data->poSupplier->bank_details}}</td>
                        </tr>
                        <tr>
                            <td class="pr-1">{{__('messages.VAT')}}:</td>
                            <td>{{$data->poSupplier->vat}}</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="mt-2 mb-2">
                <table class="table m-0 mb-1">
                    <thead>
                    <tr>
                        <th>{{__('messages.name')}}</th>
                        <th>{{__('messages.SKU')}}</th>
                        <th>{{__('messages.BARCODE')}}</th>
                        <th>{{__('messages.UnitCost(ExcVAT)')}}</th>
                        <th>{{__('messages.VAT%')}}</th>
                        <th>{{__('messages.QTY')}}</th>
                        <th>{{__('messages.SubTotal')}}</th>
                        <th>{{__('messages.VAT')}}</th>
                        <th>{{__('messages.TotalAmount')}} ({{ Auth::user()->business->currency->symbol }})</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($data->poItems as $poItem)
                        <tr>
                            <td>{{ $poItem->name }}</td>
                            <td>{{ $poItem->sku }}</td>
                            <td>{{ $poItem->barcode }}</td>
                            <td>{{ number_format($poItem->cost, 2) }}</td>
                            <td>{{ $poItem->tax_rate }}</td>
                            <td>{{ $poItem->qty }}</td>
                            <td>{{ number_format($poItem->subtotal, 2) }}</td>
                            <td>{{ number_format($poItem->tax, 2) }}</td>
                            <td>{{ number_format($poItem->total, 2) }}</td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>

            <div class="row invoice-sales-total-wrapper" style="margin-top: 120px">
                <div class="col-md-6 order-md-1 order-2 mt-md-0 mt-3">
                    <p class="card-text mb-0">
                        <span class="font-weight-bold">{{__('messages.CreatedBy')}}:</span> <span class="ml-75">{{ $data->users->name }}</span>
                    </p>
                    <p class="card-text mb-0">
                        <span class="font-weight-bold">{{__('messages.Printedby')}}:</span> <span class="ml-75">{{ Auth::user()->name }}</span>
                    </p>
                    <p class="card-text mb-0">
                        <span class="font-weight-bold">{{__('messages.PrintedDate')}}:</span> <span class="ml-75">{{ date('Y-m-d H:i:s') }}</span>
                    </p>
                </div>
                <div class="col-md-6 d-flex justify-content-end order-md-2 order-1">
                    <div class="invoice-total-wrapper">
                        <div class="invoice-total-item">
                            <p class="invoice-total-title">{{__('messages.TotalBeforeVAT')}}:</p>
                            <p class="invoice-total-amount">{{ number_format($data->cost, 2) }} {{ Auth::user()->business->currency->symbol }}</p>
                        </div>

                        <div class="invoice-total-item">
                            <p class="invoice-total-title">{{__('messages.VAT')}}:</p>
                            <p class="invoice-total-amount">{{ number_format($data->tax, 2) }} {{ Auth::user()->business->currency->symbol }}</p>
                        </div>
                        <hr class="my-50" />
                        <div class="invoice-total-item" style="background-color: #eee;">
                            <p class="invoice-total-title">{{__('messages.Total')}} {{ $data->poType->name }}:</p>
                            <p class="invoice-total-amount">{{ number_format($data->total, 2) }} {{ Auth::user()->business->currency->symbol }}</p>
                        </div>
                    </div>
                </div>
            </div>

            <hr class="my-2" />

            <div class="row">
                <div class="col-12">
                    <span class="font-weight-bold">Note:</span>
                    <span>It was a pleasure working with you and your team. We hope you will keep us in mind for future projects. Thank You!</span>
                </div>
            </div>
        </div>

    </div>
@endsection