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

        .table-amount > thead > tr > th {
            border: none !important;
            padding: 0px !important;
        }

        .table-amount td:last-child {
            border-left: none !important;
        }

        .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-6">
                    <h4 class="page-title">Payment Voucher</h4>
                </div>
                <div class="col-xs-6 text-right">
                    <ol class="breadcrumb">
                        <li>
                            <a href="{{route('payment-voucher.index')}}">List</a>
                        </li>
                        <li>
                            <a href="{{route('payment-voucher.edit', $payment_voucher->id)}}">Edit</a>
                        </li>
                        <li>
                            <a href="{{route('paymentVoucherPdfView', $payment_voucher->id)}}"
                               target="_blank"
                               class="btn btn-inverse waves-effect waves-light"><i
                                    class="fa fa-print"></i></a>
                        </li>
                        <li>
                            <button onclick="sendEmail({{$payment_voucher->id}}, 'payment-voucher')" title="send email"
                                    class="btn btn-danger waves-effect waves-light"><i class="fa fa-envelope"></i>
                            </button>
                        </li>
                        <li>
                            <button
                                onclick="whatsapp()"
                                title="whatsapp" class="btn btn-success waves-effect waves-light">
                                <i class="fa fa-whatsapp"></i>
                            </button>
                        </li>
                    </ol>
                </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>
                            <hr style="border-top: 2px solid black;" class="m-t-20 m-b-0">
                            <div class="row m-auto">
                                <div class="col-md-3 col-xs-2 col-sm-6 col-xs-offset-4 col-md-offset-5">
                                    <h3 class="m-0">PAYMENT VOUCHER</h3>
                                </div>
                            </div>
                            <hr style="border-top: 2px solid black;" class="m-0">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="table-responsive">
                                        <table class="table-without-border">
                                            <thead>
                                            <tr>
                                                <th style="width: 10%"></th>
                                                <th style="width: 60%"></th>
                                                <th style="width: 10%"></th>
                                                <th style="width: 20%"></th>

                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr class="m-t-5">
                                                <td>
                                                    <span class="detail-text">Voucher No</span>
                                                </td>
                                                <td>
                                                    : <span
                                                        class="detail-text1">{{ $payment_voucher->voucher_no}}</span>
                                                </td>
                                                <td>
                                                    <span class="detail-text">Account Name</span>
                                                </td>
                                                <td>
                                                    : <span
                                                        class="detail-text1">{{$payment_voucher->accountLedger->account_name}}</span>
                                                </td>
                                            </tr>
                                            <tr class="m-t-5">
                                                <td>
                                                    <span class="detail-text">Date</span>
                                                </td>
                                                <td>
                                                    : <span
                                                        class="detail-text1">{{date('d-m-Y', strtotime($payment_voucher->payment_date))}}</span>
                                                </td>
                                                <td>
                                                    <span class="detail-text">Cheque No</span>
                                                </td>
                                                <td>
                                                    : <span
                                                        class="detail-text1">{{$payment_voucher->cheque_no}}</span>
                                                </td>
                                            </tr>
                                            <tr class="m-t-5">
                                                <td>
                                                    <span class="detail-text">Payment Type </span>
                                                </td>
                                                <td>
                                                    : <span
                                                        class="detail-text1">{{$payment_voucher->payment_type}}</span>
                                                </td>
                                                <td>
                                                    <span class="detail-text">Cheque Date</span>
                                                </td>
                                                <td>
                                                    : <span
                                                        class="detail-text1">{{$payment_voucher->cheque_date ? date('d-m-Y', strtotime($payment_voucher->cheque_date)): ''}}</span>
                                                </td>
                                            </tr>
                                            <tr class="m-t-5">
                                                <td>
                                                    <span class="detail-text">Paid To </span>
                                                </td>
                                                <td>
                                                    : <span
                                                        class="detail-text1">{{$payment_voucher->voucher_type == 'supplier_payment' ? $payment_voucher->paidTo->name : $payment_voucher->paidTo->account_name}}</span>
                                                </td>
                                                <td>
                                                    <span class="detail-text">Remarks </span>
                                                </td>
                                                <td>
                                                    : <span
                                                        class="detail-text1">{{$payment_voucher->remarks}}</span>
                                                </td>

                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>


                            <div class="row m-t-50">
                                <div class="col-md-12 col-sm-12 col-xs-12 ">
                                    <table class="table table-bordered table-amount text-right m-0">
                                        <tbody>
                                        <tr>
                                            <td style="width: 80%" class="text-center"><b>Invoice No.</b></td>
                                            <td class="text-center"><b>Amount</b></td>
                                        </tr>
                                        @foreach($payment_voucher->paymentVoucherDetails as $payment_voucher_detail)
                                            <tr>
                                                <td class="text-center">{{$payment_voucher_detail->invoice_no}}</td>
                                                <td>{{$payment_voucher_detail->amount}}</td>
                                            </tr>
                                        @endforeach
                                        <tr>
                                            <td><b>Total Amount AED :</b></td>
                                            <td>{{$payment_voucher->paid_amount}}</td>
                                        </tr>
                                        <tr>
                                            <td class="text-center"><strong>
                                                    @php
                                                        $t_amount = new NumberFormatter("en", NumberFormatter::SPELLOUT);
                                                        $num = explode('.', $payment_voucher->paid_amount);
                                                    @endphp
                                                    Amount in Words AED :
                                                    <span>{{$t_amount->format($num[0]).' Dirhams'}} </span>
                                                    {{isset($num[1]) ? 'And '.$t_amount->format($num[1]).' Fils Only': 'Only'}}
                                                </strong></td>
                                            <td></td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('admin.advisor.models.sendMail')
    @include('admin.advisor.models.whatsapp')
@endsection
@push('footerscript')
    <script>
        $(window).load(function () {
            $('#pdf_button').find('i').trigger('click');
        });

        function sendEmail(id, paymentVoucher) {
            $('#uid').val(id);
            $('#type').val(paymentVoucher);
            $('#email-pdf-modal').modal('show');
        }

        $('.number').keyup(function (e) {
            if (/\D/g.test(this.value)) {
                this.value = this.value.replace(/\D/g, '');
            }
        });

        function whatsapp(mobile) {
            $('#whatsapp-pdf-modal').modal('show');
        }
    </script>
@endpush