@extends('companyuser::layouts.master')
@section('title', __('sales::customer_receipts.Show Customer Receipt'))
@section('extra-styles')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/custom/view/info-details.css') }}">
<link href="{{asset('assets/css/style-svgFont.css') }}" rel="stylesheet">
@endsection
@section('breadcrumb')
<div class="row breadcrumbs-top">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('company.customers.index', $subdomain)}}"> @lang('companyuser::sidebar.Sales')</a>
            </li>
            <li class="breadcrumb-item active"><a href="{{route('company.customer-receipts.index', $subdomain)}}">@lang('sales::customer_receipts.Customer Receipts')</a>
            </li>
            <li class="breadcrumb-item active"><a href="#">@lang('Show')</a>
            </li>
        </ol>
    </div>
</div>
@endsection

@section('content')

<section>
    <div class="container-fluid" id="actions">
            <div class="headBtns mx-1 fixed-btns">
            <div class="btn-group pull-right">
            {{-- @can('sales.customer-receipts.edit')
                <a href="{{route('company.customer-receipts.edit', [$subdomain, $customerPaymentReceipt])}}"
                class="green-text" title="{{__('Edit')}}">
            <span class="icon-Edit action-icon"></span>
            </a>
                @endcan --}}
            </div>
            <div class="mb-1 pull-left">

                <a class="text-green" href="{{route('company.customer-receipts.index', $subdomain)}}" title="{{__('Back')}}">
                       @if(LaravelLocalization::getCurrentLocale() === 'en')
                        <span class="icon-Previous action-icon back-btnIcon"></span>
                    @else
                        <span class="icon-Next action-icon back-btnIcon"></span>
                    @endif
                </a>
                @can('sales.customer-receipts.export')
                <a href="{{ route('company.customer-receipts.print',[$subdomain,$customerPaymentReceipt->id]) }}" target="_blank" id="print_button" class="green-text" title="@lang('Print')">
                    <span class="icon-Print action-icon"></span>
                </a>
               @endcan
            </div>
            @can('sales.customer-receipts.export')
            <div class="mb-1 pull-right">
                <a href="" data-toggle="modal" data-target="#whatsappModal" class="text-green" title="{{__('Send to whatsapp')}}">
                    <img style="margin-bottom: 35px;" src="{{ asset('assets/icons/whatsapp.svg') }}" width="65" height="51" />
                </a>
            </div>
            @endcan
        </div>

    @include('companyuser::errors.lists')
    <div class="card mb-0 mt-2">
        <div class="card-block person-info">
            <dl class="row">
                <dt class="col-sm-3">{{__('sales::customer_receipts.Reference ID')}}</dt>
                <dd class="col-sm-9 mb-1">
                    <div>{{$customerPaymentReceipt->reference}}</div>
                </dd>
                <dt class="col-sm-3">{{__('sales::customer_receipts.Payment Date')}}</dt>
                <dd class="col-sm-9 mb-1">
                    <div>{{$customerPaymentReceipt->formatDate($customerPaymentReceipt->date)}}</div>
                </dd>
                <dt class="col-sm-3">{{__('sales::customer_receipts.Customer')}}</dt>
                <dd class="col-sm-9 mb-1">
                    <div style="width: 60%">{{$customerPaymentReceipt->customer->name}}</div>
                </dd>
                <dt class="col-sm-3">{{__('sales::customer_receipts.Payment Account')}}</dt>
                <dd class="col-sm-9 mb-1">
                    <div>{{$customerPaymentReceipt->account->name}} </div>
                </dd>
                <dt class="col-sm-3">{{__('sales::customer_receipts.Kind')}}</dt>
                <dd class="col-sm-9 mb-1">
                    <div>{{ Modules\Purchases\Enums\PaymentReceiptTypesEnum::toString($customerPaymentReceipt->kind)}}</div>
                </dd>
                <dt class="col-sm-3">@lang('sales::customer_receipts.Amount')</dt>
                <dd class="col-sm-9 mb-1">
                    <div>{{ ($customerPaymentReceipt->paid_amount  < 0 ) ? '(' . abs($customerPaymentReceipt->paid_amount ) . ')' : $customerPaymentReceipt->paid_amount  }}</div>
                </dd>
                <dt class="col-sm-3">@lang('sales::customer_receipts.Not Allocated Amount')</dt>
                <dd class="col-sm-9 mb-1">
                    <div>{{ ($customerPaymentReceipt->not_allocated_amount  < 0 ) ? '(' . abs($customerPaymentReceipt->not_allocated_amount ) . ')' : $customerPaymentReceipt->not_allocated_amount }}</div>
                </dd>
                                <dt class="col-sm-3">{{__('products::cost_center.Cost Center')}}</dt>
                <dd class="col-sm-9 mb-1" style="height:unset">
                    <div style="word-break: break-word;">{{$costCenter?$costCenter['code'] . ' - ' . $costCenter['name_' . app()->getLocale()]: __('products::cost_center.main center') }}</div>
                </dd>
                <dt class="col-sm-3">{{__('sales::customer_receipts.Description')}}</dt>
                <dd class="col-sm-9 mb-1">
                    <div style="word-break: break-word;">{{ $customerPaymentReceipt->description }}</div>
                </dd>
                <dt class="col-sm-3">{{__('sales::customers.created_by')}}</dt>
                <dd class="col-sm-9 mb-1" >
                    <div style="word-break: break-word;">
                        @if($customerPaymentReceipt->created_by == null)
                            @lang('accounting::assets.System')
                        @elseif($customerPaymentReceipt->created_by == auth()->user()->id)
                            @lang('accounting::assets.You')
                        @else
                            {{$customerPaymentReceipt->addedBy->uname}}
                        @endif
                    </div>
                </dd>
            </dl>
        </div>
        @if(count($customerPaymentReceipt->payments))
        @if($customerPaymentReceipt->kind == Modules\Purchases\Enums\PaymentReceiptTypesEnum::PAID)
        @php $permission = 'sales.invoice-returns.view'; @endphp
        @elseif($customerPaymentReceipt->kind == Modules\Purchases\Enums\PaymentReceiptTypesEnum::RECEIVED)
        @php $permission = 'sales.invoices.view'; @endphp
        @endif
        @can($permission)
        <div class="card-block">
            <div class="card-title">
                <h2>@lang('sales::customer_receipts.Assigned Bills')</h2>
            </div>
            <div class="table-responsive">
                <table class="table mb-0 table table-striped table-bordered zero-configuration @if(app()->getlocale() == 'ar') ar-language-file @endif">
                    <thead>
                        <tr>
                            @if($customerPaymentReceipt->kind == Modules\Purchases\Enums\PaymentReceiptTypesEnum::PAID)
                            <th>@lang('sales::invoice_returns.Reference ID')</th>
                            <th>@lang('sales::invoice_returns.Amount')</th>
                            @elseif($customerPaymentReceipt->kind == Modules\Purchases\Enums\PaymentReceiptTypesEnum::RECEIVED)
                            <th>@lang('sales::invoices.Reference ID')</th>
                            <th>@lang('sales::invoices.Amount')</th>
                            @endif

                        </tr>
                    </thead>
                    <tbody>
                        @foreach($customerPaymentReceipt->payments as $key => $payment)
                        <tr>
                            <td>
                                <a @if($customerPaymentReceipt->kind == Modules\Purchases\Enums\PaymentReceiptTypesEnum::RECEIVED)
                                    href="{{route('company.invoices.show', ['subdomain' => $subdomain, 'invoice' => $key])}}"
                                    @elseif($customerPaymentReceipt->kind == Modules\Purchases\Enums\PaymentReceiptTypesEnum::PAID)
                                    href="{{route('company.invoice-returns.show', ['subdomain' => $subdomain, 'invoiceReturn' => $key])}}"
                                    @endif
                                    >
                                    {{$payment['reference']}}
                                </a>
                            </td>
                            <td>{{$payment['total']}}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        @endcan
        @endif
        <div class="card-block" id="info-tabs">
            <div class="col-md-12">
                <div class="row mb-1">
                    @if($customerPaymentReceipt->custom_fields)
                    @php $customFields = json_decode($customerPaymentReceipt->custom_fields, true) @endphp
                    <button class="mb-1 btn btn-default w-100 filterbtn" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
                        <div class="d-flex justify-content-between">
                            <span>{{ __('sales::customer_receipts.additional_fields') }} </span><i class="fa fa-angle-down"></i>
                        </div>
                    </button>
                    <div class="collapse" id="collapseExample">
                        <div class="card card-body mb-0">
                            @foreach($customFields as $key=>$field)
                            <div class="row mb-1">
                                <div class="col-md-4">
                                    <label for="{{$field['name_en']}}">
                                        {{ $field['name_'.app()->getLocale()] }}
                                    </label>
                                </div>

                                <div class="col-md-8">
                                    @if($field['type']=='checkbox')
                                    <input id="{{$field['name_en']}}" type="checkbox" @if(isset($field['value'])||isset(old('custom_fields')[$key+1]['value'])) checked @endif disabled>
                                    @else
                                    <input class="w-100 py-1 form-control @if($field['type']=='date') singledate @endif" type="{{ ($field['type']=='date')?'text':(($field['type']=='check_box')?'checkbox':$field['type']) }}" id="{{$field['name_en']}}" value="{{$field['value']}}" disabled>
                                    @endif
                                    {{-- <input
                                                    class="w-100 py-1 form-control @if($field['type']=='date') singledate @endif"
                                                    type="{{ ($field['type']=='date')?'text':(($field['type']=='checkbox')?'checkbox':$field['type']) }}"
                                    id="{{$field['name_en']}}" disabled
                                    @if($field['type']=='checkbox') {{ array_key_exists('value', $field) ? 'checked' : '' }}
                                    @else value="{{$field['value']}}" @endif> --}}

                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                    @endif

                    <button class="mb-1 btn btn-default w-100 filterbtn" type="button" data-toggle="collapse" data-target="#collapseTerm" aria-expanded="false" aria-controls="collapseTerm">
                        <div class="d-flex justify-content-between">
                            <span>{{ __('sales::customer_receipts.terms_and_condition') }} </span><i class="fa fa-angle-down"></i>
                        </div>
                    </button>
                    <div class="collapse" id="collapseTerm">
                        <div class="card card-body mb-0">
                            {!! $customerPaymentReceipt->terms ?? $customerPaymentReceipt->formDesign->terms !!}
                        </div>
                    </div>


                    <button class="mb-1 btn btn-default w-100 filterbtn" type="button" data-toggle="collapse" data-target="#collapseNote" aria-expanded="false" aria-controls="collapseNote">
                        <div class="d-flex justify-content-between">
                            <span>{{ __('sales::customer_receipts.notes') }} </span><i class="fa fa-angle-down"></i>
                        </div>
                    </button>
                    <div class="collapse" id="collapseNote">
                        <div class="card card-body mb-0">
                            {!! $customerPaymentReceipt->notes ?? $customerPaymentReceipt->formDesign->notes !!}
                        </div>
                    </div>
                    <button class="mb-1 btn btn-default w-100 filterbtn" type="button" data-toggle="collapse" data-target="#collapseAttachment" aria-expanded="false" aria-controls="collapseAttachment">
                        <div class="d-flex justify-content-between">
                            <span>{{ __('general.attachments') }} </span><i class="fa fa-angle-down"></i>
                        </div>
                    </button>
                    <div class="collapse" id="collapseAttachment">
                        <div class="card card-body mb-0">


                            @forelse ($customerPaymentReceipt->attachments as $attachment)
                            @php
                            $urlSegmants = explode('/', $attachment->url);$attachmentName = end($urlSegmants);
                            $attachmentExtension = explode('.',end($urlSegmants))[1];
                            @endphp
                            <div>
                                <a href={{ $attachment->file_path }} @if(in_array($attachmentExtension,["png","jpeg","jpg"])) download @endif target="_blank">{{$attachment->name}}</a>
                            </div>
                            @empty
                            <div>
                                @lang('sales::customer_receipts.there_is_no_attachments')
                            </div>
                            @endforelse



                        </div>
                    </div>


                </div>

            </div>
        </div>



    </div>
    {{---------------- popup for sending the item to whatsapp as pdf -------------------------------}}
    <div class="modal fade" id="whatsappModal" tabindex="-1" role="dialog" aria-labelledby="favoritesModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="favoritesModalLabel">@lang('Send to whatsapp')</h4>
                </div>
                <div class="modal-body">
                    <label for="whatsapp_mobile">@lang('sales::invoices.Phone')</label>
                    <input type="text" name="whatsapp_mobile" id="whatsapp_mobile" class="form-control" value="{{ ($customerPaymentReceipt->customer->mobile) ? $customerPaymentReceipt->customer->full_mobile_number : $customerPaymentReceipt->customer->mobile }}" placeholder="+966500000000" />
                </div>
                <div class="modal-footer">
                    <span class="pull-left">
                        <button type="button" class="btn btn-default" data-dismiss="modal">@lang('Cancel')</button>
                    </span>
                    <span class="pull-right">
                        <button id="send-to-whatsapp-submit" class="btn btn-primary">@lang('Send')</button>
                    </span>
                </div>
            </div>
        </div>
    </div>
    </div>
</section>
<input id="is_print" type="hidden" value="{{ request('isPrint') }}">
@endsection
@php
    $WhatsappText = __('general.whatsapp_message', [
        'receiver'     => $customerPaymentReceipt->customer->name,
        'sender'       => $companyInfo->name,
        'resource'     => $customerPaymentReceipt->reference,
        'model'        => __('sales::customer_receipts.Show Customer Receipt Print'),
        'resource_url' => $customerPaymentReceipt->publicUrl
]);
@endphp
@section('extra_scripts')
    <script>
        gtag('event', 'web_sales_customer_receipt_show');
        console.log('web_sales_customer_receipt_show event');
    </script>
<script>
    window.addEventListener('DOMContentLoaded', function() {
        $(document).ready(function() {
            const printButtonElement = document.getElementById('print_button');
            const isPrint = document.getElementById('is_print').value;
            if (isPrint) {
                printButtonElement.click();
            }
        });
        $('#send-to-whatsapp-submit').click(function(e){
            // Generate the whatsapp link and open a new window
            window.open(`https://wa.me/${$('#whatsapp_mobile').val()}?text={{ $WhatsappText }}`, '_blank');
            $('#whatsappModal').modal('hide');
        });
    });
</script>
@endsection