@extends('app')
@section('content')
<style type="text/css">
    .notice {
        padding-top: 150px; 
    }
</style>

    <!-- 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-warning non-pad-print-btn pull-right"><i class="fa fa-print"></i>
                    Non Pad Print &nbsp; &nbsp;</a>
                <a href="#" class="btn btn-info half-pad-print-btn pull-right"><i class="fa fa-print"></i>
                    Half Pad Print &nbsp; &nbsp;</a>
                <a href="{{route('reports.diagnostic-test-report')}}" 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 class="row">
                        <span class="col-md-3"></span>
                        <span class="col-md-6" style="font-size: 26px;">Cash Memo</span>
                    </div>

                </div>

                <div class="col-md-3 col-print-3 invoice-col text-right">
                    <span style="right: 0 !important;"><strong>Customer Copy</strong></span>
                </div>

            </div>
        </div>
        <!-- info row -->
        <div class="row invoice-info" id="invoice-info">
            <div class="col-md-12">
                <div class="col-md-8 invoice-col">
                    @if($patientInfo)
                        <address>
                            Patient Name : <strong>{{ $patientInfo->full_name }}</strong>
                            {{ $patientInfo->present_address }}<br>
                            Age: {{\App\Custom\Helper::patientAge($patientInfo->dob)}}
                            <br>
                            Phone: {{ $patientInfo->mobile_no }}<br>
                            @if ($invoiceInfo->hide_name_invoice == 0)
                            <span>Referred By: {{$invoiceInfo->referred_by}}</span>
                            @endif
                        </address>
                        {!! \App\Custom\Helper::printBarcode($patientInfo, $invoiceInfo) !!}
                        <br>
                    @else
                        <address>
                            <strong> Name: </strong><br>
                            Address: <br>
                            Phone: <br>
                        </address>

                    @endif
                </div>
                <div class="col-md-2 invoice-col">
                </div>
                <div class="col-md-2 invoice-col">
                    Date: {{ $invoiceInfo->date }}<br>
                    Invoice: {{ $invoiceInfo->sale_invoice_id }}<br>
                    Gender: @if ($patientInfo->gender ==1)
                        {{ 'Male'}}
                    @elseif($patientInfo->gender ==2)
                        {{ 'Female'}}
                    @else
                        {{ 'Other'}}
                    @endif
                    <br>
                    Blood Group: {{ $patientInfo->blood_group }}
                </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>Service Name</th>
                            <th>Delivery Date</th>
                            <th>Qty</th>
                            <th>Sale Price</th>
                            <th>Disc</th>
                            <th>Total</th>
                        </tr>
                        </thead>
                        <tbody id="service_content">
                        @if(count($finalArray) > 0)
                            @php $sl=0; @endphp

                            @foreach($finalArray as $mainKey => $saleItems)

                                @foreach($saleItems as $packageKey => $packageItems)

                                    @if($packageKey != 'No-Package')
                                        <tr style="color: #0d5279; font-size: 18px; font-weight: bold;"
                                            class="Package-{{explode('-',$packageKey)[0]}}">
                                            <td colspan="7">
                                                {{$packageKey}}
                                            </td>
                                        </tr>
                                    @endif

                                    @foreach($packageItems as $groupKey => $groupItems)

                                        @if($groupKey == 'No-Group')
                                            @foreach($groupItems as $groupItem)
                                                <tr @if($packageKey == 'No-Package') class="Group-{{explode('-',$groupKey)[0]}}"
                                                    @elseif($groupKey == 'No-Group') class="Package-{{explode('-',$packageKey)[0]}}"
                                                    @else id="tr-{{$groupItem['diagnostic_test_id']}}" @endif>
                                                    <td>{{++$sl}}</td>

                                                    <td>
                                                        {{ $groupItem['diagnostic_test_name'] }}
                                                    </td>

                                                    <td>
                                                        {{$groupItem['delivery_datetime']}}
                                                    </td>

                                                    <td>
                                                        {{ $groupItem['quantity'] }}
                                                    </td>

                                                    <td>
                                                        {{ $groupItem['diagnostic_test_sale_price'] }}
                                                    </td>

                                                    <td>
                                                        {{ $groupItem['discount'] }}
                                                    </td>

                                                    <td>
                                                        {{ $groupItem['total'] }}

                                                    </td>

                                                </tr>
                                            @endforeach
                                        @else

                                            <tr @if($packageKey == 'No-Package') class="Group-{{explode('-',$groupKey)[0]}}"
                                                @else class="Package-{{explode('-',$packageKey)[0]}}"
                                                @endif style="color: #0d5279; font-size: 16px; font-weight: bold;">
                                                <td colspan="7"> {{ $groupKey }}</td>
                                            </tr>

                                            @foreach( $groupItems as $serviceKey => $saleItem )

                                                <tr @if($packageKey == 'No-Package') class="Group-{{explode('-',$groupKey)[0]}}"
                                                    @else class="Package-{{explode('-',$packageKey)[0]}}" @endif>
                                                    <td>{{++$sl}}</td>
                                                    <td>
                                                        {{ $saleItem['diagnostic_test_name'] }}
                                                    </td>
                                                    <td>
                                                        {{$saleItem['delivery_datetime']}}
                                                    </td>
                                                    <td>
                                                        {{ $saleItem['quantity'] }}
                                                    </td>
                                                    <td>
                                                        {{ $saleItem['diagnostic_test_sale_price'] }}
                                                    </td>
                                                    <td>
                                                        {{ $saleItem['discount'] }}
                                                    </td>
                                                    <td>
                                                        {{ $saleItem['total'] }}
                                                    </td>
                                                </tr>
                                            @endforeach

                                        @endif
                                    @endforeach

                                @endforeach
                            @endforeach
                        @endif
                        <tr>
                            <td colspan="5" rowspan="7">
                                @if($invoiceInfo->due>0)
                                    <h2 style="font-size: 30px;">DUE</h2>
                                @else
                                    <h2 style="font-size: 30px;">PAID</h2>
                                @endif
                            </td>
                            <td>Subtotal:</td>
                            <td>{{ $invoiceInfo->amount }}</td>
                        </tr>
                        <tr>
                            <td>Discount:</td>
                            <td>{{ $invoiceInfo->discount }}</td>
                        </tr>
                        <tr>
                            <td>Total:</td>
                            <td>{{ $invoiceInfo->amount - $invoiceInfo->discount }}</td>
                        </tr>
                        <tr>
                            <td>Paid:</td>
                            <td>{{ $invoiceInfo->pay_note }}</td>
                        </tr>
                        <tr>
                            <td>Due:</td>
                            <td>{{ $invoiceInfo->due > 0 ? $invoiceInfo->due : '0.00' }}</td>
                        </tr>
                        <tr>
                            <td>Return:</td>
                            <td>{{ $invoiceInfo->pay_note - $invoiceInfo->pay > 0 ? $invoiceInfo->pay_note - $invoiceInfo->pay : '0.00' }}</td>
                        </tr>
                        <tr>
                            <td>Pay Note:</td>
                            <td>{{ $invoiceInfo->pay_note }}</td>
                        </tr>
                        {{-- <tr>
                            <!-- @php
                                $digit = new NumberFormatter("en", NumberFormatter::SPELLOUT);
                            @endphp -->
                            <td colspan="7" class="text-left">In Word
                                : {{  ucfirst($digit->format($invoiceInfo->pay_note)) }}
                                Taka
                                Only
                            </td>
                        </tr> --}}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="row top5">
            <div class="col-md-12">
                <div class="col-md-12">
                    <table style="width: 100%" id="bottom-table">
                        <thead>
                        <tr>
                            <td class="hide">Delivery
                                Date {{\Carbon\Carbon::parse($invoiceInfo->delivery_date)->format('Y-m-d')}}</td>
                            <td>Date & Time
                                : {{\Carbon\Carbon::parse($invoiceInfo->created_at)->format('d/m/Y h:i:s A')}} |
                                Prepared By {{$invoiceInfo->seller->full_name}}
                            </td>
                            <td class="hide">শুক্রবারসহ সকাল ৯ টা থেকে রাত ৯ টা পর্যন্ত খোলা</td>
                        </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>

        @if(!empty($invoiceInfo->room_no))
        <h4 class="room">Room Number: {{$invoiceInfo->room_no}}</h4>
        @endif

        @if(!empty($invoiceInfo->user->signature->signature))
        <img src="{{asset($invoiceInfo->user->signature->signature)}}" class="img-fluid" 
        alt="User Image" style="width: 160px; float: right;">
        @endif
        <h5 class="text-center notice">বিঃদ্রঃ রিপোর্ট ডেলিভারি নেওয়ার  সময় অবশ্যই মানি রিসিট সাথে আনবেন।</h5>
    </section>

