@extends('app')
@section('content')

    <!-- Main content -->
    <section class="content">
        <div class="row">
            <div class="col-md-12">
                <a href="#" class="btn btn-primary pad-print-btn pull-right"><i class="fa fa-print"></i>
                    Pad Print &nbsp; &nbsp;</a>
                <a href="#" class="btn btn-primary non-pad-print-btn pull-right"><i class="fa fa-print"></i>
                    Non Pad Print &nbsp; &nbsp;</a>
                <a href="{{route('get.item.purchase.list')}}" class="btn btn-success go-back pull-right"><i
                        class="fa fa-print"></i> Go Back </a>
            </div>
        </div>

        <div class="non-pad" style="display: none">
            <div class="row">
                <div class="col-md-2 col-print-2 invoice-col">
                    <h2 class="page-header">
                        <img src="{{asset('').'/'.$hospital->logo}}">
                    </h2>
                </div>

                <div class="col-md-7 col-print-7 invoice-col text-center">

                    <h3>{{$hospital->name}}</h3>

                    <address>
                        {{$hospital->address}}<br>
                        Phone: {{$hospital->phone}}<br>
                        Email: {{$hospital->email}}
                    </address>

                </div>

                <div class="col-md-3 col-print-3 invoice-col text-center">

                </div>

            </div>
        </div>
        <!-- info row -->
        <div class="row invoice-info">
            <div class="col-md-12">
                <div class="col-md-8 invoice-col">
                    <address>
                        Name : <strong>{{ $itemPurchase->supplier->name }}</strong><br>
                        Address : {{ $itemPurchase->supplier->address }}<br>
                        Phone: {{ $itemPurchase->supplier->phone }}<br>
                        Company: {{ $itemPurchase->supplier->company_name }}<br>
                    </address>
                </div>

                <div class="col-md-2 invoice-col">
                </div>
                <div class="col-md-2 invoice-col">
                    Date: {{ $itemPurchase->date }}<br>
                    Invoice: {{ $itemPurchase->invoice_no  }}<br>
                </div>
            </div>
        </div>
        <!-- /.row -->
        <div class="row">
            <div class="col-md-12">
                <div class="col-md-12">
                    <table style="width: 100%;">
                        <thead>
                        <tr>
                            <th>SL</th>
                            <th>Item Name</th>
                            <th>Qty</th>
                            <th>Price</th>
                            <th>Disc</th>
                            <th>Total</th>
                        </tr>
                        </thead>
                        <tbody id="service_content">

                        @foreach($itemPurchase->purchaseItems as $item)
                            <tr>
                                <td>{{$loop->index+1}}</td>
                                <td>{{$item->item->name}}</td>
                                <td>{{$item->quantity}}</td>
                                <td>{{$item->unit_price}}</td>
                                <td>{{$item->discount}}</td>
                                <td>{{$item->quantity*$item->unit_price - $item->discount}}</td>
                            </tr>
                        @endforeach

                        <tr>
                            <td colspan="4" style=""></td>
                            <td>Subtotal:</td>
                            <td colspan="2">{{ $itemPurchase->total_price }}</td>
                        </tr>
                        <tr>
                            <td colspan="4" style=""></td>
                            <td>Discount:</td>
                            <td colspan="2">{{ $itemPurchase->total_discount }}</td>
                        </tr>
                        <tr>
                            <td colspan="4" style=""></td>
                            <td>Total:</td>
                            <td colspan="2">{{ $itemPurchase->total_price - $itemPurchase->total_discount }}</td>
                        </tr>
                        <tr>
                            <td colspan="4" style=""></td>
                            <td>Paid:</td>
                            <td colspan="2">{{ $itemPurchase->total_paid }}</td>
                        </tr>
                        <tr>
                            <td colspan="4" style=""></td>
                            <td>Due:</td>
                            <td colspan="2">{{ $itemPurchase->total_price - $itemPurchase->total_discount - $itemPurchase->total_paid }}</td>
                        </tr>

                        <tr>
                            @php
                                $digit = new NumberFormatter("en", NumberFormatter::SPELLOUT);
                            @endphp
                            <td></td>
                            <td colspan="2">In Word
                                : {{  ucfirst($digit->format($itemPurchase->total_price - $itemPurchase->total_discount)) }}
                                Taka
                                Only
                            </td>
                        </tr>

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

    <table style='page-break-before:always;'>
        <thead>
        <tr style="position:absolute; bottom:0;">
            <td>Prepared By {{\Illuminate\Support\Facades\Auth::user()->roles->pluck('name')[0]}}</td>
            <td style="text-align: center; vertical-align: middle; !important;"><span
                    style="margin-left: 200px;">শুক্রবারসহ সকাল ৯ টা থেকে রাত ৯ টা পর্যন্ত খোলা</span></td>
        </tr>
        </thead>
    </table>

@endsection

@section('extra-css')
    <style type="text/css">

        .page-header {
            border-bottom: none;
        }

        @media print {
            .pad-print-btn, .go-back {
                display: none;
            }

            .non-pad-print-btn {
                display: none;
            }

            footer {
                display: none;
            }

            .col-print-1 {
                width: 8%;
                float: left;
            }

            .col-print-2 {
                width: 16%;
                float: left;
            }

            .col-print-3 {
                width: 25%;
                float: left;
            }

            .col-print-4 {
                width: 33%;
                float: left;
            }

            .col-print-5 {
                width: 42%;
                float: left;
            }

            .col-print-6 {
                width: 50%;
                float: left;
            }

            .col-print-7 {
                width: 58%;
                float: left;
            }

            .col-print-8 {
                width: 66%;
                float: left;
            }

            .col-print-9 {
                width: 75%;
                float: left;
            }

            .col-print-10 {
                width: 83%;
                float: left;
            }

            .col-print-11 {
                width: 92%;
                float: left;
            }

            .col-print-12 {
                width: 100%;
                float: left;
            }

            .bottom-line {
                position: relative;
                bottom: 0px;
                height: 40px;
                vertical-align: bottom;
                width: 28%;
                padding-left: 25px;
                text-align: right;
            }
        }

    </style>
@stop

@section('extra-js')
    <script type="text/javascript">
        $(document).ready(function () {

            $('.content').attr('style', 'width:100%;');
            $('.content').attr('style', 'padding-top:212px;');
            $('.non-pad').attr('style', 'display:none;');
            $('.pad').attr('style', 'display:blok;');
            window.print();

            $('.non-pad-print-btn').on('click', function () {
                $('.content').attr('style', 'width:100%;');
                $('.content').attr('style', 'padding-top:20px;');
                $('.non-pad').attr('style', 'display:blok;');
                $('.pad').attr('style', 'display:none;');
                window.print();
            });

            $('.pad-print-btn').on('click', function () {
                $('.content').attr('style', 'width:100%;');
                $('.content').attr('style', 'padding-top:212px;');
                $('.non-pad').attr('style', 'display:none;');
                $('.pad').attr('style', 'display:blok;');
                window.print();
            });

        });
    </script>
@endsection