@extends('layouts.app')

@section('stitle', __('messages.PurchaseRequisitionSTitle'))
@section('title', __('messages.PurchaseRequisitionSTitle'))

@section('content')
            <div class="app-content content">
                <div class="content-overlay"></div>
                <div class="header-navbar-shadow"></div>
                <div class="content-wrapper container-xxl p-0">
                    @if(session()->get('title') == "success")
                        <div class="alert alert-success" role="alert">
                            <h4 class="alert-heading">Success</h4>
                            <div class="alert-body">
                                {{ session()->get('message') }}
                            </div>
                        </div>
                    @elseif (session()->get('title') == "error")
                        <div class="alert alert-danger" role="alert">
                            <h4 class="alert-heading">Error</h4>
                            <div class="alert-body">
                                {{ session()->get('message') }}
                            </div>
                        </div>
                    @endif
                    <div class="content-header row">
                        <div class="content-header-left col-md-6 col-12 mb-2">
                            <div class="row breadcrumbs-top">
                                <div class="col-12">
                                    <h2 class="content-header-title float-left mb-0">@yield('title')</h2>
                                    <div class="breadcrumb-wrapper">
                                        <ol class="breadcrumb">
                                            <li class="breadcrumb-item">
                                                <div class="badge badge-warning">
                                                    <i data-feather="star" class="mr-25"></i>
                                                    <span>{{ $purchase_requisition->status }}</span>
                                                </div>
                                            </li>
                                        </ol>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="content-header-right text-md-right col-md-6 col-12 d-md-block d-none">
                            <div class="form-group breadcrumb-right">
                                @include('purchase_requisition.pr_inner_menu')
                            </div>
                        </div>
                    </div>
                    <div class="content-body">
                        <section class="invoice-preview-wrapper">
                            <div class="row invoice-preview">
                                <!-- Invoice -->
                                <div class="col-12">
                                    <div class="card invoice-preview-card">
                                        <div class="card-body invoice-padding pb-0">
                                            <!-- Header starts -->
                                            <div class="d-flex justify-content-between flex-md-row flex-column invoice-spacing mt-0">
                                                <div>
                                                    @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
                                                    <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="mt-md-0 mt-2">
                                                    <h4 class="invoice-title" style="margin-bottom: 12px;">{{__('messages.PR')}}#: <span class="invoice-number">{{$purchase_requisition->reference}}</span></h4>
                                                    <div class="invoice-date-wrapper">
                                                        <p class="invoice-date-title">{{__('messages.Destination')}}:</p>
                                                        <p class="invoice-date">{{$purchase_requisition->warehouse->name}}</p>
                                                    </div>
                                                    <div class="invoice-date-wrapper">
                                                        <p class="invoice-date-title">{{__('messages.DateIssue')}}:</p>
                                                        <p class="invoice-date">{{$purchase_requisition->created_at}}</p>
                                                    </div>
                                                    <div class="invoice-date-wrapper">
                                                        <img alt="testing" src="{{ asset('assets/js/barcode.php') }}?text={{$purchase_requisition->reference}}&size=60" /><br />
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- Header ends -->
                                        </div>

                                        <hr class="invoice-spacing" />

                                        <!-- Address and Contact starts -->
                                        <div class="card-body invoice-padding pt-0">
                                            <div class="row invoice-spacing">
                                                <div class="col-xl-8 p-0">
                                                    <h6 class="mb-2">{{__('messages.SupplierDetail')}}:</h6>
                                                    <h6 class="mb-25">{{$purchase_requisition->suppliers->name}}</h6>
                                                    <p class="card-text mb-25">{{$purchase_requisition->suppliers->address}}</p>
                                                    <p class="card-text mb-0">{{$purchase_requisition->suppliers->email}}</p>
                                                </div>
                                                <div class="col-xl-4 p-0 mt-xl-0 mt-2">
                                                    <h6 class="mb-2">{{__('messages.PaymentDetails')}}:</h6>
                                                    <table>
                                                        <tbody>
                                                        <tr>
                                                            <td class="pr-1" style="background-color: #eee;">{{__('messages.Total')}} {{ $purchase_requisition->purchaseType->name }} :</td>

                                                                <td style="background-color: #eee;"><span class="font-weight-bold"><strong>{{ number_format($purchase_requisition->total, 2) }} {{ Auth::user()->business->currency->symbol }}</strong></span></td>
                                                        </tr>
                                                        <tr>
                                                            <td class="pr-1">{{__('messages.BankDetails')}}:</td>
                                                            <td>{{$purchase_requisition->suppliers->bank_details}}</td>
                                                        </tr>
                                                        <tr>
                                                            <td class="pr-1">{{__('messages.VAT')}}:</td>
                                                            <td>{{$purchase_requisition->suppliers->vat}}</td>
                                                        </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- Address and Contact ends -->

                                        <!-- Invoice Description starts -->
                                        <div class="table-responsive mb-1">
                                            <table class="table">
                                                <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($purchase_requisition->prItems as $prItem)
                                                    <tr>
                                                        <td>{{ $prItem->name }}</td>
                                                        <td>{{ $prItem->sku }}</td>
                                                        <td>{{ $prItem->barcode }}</td>
                                                        <td>{{ number_format($prItem->cost, 2) }}</td>
                                                        <td>{{ $prItem->tax_rate }}</td>
                                                        <td>{{ $prItem->qty }}</td>
                                                        <td>{{ number_format($prItem->subtotal, 2) }}</td>
                                                        <td>{{ number_format($prItem->tax, 2) }}</td>
                                                        <td>{{ number_format($prItem->total, 2) }}</td>
                                                    </tr>
                                                @endforeach
                                                </tbody>
                                            </table>
                                        </div>

                                        <div class="card-body invoice-padding pb-0 mt-1">
                                            <div class="row invoice-sales-total-wrapper">
                                                <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"> {{ $purchase_requisition->user->name }}</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($purchase_requisition->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($purchase_requisition->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')}} {{ $purchase_requisition->purchaseType->name }}:</p>
                                                            <p class="invoice-total-amount">{{ number_format($purchase_requisition->total, 2) }} {{ Auth::user()->business->currency->symbol }}</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- Invoice Description ends -->

                                        <hr class="invoice-spacing" />

                                        <!-- Invoice Note starts -->
                                        <div class="card-body invoice-padding pt-0">
                                            <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>
                                        <!-- Invoice Note ends -->
                                    </div>
                                </div>
                                <!-- /Invoice -->
                            </div>
                        </section>

                        <!-- Send Invoice Sidebar -->
                        <div class="modal modal-slide-in fade" id="send-invoice-sidebar" aria-hidden="true">
                            <div class="modal-dialog sidebar-lg">
                                <div class="modal-content p-0">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
                                    <div class="modal-header mb-1">
                                        <h5 class="modal-title">
                                            <span class="align-middle">Send Invoice</span>
                                        </h5>
                                    </div>
                                    <div class="modal-body flex-grow-1">
                                        <form>
                                            <div class="form-group">
                                                <label for="invoice-from" class="form-label">From</label>
                                                <input type="text" class="form-control" id="invoice-from" value="shelbyComapny@email.com" placeholder="company@email.com" />
                                            </div>
                                            <div class="form-group">
                                                <label for="invoice-to" class="form-label">To</label>
                                                <input type="text" class="form-control" id="invoice-to" value="qConsolidated@email.com" placeholder="company@email.com" />
                                            </div>
                                            <div class="form-group">
                                                <label for="invoice-subject" class="form-label">Subject</label>
                                                <input type="text" class="form-control" id="invoice-subject" value="Invoice of purchased Admin Templates" placeholder="Invoice regarding goods" />
                                            </div>

                                            <div class="form-group">
                                        <span class="badge badge-light-primary">
                                            <i data-feather="link" class="mr-25"></i>
                                            <span class="align-middle">Invoice Attached</span>
                                        </span>
                                            </div>
                                            <div class="form-group d-flex flex-wrap mt-2">
                                                <button type="button" class="btn btn-primary mr-1" data-dismiss="modal">Send</button>
                                                <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Cancel</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- /Send Invoice Sidebar -->

                        <!-- Add Payment Sidebar -->
                        <div class="modal modal-slide-in fade" id="add-payment-sidebar" aria-hidden="true">
                            <div class="modal-dialog sidebar-lg">
                                <div class="modal-content p-0">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
                                    <div class="modal-header mb-1">
                                        <h5 class="modal-title">
                                            <span class="align-middle">Add Payment</span>
                                        </h5>
                                    </div>
                                    <div class="modal-body flex-grow-1">
                                        <form>
                                            <div class="form-group">
                                                <input id="balance" class="form-control" type="text" value="Invoice Balance: 5000.00" disabled />
                                            </div>
                                            <div class="form-group">
                                                <label class="form-label" for="amount">Payment Amount</label>
                                                <input id="amount" class="form-control" type="number" placeholder="$1000" />
                                            </div>
                                            <div class="form-group">
                                                <label class="form-label" for="payment-date">Payment Date</label>
                                                <input id="payment-date" class="form-control date-picker" type="text" />
                                            </div>
                                            <div class="form-group">
                                                <label class="form-label" for="payment-method">Payment Method</label>
                                                <select class="form-control" id="payment-method">
                                                    <option value="" selected disabled>Select payment method</option>
                                                    <option value="Cash">Cash</option>
                                                    <option value="Bank Transfer">Bank Transfer</option>
                                                    <option value="Debit">Debit</option>
                                                    <option value="Credit">Credit</option>
                                                    <option value="Paypal">Paypal</option>
                                                </select>
                                            </div>
                                            <div class="form-group">
                                                <label class="form-label" for="payment-note">Internal Payment Note</label>
                                                <textarea class="form-control" id="payment-note" rows="5" placeholder="Internal Payment Note"></textarea>
                                            </div>
                                            <div class="form-group d-flex flex-wrap mb-0">
                                                <button type="button" class="btn btn-primary mr-1" data-dismiss="modal">Send</button>
                                                <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Cancel</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- /Add Payment Sidebar -->
                    </div>
                </div>
            </div>

@endsection