@extends('layouts.review.app')

@section('content')
    <section class="content" style="display: inline-flex;justify-content: center;">
        @if(isset($cash))
            <div class="col-md-4">
{{--                @foreach(LaravelLocalization::getSupportedLocales() as $localeCode => $properties)--}}
{{--                    @if (app()->getLocale() !== $localeCode )--}}
{{--                        <a href="{{ LaravelLocalization::getLocalizedURL($localeCode, null, [], true) }}">--}}
{{--                            <div >--}}
{{--                                {{$properties['native']}} <i class="fa fa-flag-o"></i>--}}
{{--                            </div>--}}
{{--                        </a>--}}
{{--                    @endif--}}
{{--                @endforeach--}}
            <section class="invoice" id="print-area" style="margin: 0px 0px;padding: 10px;">

                <div class="row page-header invoice-info">
                    <div class="text-center">
                        <strong>@lang("site.company_name") {{ $cash->created_at->format('Y') }}</strong><br>
                        <strong>@lang("site.receipt_voucher")</strong><br>
                    </div>
                    <div class="text-center">
                        <strong>{{$cash->client->branch()->name}}</strong><br>
                    </div>
                    <div class="">
                        <h4>
                            <small class="pull-left">@lang("site.date")
                                : {{ $cash->issue_date }}</small>
                        </h4>
                    </div>
                </div>

                <strong class="pull-left">@lang('site.bond_no') : {{$cash->id}}</strong><br>
                <strong class="pull-left">@lang('site.amount') :
                    <strong id="invoice_amount">{{$cash->amount}}</strong></strong><br>

                <div class="row">
                    <div class="col-xs-12">
                        <h4>
                            <strong class="pull-left">@lang('site.we_received_from_the_honorable')
                                :&nbsp;</strong>
                            <small>  {{$cash->client->name}}</small>
                            <strong class="pull-right">@lang('site.respected') </strong>
                        </h4>
                    </div>

                    <div class="col-xs-12">
                        <h4>
                            <strong class="pull-left">@lang('site.amount_of') :&nbsp;</strong>
                            <small> <label id="amounts"> {{$cash->amount}}</label></small>
                            <label id="sar-amounts"></label>
                        </h4>
                    </div>

                    <div class="col-xs-12">
                        <h4>
                            <label class="pull-left">{{ $cash->payment->name }}&nbsp;</label>
                        </h4>
                        <div @if($cash->payment_id==1)style="display: none;"@endif>
                            <h4>
                                <label> @lang('site.number') </label>

                                <label> <small>{{$cash->c_number}}</small> </label>

                                <label> @lang('site.onBank') </label>
                                <label><small> {{$cash->bank->name??""}} </small></label>
                                <label> @lang('site.c_date') </label>
                                <label> <small> {{ $cash->c_date }}</small> </label>
                            </h4>
                        </div>

                    </div>

                    <div class="col-xs-12">
                        <h4>
                            <label class="pull-left">@lang('site.that_for') &nbsp;</label>
                            <label> <small> {{$cash->that_for}}</small> </label>
                        </h4>
                    </div>

                    <div class="col-xs-12">
                        <small class="pull-left">@lang("site.thisDocumentBy")
                            {{$cash->user->name}} ({{$cash->user->cCode}}) </small>
                    </div>

                </div>

                <p class="text-muted well well-sm no-shadow" style="margin-top: 10px;">
                @lang('site.this_bond')
                <div
                    style="text-align: center;vertical-align: middle;">{!! DNS2D::getBarcodeSVG(route('view.show', $cash->url), 'QRCODE',4,4,'green', true); !!}</div>
                </p>

                <div class="row no-print">
                    <div class="col-xs-12">
                        {{--                                    <a href="invoice-print.html" target="_blank" class="btn btn-default">--}}
                        {{--                                        <i class="fa fa-print"></i> @lang('site.print')</a>--}}

                        <button class="btn btn-default print-btn"><i
                                class="fa fa-print"></i> @lang('site.print')</button>
                    </div>
                </div>

            </section>
        </div>
            <script type="text/javascript">
                function codeAddress() {
                    let amount_el = document.getElementById("invoice_amount");
                    let amount = Number($(amount_el).text());
                    //console.log(amount_val);
                    let lang = $('html').attr('lang');

                    if (lang == 'ar') {
                        $('#amounts').text(Tafgeet(amount, 'SAR'));
                    } else {
                        $('#amounts').moneyinwords(amount, 'UK', 'SAR');
                    }
                }
                window.onload = codeAddress;
            </script>
        @else
            <h2>@lang('site.no_data_found')</h2>
        @endif
    </section>
@endsection