@extends('backend.layouts.master')
@section('page-title', 'Invoice Print')
@push('css')
    <style rel="stylesheet">
        .signature {
            margin-top: 50px;
            display: flex;
            justify-content: space-between;
        }

        .signature p {
            margin-top: -10px;
        }

        .order-details th {
            font-weight: bold;
        }

        strong {
            font-weight: 800;
        }

        address {
            margin-bottom: 0px;
        }

        .invoice-header {
            width: 100%;
            display: block;
            box-sizing: border-box;
            overflow: hidden;
            /*border-bottom: 1px dashed rgb(8, 8, 8);*/
            margin-bottom: 10px;
        }

        .invoice-header address {
            width: 100%;
            text-align: center;
            padding: 5px;
        }

        .logo-area img {
            width: 40%;
            display: inline;
            /*float: left;*/
        }

        .logo-area h1 {
            display: inline;
            float: left;
            font-size: 17px;
            padding-left: 8px;
        }

        .logo-area h4 {
            font-weight: bold;
            font-size: 26px;
        }

        .invoice-header .logo-area {
            width: 100%;
            text-align: center;
            /*padding: 5px;*/
        }

        .bill-date {
            width: 100%;
            overflow: hidden;
            padding: 0 15px;
        }

        .date {
            width: 50%;
            float: right;
            text-align: end;
        }

        .bill-no {
            width: 50%;
            float: left;
        }

        .name,
        .address,
        .saler,
        .time,
        .mobile-no,
        .cus_info {
            width: 100%;
            /* border-left: 1px solid #ccc; */
             /*border-bottom: 1px solid #ccc; */
            /* border-right: 1px solid #ccc; */
            padding: 0 15px;
        }

        .name span,
        .address span,
        .mobile-no span,
        .cus_info span,
        .saler span,
        .time span {
            padding-left: 5px;
            
        }

        .sign {
            width: 250px;
            border-top: 1px solid #000;
            float: right;
            margin: 40px 20px 0 0;
            text-align: center;
        }
        .sales_border{
            border-bottom:1px dashed #000;;
        }

        .table-bordered {
            border-top: 1px dashed #000;
            border-bottom: 1px dashed #000;
            border-left: 0px;
            border-right: 0px;
            /*border: 0px;*/
        }
        
        .border_th{
            border-top: 1px dashed #000;
            border-bottom: 1px dashed #000;
            border-left: 0px;
            border-right: 0px;
            /*border:0px;*/
        }
        
        .border_item{
            border-top: 1px dashed #000;
            /*border-bottom: 1px dashed #000;*/
            border-left: 0px;
            border-right: 0px;
            /*border:0px;*/
        }
        .border_disco{
            /*border-top: 1px dashed #000;*/
            border-bottom: 1px dashed #000;
            border-left: 0px;
            border-right: 0px;
            /*border:0px;*/
        }
        
        .credit_border{
            border-top: 1px dashed #000;
            border-bottom: 1px dashed #000;
            border-left: 0px;
            border-right: 0px;
            /*border:0px;*/
        }

        .table-bordered td,
        .table-bordered th {
            /*border-top: 1px dashed #000;*/
            /*border-bottom: 1px dashed #000;*/
            /*border-left: 0px;*/
            /*border-right: 0px;*/
            border:0px;
        }

        .table tbody th {
            /*border-top: 1px dashed #000;*/
            /*border-bottom: 1px dashed #000;*/
            /*border-left: 0px;*/
            /*border-right: 0px;*/
            border:0px;
        }

        @media print {
            body * {
                visibility: visible;
                color: #000 !important;
                font-size: 10px !important;
                line-height: 12px;
                font-weight: 800 !important;
            }
            .table-rheader td {
                border-top: 0px;
                padding: 5px !important;
                /*vertical-align: baseline !important;*/
            }

            .table-plist td {
                padding: 5px !important;
                text-align: left !important;
                width: 250px !important;
            }

            .table-plist th {
                padding: 5px;
                text-align: left !important;
                width: 250px !important;
            }

            .border-bottom {
                /* border-bottom: 1px dotted #CCC; */
            }

            .print {
                margin: 0;
            }

            .customers,
            .authorized {
                line-height: 2;
                margin-top: 15px;
            }

            .table-bordered {
                /*border-top: 1px dashed #000 !important;*/
                /*border-bottom: 1px dashed #000 !important;*/
                /*border-left: 0px !important;*/
                /*border-right: 0px !important;*/
            }

            .table-bordered td,
            .table-bordered th {
                /*border-top: 1px dashed #000 !important;*/
                /*border-bottom: 1px dashed #000 !important;*/
                /*border-left: 0px !important;*/
                /*border-right: 0px !important;*/
            }

            .table tbody th {
                /*border-top: 1px dashed #000 !important;*/
                /*border-bottom: 1px dashed #000 !important;*/
                /*border-left: 0px !important;*/
                /*border-right: 0px !important;*/
            }

            .lead {
                margin-top: -43px !important;
                line-height: 2;
            }

        }

        .bill-no,
        .date,
        .saler,
        .time,
        .name,
        .mobile-no,
        .address,
        th,
        td,
        address,
        h4 {
            color: black;
        }

        .saler {
            float: left;
            width: 50%;
        }

        .time {
            float: right;
            text-align: end;
            width: 50%;
        }

        .invoice-contentbar {
            margin: 60px 0px 0 0px;
            padding: 20px;
            margin-bottom: 60px;
            font-family: 'Petrona', serif;
        }

        .table-bordered td.rm-b-t {
            /*border-top: 1px solid transparent !important;*/
        }

        .table-bordered td.rm-b-b {
            /*border-bottom: 1px solid transparent !important;*/
        }

        .table-bordered td.rm-b-l {
            border-left: 1px solid transparent !important;
        }

        .table-bordered td.rm-b-r {
            border-right: 1px solid transparent !important;
        }
    </style>
    <style>
        .table-rheader td {
            border-top: 0px;
            padding: 5px;
            /*vertical-align: baseline !important;*/
        }

        .table-plist td {
            padding: 5px;
            /*text-align: center !important;*/
        }

        .table-plist th {
            padding: 5px;
            text-align: center;
            /* background: #ddd; */
        }

        .border-bottom {
            /*border-bottom: 1px dotted #CCC;*/
        }
    </style>