@endsection

@section('extra-css')

    <style>

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

        table, th, td {
            border: 1px solid black;
            border-collapse: collapse;
        }

        .noBorder {
            border-bottom: none !important;
        }
        .room {
            padding-left: 13px;
        }

        @media print {

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

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

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

            /* A4 base print styles */
            section.content {
                font-size: 13px !important;
                line-height: 1.5 !important;
            }

            section.content .invoice-info address {
                font-size: 12px !important;
            }

            section.content table {
                font-size: 12px !important;
            }

            section.content table th,
            section.content table td {
                padding: 4px 6px !important;
                font-size: 12px !important;
            }

            section.content h2 {
                font-size: 20px !important;
            }

            section.content h3 {
                font-size: 16px !important;
            }

            section.content .notice {
                font-size: 13px !important;
            }

            section.content img.img-fluid {
                width: 160px !important;
            }

            footer {
                display: none;
            }

            /* A5 (half-pad) print styles */
            .a5-print {
                font-size: 9px !important;
                line-height: 1.3 !important;
            }

            .a5-print .page-header {
                margin: 0 !important;
            }

            .a5-print .page-header img {
                width: 40px !important;
                height: auto !important;
            }

            .a5-print h3 {
                font-size: 11px !important;
                margin: 2px 0 !important;
            }

            .a5-print address {
                font-size: 9px !important;
                margin-bottom: 2px !important;
            }

            .a5-print .col-md-12 > .col-md-8 {
                width: 60% !important;
                float: left;
            }

            .a5-print .col-md-12 > .col-md-2 {
                width: 5% !important;
                float: left;
            }

            .a5-print .col-md-12 > .col-md-2:last-child {
                width: 35% !important;
                float: left;
            }

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

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

            .a5-print .col-print-3 {
                width: 26% !important;
                float: left;
            }

            .a5-print table {
                font-size: 9px !important;
                width: 100% !important;
            }

            .a5-print table th,
            .a5-print table td {
                padding: 2px 3px !important;
                font-size: 9px !important;
                border: 1px solid black !important;
            }

            .a5-print .row.invoice-info {
                padding-top: 2px !important;
            }

            .a5-print .invoice-info address {
                font-size: 11px !important;
            }

            .a5-print .row.invoice-info .col-md-8 {
                width: 60% !important;
                float: left;
            }

            .a5-print .row.invoice-info .col-md-2:first-of-type {
                width: 5% !important;
                float: left;
            }

            .a5-print .row.invoice-info .col-md-2:last-of-type {
                width: 35% !important;
                float: left;
            }

            .a5-print h2 {
                font-size: 13px !important;
            }

            .a5-print .notice {
                padding-top: 10px !important;
                font-size: 8px !important;
            }

            .a5-print [style*="font-size: 18px"],
            .a5-print [style*="font-size:18px"] {
                font-size: 10px !important;
            }

            .a5-print [style*="font-size: 16px"],
            .a5-print [style*="font-size:16px"] {
                font-size: 9px !important;
            }

            .a5-print [style*="font-size: 26px"],
            .a5-print [style*="font-size:26px"] {
                font-size: 13px !important;
            }

            .a5-print [style*="font-size: 30px"],
            .a5-print [style*="font-size:30px"] {
                font-size: 14px !important;
            }

            .a5-print img.img-fluid {
                width: 60px !important;
            }

            .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();

            $('.half-pad-print-btn').on('click', function () {
                $('.content').attr('style', 'width:777px !important;');
                $('.content').attr('style', 'height:537px !important;');
                $('#invoice-info').attr('style', 'padding-top:5px;');
                $('.content').attr('style', 'padding-left:32px;');
                $('.non-pad').attr('style', 'display:block;');
                $('.pad').attr('style', 'display:none;');
                $('#bottom-table').attr('style', 'page-break-before:auto;');
                $('section.content').addClass('a5-print');
                window.print();
                $('section.content').removeClass('a5-print');
            });

            $('.non-pad-print-btn').on('click', function () {
                $('.content').attr('style', 'width:100%;');
                $('#invoice-info').attr('style', 'padding-top:5px;');
                $('.content').attr('style', 'padding-left:32px !important;');
                $('.non-pad').attr('style', 'display:block;');
                $('.pad').attr('style', 'display:none;');
                $('section.content').addClass('a5-print');
                window.print();
                $('section.content').removeClass('a5-print');
            });

            $('.pad-print-btn').on('click', function () {
               $('.content').attr('style', 'padding-left:48px !important;');
               $('.non-pad').attr('style', 'display:none;');
               $('.pad').attr('style', 'display:blok;');
               $('section.content').addClass('a5-print');
                window.print();
               $('section.content').removeClass('a5-print');
            });

        });
    </script>
@endsection