@extends('admin.layout.app')
@section('title','Purchase Order')
@push('headerscript')
    <style>
        .table-without-border > tbody > tr > td {
            padding: 0px !important;
            line-height: 1.5;
            vertical-align: top;
        }

        .table-invoice {
            border: none;
            border-collapse: collapse;
        }

        .table-invoice > tbody > tr > td {
            border-left: 1px solid #000;
            border-right: 1px solid #000;
        }

        .table-invoice td:first-child {
            border-left: none;
        }

        .table-invoice td:last-child {
            border-right: none;
        }

        .detail-text {
            color: black;
            font-size: 14px;
            font-weight: bold;
        }

        .detail-text1 {
            color: black;
            font-size: 14px;
            padding-left: 5px;
        }
    </style>
@endpush
@section('content')
    <div class="content" style="color: black">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <div class="page-title-box">
                        <h4 class="page-title">Purchase Order</h4>
                        {{--                        <div class="pull-right" id="pdf_button">--}}
                        {{--                            <a href="{{route('salesInvoicePdfView', $sales_invoice->id)}}"--}}
                        {{--                               target="_blank"--}}
                        {{--                               class="btn btn-inverse waves-effect waves-light"><i--}}
                        {{--                                    class="fa fa-print"></i></a>--}}
                        {{--                        </div>--}}
                        <ol class="breadcrumb p-0 m-0 m-l-15 pull-left" style="margin-top: 2px !important;">
                            <li>
                                <a href="{{route('purchase-order.index')}}">List</a>
                            </li>
                            <li>
                                <a href="{{route('purchase-order.edit', $purchase_order->id)}}">Edit</a>
                            </li>
                        </ol>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="panel panel-default">
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="">
                                        <p>
                                            <img src="{{url("storage/".Helper::getBusinessData()->logo_image)}}"
                                                 alt="logo" width="150">
                                        </p>
                                    </div>
                                </div>
                                <div class="col-md-8">
                                    <div class="text-center">
                                        <h2 class="text-black">{{Helper::getBusinessData()->business_name}}</h2>
                                        <h4 class="text-black">{{Helper::getBusinessData()->address}}</h4>
                                    </div>
                                </div>
                            </div>
                            <hr>
                            <div class="m-h-50"></div>
                            <div class="row m-auto">
                                <div class="col-md-3 col-xs-4 col-xs-offset-5">
                                    <h3 class="m-0">ORDER</h3>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <h4 style="color:white;font-weight: bold;background-color: red;padding: 5px 10px;">
                                        Bill To Supplier</h4>
                                    <div class="table-responsive">
                                        <table class="table-without-border">
                                            <thead>
                                            <tr>
                                                <th style="width: 5%"></th>
                                                <th style="width: 75%"></th>
                                                <th style="width: 8%"></th>
                                                <th style="width: 20%"></th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr class="m-t-5">
                                                <td>
                                                    <span class="detail-text">Name</span>
                                                </td>
                                                <td>
                                                    : <span
                                                        class="detail-text1">{{ $purchase_order->supplier->name}}</span>
                                                </td>
                                                <td>
                                                    <span class="detail-text">Invoice #</span>
                                                </td>
                                                <td>
                                                    : <span
                                                        class="detail-text1">{{$purchase_order->order_no}}</span>
                                                </td>
                                            </tr>
                                            <tr class="m-t-5">
                                                <td>
                                                    <span class="detail-text">Contact</span>
                                                </td>
                                                <td>
                                                    : <span
                                                        class="detail-text1">{{$purchase_order->supplier->m_number}}</span>
                                                </td>
                                                <td>
                                                    <span class="detail-text">Invoice Date</span>
                                                </td>
                                                <td>
                                                    : <span
                                                        class="detail-text1">{{date('d-m-Y', strtotime($purchase_order->purchase_order_date))}}</span>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="table-responsive">
                                        <table class="table table-invoice">
                                            <thead>
                                            <tr style="background-color: red;color: white;">
                                                <th style="width: 2%">#</th>
                                                <th style="width: 50%">Description
                                                </th>
                                                <th style="width: 5%">Unit Price
                                                </th>
                                                <th style="width: 5%">Qty.
                                                </th>
                                                <th style="width: 5%">Amount
                                                </th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                                                                        @foreach($purchase_order->purchaseOrderDetails as $purchase_order_detail)
                                                <tr>
                                                    <td>{{$i}}</td>
                                                    <td>
                                                        {{$purchase_order_detail->sparePart->part_description}}
                                                    </td>
                                                    <td>
                                                        {{$purchase_order_detail->cost_price}}
                                                    </td>
                                                    <td>
                                                        {{$purchase_order_detail->quantity}}
                                                    </td>
                                                    <td>
                                                        {{$purchase_order_detail->cost_price * $purchase_order_detail->quantity}}
                                                    </td>
                                                </tr>
                                                                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="row m-t-50">
                                <div class="col-md-8 col-sm-7 col-xs-6 ">
                                </div>
                                <div class="col-md-4 col-sm-5 col-xs-6 ">
                                    <table class="table table-bordered table-amount text-right m-0">
                                        <tbody>
                                        <tr>
                                            <td>Subtotal</td>
                                            <td>{{$purchase_order->gross_amount}}</td>
                                        </tr>
                                        <tr>
                                            <td>Discount</td>
                                            <td>{{$purchase_order->total_discount}}</td>
                                        </tr>
                                        <tr>
                                            <td>Total</td>
                                            <td>{{$purchase_order->gross_amount - $purchase_order->total_discount}}</td>
                                        </tr>
                                        <tr>
                                            <td>5% VAT</td>
                                            <td>{{$purchase_order->total_vat_amount}}</td>
                                        </tr>
                                        <tr>
                                            <td><strong>Net Amount</strong></td>
                                            <td><strong>{{$purchase_order->order_net_amount}}</strong></td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="row m-t-50">
                                <div class="col-md-8 col-sm-7 col-xs-2 col-xs-offset-10">
                                    <p>....................</p>
                                    <p class="m-t-0 p-t-0 ">Signature</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('footerscript')
    <script>
        $(window).load(function () {
            $('#pdf_button').find('i').trigger('click');
        });
    </script>
@endpush