@endpush
@section('invoice')
    <div class="invoice-contentbar">
        <div class="row">
            <div class="col-md-12">
                <div class="row justify-content-center">
                    <div class="col-md-7 card card-body print">
                        <div id="print-area">
                            <div class="invoice-header">
                                <div class="logo-area">
                                    @if (get_setting('inv_logo') == 'logo')
                                        <img src="{{ !empty(get_setting('system_logo')) ? url('public/public/uploads/logo/' . get_setting('system_logo')) : url('public/backend/images/logo.png') }}"
                                            alt="logo">
                                    @elseif (get_setting('inv_logo') == 'name')
                                        <h2 style="font-weight: bold; margin-bottom:0">
                                            {{ empty(get_setting('com_name')) ? '----' : get_setting('com_name') }}</h2>
                                    @else
                                        <img src="{{ !empty(get_setting('system_logo')) ? url('public/public/uploads/logo/' . get_setting('system_logo')) : url('public/backend/images/logo.png') }}"
                                            alt="logo">
                                        <h2 style="font-weight: bold; margin-bottom:0">
                                            {{ empty(get_setting('com_name')) ? '----' : get_setting('com_name') }}</h2>
                                    @endif
                                </div>
                                <address>
                                    <strong>{{ empty(get_setting('com_address')) ? '----' : get_setting('com_address') }}</strong>
                                    <br> Mobile: 
                                    <strong> +88 {{ empty(get_setting('com_phone')) ? '----' : get_setting('com_phone') }}</strong>
                                    <br> Email :
                                    <strong>{{ empty(get_setting('com_email')) ? '----' : get_setting('com_email') }}</strong>
                                    <br>
                                </address>
                                <h4 class="text-center mt-3 text-black sales_border"><strong>Sales Memo</strong></h4>
                            </div>
                            <div class="col-12 text-left">
                                <div class="row">
                                    <div class="name" style="font-size: 15px"> <label style="width: 35%;margin-top:1px"> Cashier </label> : {{ $invoice->user->name }}
                                    </div>
                                    <div class="name" style="font-size: 15px"> <label style="width: 35%;margin-top:1px"> Date </label> : {{ date('d-M-Y', strtotime($invoice->date)) }}
                                    </div>
                                    <div class="name" style="font-size: 15px"> <label style="width: 35%;margin-top:1px"> Invoice No </label> : {{ $invoice->invoice_no }}
                                    </div>
                                    <div class="name" style="font-size: 15px"> <label style="width: 35%;margin-top:1px"> Customer </label> : {{ $invoice->customer->name }}
                                    </div>
                                </div>
                            </div>
                            {{--
                            <div class="bill-date">
                                <div class="bill-no"> {{ $invoice->invoice_no }} </div>
                                <div class="date"> Date: <strong>{{ date('d-M-Y', strtotime($invoice->date)) }}</strong>
                                </div>
                            </div>
                            <div class="name"> Name : <span>{{ $invoice->customer->name }}</span>
                            </div>
                            <div class="address"> Address : <span>{{ $invoice->customer->address }}</span>
                            </div>
                            <div class="mobile-no"> Mobile : <span>{{ $invoice->customer->phone }}</span>
                            </div> --}}
                        <table class="table table-bordered table-plist order-details">
                                <tr class="border_th">
                                    <th width="25">Product</th>
                                    <th width="13">Qty</th>
                                    <th width="15">Unit Price</th>
                                    <th width="15">Discount(%)</th>
                                    <th width="60">Total Amount</th>
                                </tr>
                                @foreach ($invoice->invoiceItems as $key => $item)
                                    @php
                                        $product = App\Models\Product::where('id', $item->product_id)
                                            ->with('unit.related_unit')
                                            ->first();
                                        if($product->is_service == 0){
                                            if ($product->unit->related_unit == null) {
                                                $qty = $item->main_qty . ' ' . $product->unit->name;
                                            } else {
                                                $sub_qty = $item->sub_qty == null ? 0 : $item->sub_qty;
                                                $qty =
                                                    $item->main_qty .
                                                    ' ' .
                                                    $product->unit->name .
                                                    ' ' .
                                                    $sub_qty .
                                                    ' ' .
                                                    $product->unit->related_unit->name;
                                            }
                                        }else{
                                            $qty = $item->main_qty.' '.'pcs';
                                        }
                                        $cash = App\Models\BankTransaction::where('invoice_id',$invoice->id)->first();
                                        $bank = App\Models\BankAccount::where('id',$cash->bank_id)->first();
                                        
                                    @endphp
                                    <tr class="text-center">
                                        <td style="width: 30%">{{ $item->product->name }}</td>
                                        <td><small>{{ $qty }}</small></td>
                                        <td>{{ $item->rate }} </td>
                                        <td>{{ $item->product_discount }} </td>
                                        <td>{{ $item->subtotal }} </td>
                                    </tr>
                                @endforeach
                                <tr  class="border_item text-center">
                                    
                                    <td colspan="4" class="text-right">Sub Total : </td>
                                    <td colspan="1" class="text-right">
                                        {{ $invoice->estimated_amount }} 
                                    </td>
                                </tr>
                                <tr class="border_disco text-center">
                                    
                                    <td colspan="4" class="text-right">Discount : </td>
                                    <td colspan="1" class="text-right">
                                        @if(gettype($invoice->discount)=== 'string')
                                        {{ $invoice->discount }}
                                        @else
                                         {{ $invoice->discount }} TK
                                        @endif
                                    </td>
                                </tr>
                                <tr class="text-center">
                                    
                                    <td colspan="4" class="text-right">Paid : </td>
                                    <td colspan="1" class="text-right">
                                        {{ $invoice->total_paid }} 
                                    </td>
                                </tr>
                                <tr class="text-center">
                                    
                                    <td colspan="4" class="text-right">Payment Method : </td>
                                    <td colspan="1" class="text-right">
                                        {{ $bank->bank_name }} 
                                    </td>
                                </tr>
                                <tr class="text-center">
                                    
                                    <td colspan="4" class="text-right">Change : </td>
                                    <td colspan="1" class="text-right">
                                        @if($invoice->change_amount != null)
                                            {{$invoice->change_amount }}
                                        @else
                                            0.00
                                        @endif
                                    </td>
                                </tr>
                            </table>
                            <h6 class="text-center">Thank you for Shopping at {{ empty(get_setting('com_name')) ? '----' : get_setting('com_name') }}</h6>
                            <h6 class="text-center" style="margin-bottom: 20px;">Developed By Fast iT Ltd <br>
                                <span> Call: 01784-159071</span>
                            </h6>
                            <p>.</p>
                            <p>.</p>
                        </div>
                        <hr>
                        <button class="btn btn-secondary btn-block print_hidden" onclick="print_receipt('print-area')"> <i
                                class="fa fa-print"></i> Print </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('js')
    <script>
        // clear localstore
        localStorage.removeItem('pos-items');

        function print_receipt(divName) {
            let printDoc = $('#' + divName).html();
            let originalContents = $('body').html();
            $("body").html(printDoc);
            window.print();
            $('body').html(originalContents);
        }
    </script>
@endpush