@extends('admin.layout.master')
@section('title','VOUCHER DETAILS')
@section('custom_style')
<link rel="stylesheet" href="{{ asset('v2/assets/css/accounts/voucher/voucher-print.css') }}">
<style>
    input[type=text],input[type=file], input[type=number] {
    height: 35px !important;
}
table thead th {
    vertical-align: middle !important;
    /* background-color: lightblue; */
    color:black !important;
    /* padding: 2px 2px !important; */
}
table tbody td {
    /* padding: 2px 2px !important; */
    color:black !important;
}
@media (max-width: 520px) {
    .col-5,
    .col-6,
    .col-7 {
        width: 100%;
    }
}
</style> 
@endsection
@section ('content')
    <div class="card text-left" style="position:relative">
        <div class="stickybutton rounded-lg" style="position:absolute; top: 0; right: 0; box-shadow: none;" id="btn_print">
            <button class="btn btn-sm btn-warning btn-hover" style="font-size: 15px" onclick="$('#printThis').printThis();" type="button"><b>{{__('obs.print')}}</b> &nbsp;<svg aria-hidden="true" style="height: 15px" focusable="false" data-prefix="far" data-icon="print" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-print fa-w-16"><path fill="currentColor" d="M400 264c-13.25 0-24 10.74-24 24 0 13.25 10.75 24 24 24s24-10.75 24-24c0-13.26-10.75-24-24-24zm32-88V99.88c0-12.73-5.06-24.94-14.06-33.94l-51.88-51.88c-9-9-21.21-14.06-33.94-14.06H110.48C93.64 0 80 14.33 80 32v144c-44.18 0-80 35.82-80 80v128c0 8.84 7.16 16 16 16h64v96c0 8.84 7.16 16 16 16h320c8.84 0 16-7.16 16-16v-96h64c8.84 0 16-7.16 16-16V256c0-44.18-35.82-80-80-80zM128 48h192v48c0 8.84 7.16 16 16 16h48v64H128V48zm256 416H128v-64h256v64zm80-112H48v-96c0-17.64 14.36-32 32-32h352c17.64 0 32 14.36 32 32v96z" class=""></path></svg></button>
        </div>
        <div class="card-body" id="printThis">
            @php
                $roe=$transactions->roe??1;
                $currency_name=$transactions->currency_term->name??'SAR';
            @endphp
            <link rel="stylesheet" href="{{ asset('v2/assets/css/accounts/voucher/voucher-print.css') }}">
            <style>
                {!! $style !!}
            </style>
                {!! $head !!}

            <div id="printableArea" class="w-100">
                @if($voucher_type['type']==5)
                    <div class="voucher-info p-2 my-2 border border-dark rounded-3">
                        <div class="row">
                            <div class="col-7">
                                <div class="inv-item">
                                    <span class="inv-key">{{__('obs.voucher')}} {{__('obs.no')}}</span>
                                    <span class="inv-val">{{$transactions->voucher_no}}</span>
                                </div>
                                <div class="inv-item">
                                    <span class="inv-key">{{__('obs.doc')}} {{__('obs.type')}}</span>
                                    <span class="inv-val">{{$voucher_type['name']}}</span>
                                </div>
                                <div class="inv-item">
                                    <span class="inv-key">{{__('obs.attachment')}} {{__('obs.number')}}</span>
                                    <span class="inv-val"></span>
                                </div>
                            </div>
                            <div class="col-5">
                                <div class="inv-item">
                                    <span class="inv-key">{{__('obs.voucher')}} {{__('obs.date')}}</span>
                                    <span class="inv-val">{{date('d/m/Y',strtotime($transactions->date))}}</span>
                                </div>
                                <div class="inv-item">
                                    <span class="inv-key">{{__('obs.reff')}} {{__('obs.no')}}</span>
                                    <span class="inv-val"></span>
                                </div>
                                <div class="inv-item">
                                    <span class="inv-key">{{__('obs.currency')}}</span>
                                    <span class="inv-val">{{$currency_name}}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row justify-content-start">
                        {{-- <div class="col font-weight-bolder">{{__('obs.description')}}</div>
                        <div class="col-2">{{$transactions->note}}</div>
                        <div class="col font-weight-bolder">{{__('obs.ben')}} {{__('obs.name')}} :</div>
                        <div class="col"></div>
                        <div class="col font-weight-bolder">{{__('obs.rec')}} {{__('obs.name')}} :</div>
                        <div class="col"></div>
                        <div class="col"></div>
                        <div class="col"></div>
                        <div class="col"></div> --}}
                    </div>
                    <div class="cl-table-container">
                        <table class="table cl-table table-hover capitalize table-bordered" id="myTable">
                            <thead>
                                <tr>
                                    <th rowspan="2" class="text-right">{{__('obs.accounts')}}</th>
                                    <th rowspan="2" class="text-center">{{__('obs.details')}} {{__('obs.accounts')}}</th>
                                    <th rowspan="2" class="text-center">{{__('obs.accounts')}} {{__('obs.name')}}</th>
                                    {{-- <th rowspan="2" class="text-center">{{__('obs.currency')}}</th> --}}
                                    <th rowspan="2" class="text-center">{{__('obs.particulars')}}</th>
                                    <th colspan="2" class="text-center">{{__('obs.local')}} {{__('obs.currency')}}</th>
                                    <th colspan="2" class="text-center">{{__('obs.foreign')}} {{__('obs.currency')}}</th>
                                    <th rowspan="2" class="text-center">{{__('obs.cost_center')}}</th>
                                </tr>
                                <tr>
                                    <th class="text-center">{{__('obs.debit')}}</th>
                                    <th class="text-center">{{__('obs.credit')}}</th>
                                    <th class="text-center">{{__('obs.debit')}}</th>
                                    <th class="text-center">{{__('obs.credit')}}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php
                                    $amount=0;
                                    $camount=0;
                                @endphp
                                @forelse($transactions->journals as $jr)
                                    <tr>
                                        <td class="text-right">{{$jr->globalLedger?$jr->globalLedger->auto_code:''}}</td>
                                        <td>{{($jr->globalLedger && $jr->globalLedger->is_sub)?$jr->globalLedger->code:''}}</td>
                                        <td>
                                            {{-- {{$jr->globalLedger?$jr->globalLedger->name:''}} --}}
                                            @include('accounts.components.redirect_to_ledger_view', [
                                                'label' => ($jr->globalLedger?$jr->globalLedger->name:'-'),
                                                'ledger_id' => $jr->ledger_id,
                                                'date' => $jr->date
                                            ])
                                        </td>
                                        {{-- <td>{{$currency_name}}</td> --}}
                                        <td>{{$jr->note}}</td>
                                        <td class="text-right">{{$jr->type==0?number_format(($jr->amount/$roe),2):''}}</td>
                                        <td class="text-right">{{$jr->type==1?number_format(($jr->amount/$roe),2):''}}</td>
                                        <td>{{''}}</td>
                                        <td>{{''}}</td>
                                        <td>{{$jr->cost_center_id?$jr->costCenter->name:'-'}}</td>
                                    </tr>
                                    @php
                                        $amount+=$jr->type==0?$jr->amount:0;
                                        $camount+=$jr->type==1?$jr->amount:0;
                                    @endphp
                                @empty
                                @endforelse
                                <tr>
                                    <td colspan="3"><strong>{{__('obs.in_words')}} : </strong>{{getNumberInWords(round($amount/$roe))}}</td>
                                    <td><b>{{__('obs.total')}} {{__('obs.amount')}} :</b></td>
                                    <td class="text-right"><strong>{{ number_format(($amount/$roe),2)}}</strong></td>
                                    <td class="text-right"><strong>{{ number_format(($camount/$roe),2)}}</strong></td>
                                    <td class="text-right"><strong></strong></td>
                                    <td class="text-right"><strong></strong></td>
                                    <td class="text-right"><strong></strong></td>
                                </tr>
                                <tr>
                                    <td colspan="9"><b>Note : {{$transactions->note}}</b></td>
                                </tr>
                            </tbody>
                            <tfoot>
                                
                            </tfoot>
                        </table>
                    </div>
                @else
                @php
                    $isBankOrCash=in_array($voucher_type['type'],[2,4])?1:0;
                @endphp
                <div>
                    {{-- <div class="row justify-content-center d-flex m-2">
                        <h4 class="title_header mt-2" style="background-color:lightblue;border-radius: 25px; padding:3px 10px">{{ucwords(str_replace('_',' ',$voucher_type['name']))}}</h4>
                    </div> --}}

                    <div class="voucher-info p-2 my-2 border border-dark rounded-3">
                        <div class="row">
                            <div class="col-7">
                                <div class="inv-item">
                                    <span class="inv-key">{{__('obs.voucher')}} {{__('obs.no')}}</span>
                                    <span class="inv-val">{{$transactions->voucher_no}}</span>
                                </div>
                                <div class="inv-item">
                                    <span class="inv-key">{{($isBankOrCash)?__('obs.bank'):__('obs.cash')}} {{__('obs.no')}}</span>
                                    <span class="inv-val">{{$transactions->reffLedger->auto_code??'N/A'}}</span>
                                </div>
                                <div class="inv-item">
                                    <span class="inv-key">{{__('obs.reff')}} {{__('obs.no')}}</span>
                                    <span class="inv-val">{{$voucher_type['type']<3?__('obs.pay_to'):__('obs.receive_from')}} {{$transactions->journals->where('type',$voucher_type['type']<3?1:0)->first()->globalLedger->name }}</span>
                                </div>
                            </div>
                            <div class="col-5">
                                <div class="inv-item">
                                    <span class="inv-key">{{__('obs.voucher')}} {{__('obs.date')}}</span>
                                    <span class="inv-val">{{date('d/m/Y',strtotime($transactions->date))}}</span>
                                </div>
                                <div class="inv-item">
                                    <span class="inv-key">{{($isBankOrCash)?__('obs.bank'):__('obs.cash')}} {{__('obs.name')}}</span>
                                    <span class="inv-val">{{$transactions->reffLedger->name??'N/A'}}</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="voucher-amount p-2 mb-2">
                        <div class="row">
                            <div class="col-7">
                                @php
                                    $amount=$transactions->journals->where('type',$voucher_type['type']<3?0:1)->sum('amount');
                                @endphp
                                <div class="inv-item">
                                    <span class="inv-key">{{__('obs.amount_is')}}</span>
                                    <span class="inv-val">{{getNumberInWords(round($amount/$roe))}}</span>
                                </div>
                            </div>
                            <div class="col-5">
                                <div class="inv-item">
                                    <span class="inv-key">{{__('obs.amount')}}</span>
                                    <span class="inv-val">{{number_format(($amount/$roe),2)}} {{$currency_name}}</span>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="inv-item">
                                {{ __('obs.to') }}
                                {{$voucher_type['type']<3?__('obs.credit'):__('obs.debit')}} 
                                {{ __('obs.with') }}
                            </div>
                        </div>
                    </div>

                    <div class="cl-table-container">
                        <table class="table cl-table table-hover capitalize table-bordered" id="myTable">
                            <thead>
                                <tr>
                                    <th class="text-center">{{__('obs.accounts')}} {{__('obs.no')}}</th>
                                    <th class="text-center">{{__('obs.currency')}}</th>
                                    <th class="text-center">{{__('obs.details')}} {{__('obs.accounts')}}</th>
                                    <th class="text-center">{{__('obs.accounts')}} {{__('obs.name')}}</th>
                                    <th class="text-center">{{__('obs.particulars')}}</th>
                                    <th class="text-center">{{__('obs.amount')}}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php
                                    $camount=0;
                                @endphp
                                @forelse($transactions->journals->where('type',$voucher_type['type']<3?0:1) as $jr)
                                    <tr>
                                        <td class="text-center">{{$jr->globalLedger?$jr->globalLedger->auto_code:''}}</td>
                                        <td class="text-center">{{$currency_name}}</td>
                                        <td>{{($jr->globalLedger && $jr->globalLedger->is_sub)?$jr->globalLedger->code:''}}</td>
                                        <td>{{$jr->globalLedger?$jr->globalLedger->name:''}}</td>
                                        <td>{{$jr->note}}</td>
                                        <td class="text-right">{{number_format(($jr->amount/$roe),2)}}</td>                                 
                                    </tr>
                                    @php
                                        $camount+=$jr->amount;
                                    @endphp
                                @empty
                                @endforelse
                            </tbody>
                            <tfoot>
                                <td colspan="6"><b>Note : {{$transactions->note}}</b></td>
                            </tfoot>
                                
                        </table>
                    </div>
                </div>
                @endif
                {!! $foot !!}

                @if ($transactions->status == 0 && isset($inv_setting_obj->invoice_watermark))
                    <div class="watermark"> {{ $inv_setting_obj?->invoice_watermark }}</div>
                @endif
            </div>
        </div>
    </div>
@endsection
@section('script')
<script>
    // function printThis() {
    //     $("#printThis").printThis(); 
    // }
</script> 
@stop