@use('App\Services\Date')
@php
use Carbon\Carbon;
@endphp
@extends('companyuser::layouts.master')

@section('title', __('purchases::bill_returns.show_bill_return'))
@section('extra-styles')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/custom/forms/frames.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/custom/view/info-details.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/style-svgFont.css') }}" >
<script src="{{ asset('js/app.js') }}" defer></script>
<style>
    .disabled{
        cursor:no-drop;
        pointer-events: none;
    }
    a.disabled:hover{
        cursor:no-drop;
        pointer-events: none;
    }
</style>
@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.suppliers.index', $subdomain)}}">@lang('companyuser::sidebar.Purchases')</a>
            </li>
            <li class="breadcrumb-item">
                <a href="{{route('company.bill-returns.index', $subdomain)}}">@lang('purchases::bill_returns.bill_returns')</a>
            </li>
            <li class="breadcrumb-item active">
                <a href="#">@lang('Show')</a>
            </li>
        </ol>
    </div>
</div>
@endsection

@section('content')
<section>
    <div class="container-fluid">
        <div class="headBtns mx-1 fixed-btns">
            <div class="btn-group pull-right">
            @can('purchases.bill-returns.view')
                    <a href=""
                       data-toggle="modal" data-target="#emailModal"
                       class="green-text" title="{{__('Send to email')}}">
                       <span class="icon-Email action-icon"></span>
                    </a>
                @endcan

            </div>
            <div class="mb-1 pull-left">
               @can('purchases.bill-returns.view')
                <a class="text-green" href="{{route('company.bill-returns.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>
                @endcan

                    <a href="{{ route('company.bill-returns.download-pdf',[$subdomain,$billReturn->id]) }}"
                    target="_blank"
                    id="download_button"
                    class="text-green" title="@lang('reports::reports.Download_Pdf')">
                    <span class="icon-Pdf action-icon"></span>
                    </a>
                    <a href="{{ route('company.bill-returns.print-pdf',[$subdomain,$billReturn->id]) }}"
                    target="_blank"
                    id="print_button"
                    class="text-green" title="@lang('Print')">
                    <span class="icon-Print action-icon"></span>
                    </a>

            </div>
        </div>
    @include('companyuser::errors.lists')
    @include('companyuser::errors.all')
    <div class="card">
        <div class="card-block mt-2">
            <div class="row mb-2">
                <div class="col-lg-7 person-info">
                    <div class="row">
                        <dt class="col-sm-4">{{__('purchases::bill_returns.Reference ID')}}</dt>
                        <dd class="col-sm-8">
                            <p>{{$billReturn->reference}}</p>
                        </dd>
                    </div>
                    <div class="row">
                        <dt class="col-sm-4">{{__('purchases::bill_returns.Supplier Invoice Reference Number')}}</dt>
                        <dd class="col-sm-8">
                            <div class="">{{ ($billReturn->supplier_invoice_reference_number != "null") ? $billReturn->supplier_invoice_reference_number : "" }}</div>
                        </dd>
                    </div>
                    <div class="row">
                        <dt class="col-sm-4">{{__('purchases::bill_returns.Description')}}</dt>
                        <dd class="col-sm-8">
                            <p>{{$billReturn->description}}</p>
                        </dd>
                    </div>
                    <div class="row">
                        <dt class="col-sm-4">{{__('purchases::bill_returns.Supplier')}}</dt>
                        <dd class="col-sm-8">
                            <p>{{$billReturn->supplier->name}}</p>
                        </dd>
                    </div>
                    <div class="row">

                        @if(!$billReturn->paymentTerm)
                        <dt class="col-sm-4">{{__('purchases::purchase_bills.Payment Account')}}</dt>
                        <dd class="col-sm-8">
                            <div> {{$billReturn->paymentAccount->name ?? ''}} </div>
                        </dd>
                        @else
                        <dt class="col-sm-4">{{__('purchases::purchase_bills.due_date')}}</dt>
                        <dd class="col-sm-8">
                            <div> {{ Date::format($billReturn->date->addDays($billReturn->paymentTerm->days ?? 0), 'date') }} </div>
                        </dd>
                        @endif
                    </div>
                    <div class="row">
                                                <dt class="col-sm-4">{{__('products::cost_center.Cost Center')}}
                        </dt>
                        <dd class="col-sm-8" style="height:unset">
                            <div class="" style="word-break: break-word;">{{$costCenter?$costCenter['code'] . ' - ' . $costCenter['name_' . app()->getLocale()]: __('products::cost_center.main center') }}</div>
                        </dd>
                        <dt class="col-sm-4">{{__('sales::customers.created_by')}}
                        </dt>
                        <dd class="col-sm-8" style="height:unset">
                            <div class="" style="word-break: break-word;">
                                @if($billReturn->created_by == null)
                                    @lang('accounting::assets.System')
                                @elseif($billReturn->created_by == auth()->user()->id)
                                    @lang('accounting::assets.You')
                                @else
                                    {{$billReturn->addedBy->uname}}
                                @endif
                            </div>
                        </dd>
                        @if($billReturn->purchase_bill_id)
                            <dt class="col-sm-4">@lang('purchases::bill_returns.bill_reference')
                            </dt>
                            <dd class="col-sm-8">
                                <div> <a @if(is_null($billReturn->purchaseBill->deleted_at)) href="{{route('company.bills.show', ['subdomain' => $subdomain, 'purchaseBill' => $billReturn->purchase_bill_id])}}" @endif target="_blank">{{$billReturn->purchaseBill->reference}}
                                </a>
                                </div>
                            </dd>
                        @endif
                    </div>

                </div>
                <div class="col-lg-5 rounded">
                    <div class="card frame-gray mb-0" style="background-color: rgb(245, 247, 250) !important;border:none ;margin: auto;">
                        <div class="card-header  border-bottom-gray p-1" style="background-color: rgb(245, 247, 250) !important;">
                            <h3>@lang('purchases::bill_returns.Supplier Details'):</h3>
                        </div>
                        <div class="card-body p-0">
                            <table class="table table-borderless">
                                <tbody>
                                    <tr>
                                        <th scope="row"><b>@lang('purchases::bill_returns.phone'):</b></th>
                                        @php $mobile = $billReturn->supplier->mobile ? str_replace("+", "00", App\Enums\PhoneCode::get($billReturn->supplier->country_code)) . '-' .  $billReturn->supplier->mobile : '' @endphp

                                        <td>
                                            <a href="{{ 'Tel:'.$mobile}}" id="customer-phone">{{$mobile}}</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th scope="row"><b>@lang('purchases::bill_returns.email'):</b></th>
                                        <td>
                                            <a href="{{ 'mailto:'.$billReturn->supplier->email}}"
                                               target="_top"
                                               id="customer-email">{{$billReturn->supplier->email}}</a>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>

                        </div>
                    </div>
                </div>
            </div>
            <div class="row mb-2">
                <div class="col-md-12">
                    <div class="table-responsive">
                        @php
                            $counterOfColumn=8;
                            if(!$billReturn->formDesign->product_description)
                            {
                                $counterOfColumn--;
                            }
                            if(!$billReturn->formDesign->discount)
                            {
                                $counterOfColumn--;
                            }
                            if(!$billReturn->formDesign->tax_amount)
                            {
                                $counterOfColumn--;
                            }
                            if(!$billReturn->formDesign->product_image)
                            {
                                $counterOfColumn--;
                            }
                        @endphp
                        <table
                            class="table mb-0 table table-striped table-bordered zero-configuration">
                            <thead>
                                <tr>
                                    @if($billReturn->formDesign->product_image)
                                        <th style="width: 10%">@lang('products::product.Image')
                                    @endif
                                    <th>@lang('purchases::bill_returns.product_name')</th>
                                    @if($billReturn->formDesign->product_description)
                                    <th style="float: unset;" class="col-xs-2 col-sm-4">@lang('purchases::bill_returns.description')</th>
                                    @endif
                                    <th>@lang('purchases::bill_returns.qty')</th>
                                    <th>@lang('purchases::bill_returns.unit_price')</th>
                                    @if($billReturn->formDesign->discount)
                                    <th>@lang('purchases::bill_returns.discount')</th>
                                    @endif
                                    @if($billReturn->formDesign->tax_amount)
                                    <th>@lang('purchases::bill_returns.vat')</th>
                                    <th>@lang('purchases::bill_returns.vat_value')</th>
                                    @endif
                                    <th>@lang('purchases::bill_returns.amount')</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($billReturn->billReturnDetails as $record)
                                <tr>
                                    @if($billReturn->formDesign->product_image)
                                        <td><img class="@if($record->product->image) img-thumbnail cursor-pointer product_image_transaction @endif" src="{{ $record->product->image }}"></td>
                                    @endif
                                    <td>{{ $record->product->name }}</td>
                                    @if($billReturn->formDesign->product_description)
                                    <td>{{ $record->description }}</td>
                                    @endif

                                    <td>{{ number_format((float)$record->quantity,2,".",",") }}</td>
                                    <td>{{ number_format((float)$record->price,2,".",",") }}</td>
                                    @if($billReturn->formDesign->discount)
                                    <td>{{ $record->discount }}</td>
                                    @endif
                                    @if($billReturn->formDesign->tax_amount)
                                    <td>{{ ($record->tax)?$record->tax->percentage:0 }}</td>
                                    <td>{{ number_format((float)$record->vat_value,2,".",",") }}</td>
                                    @endif
                                    <td>
                                        @if($billReturn->formDesign->tax_status == \Modules\Settings\Enums\TaxStatusesEnum::INCLUDE_VAT)
                                        {{number_format((float)$record->total,2,".",",")}}
                                        @else
                                        {{number_format((float)$record->gross,2,".",",") }}
                                        @endif
                                    </td>
                                </tr>
                                @endforeach
                                <tr>
                                    <td colspan="{{$counterOfColumn}}"><b> @lang('purchases::bill_returns.gross') </b></td>
                                    <td>  <b>{{ number_format((float)$billReturn->total_amount,2,".",",") }} {!! __('settings::currencies.' . $billReturn->currency_code) !!}  </b></td>
                                </tr>
                                <tr>
                                    <td colspan="{{$counterOfColumn}}"> <b>@lang('purchases::bill_returns.vat') </b></td>
                                    <td>  <b>{{ number_format((float)$billReturn->total_vat,2,".",",") }} {!! __('settings::currencies.' . $billReturn->currency_code) !!} </b> </td>
                                </tr>
                                <tr>
                                    <td colspan="{{$counterOfColumn}}">  <b>@lang('purchases::bill_returns.total_amount') </b></td>
                                    <td>
                                        <b>
                                            {{ number_format((float)$billReturn->total,2,".",",") }} {!! __('settings::currencies.' . $billReturn->currency_code) !!}
                                        </b>
                                    </td>
                                </tr>

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="row mb-2">
                @can('purchases.supplier-receipts.view')
                <div class="col-md-12">
                    <button class="mb-1 btn btn-default w-100 filterbtn"
                            type="button" data-toggle="collapse"
                            data-target="#collapsePayments" aria-expanded="false"
                            aria-controls="collapsePayments">
                        <div class="d-flex justify-content-between">
                            <span>{{ __('purchases::purchase_bills.bill_payments') }}</span><i class="fa fa-angle-down"></i>
                        </div>
                    </button>
                    <div class="collapse" id="collapsePayments">
                        <div class="card card-body mb-0">
                            @can('purchases.bill-returns.create')
                                <a {{-- Disabled if outstanding is zero  --}}
                                   class='@if($billReturn->outstanding == 0) disabled @endif '
                                   data-toggle="tooltip" data-placement="bottom"
                                   title="@lang('purchases::bill_returns.bill_payments')"
                                   @if($billReturn->outstanding !== 0)
                                   @click="exampleModalShowing = true; receipts = {{json_encode($billReturn->avliableReceipts)}};
                                       outstanding={{$billReturn->outstanding}};
                                       total={{$billReturn->total}};
                                       allocated={{$billReturn->paid_amount}}
                                       route={{ json_encode(route('company.bill-returns.assign-receipts', ['subdomain' => $subdomain, 'billReturn' => $billReturn->id] )) }};
                                       billReference={{ json_encode($billReturn->reference)}} "
                                   @endif

                                >
                                <span class="icon-Add action-icon"></span>
                            </a>
                            @endcan
                            <div class="table-responsive">
                                <table
                                    class="table table-striped  dataex-res-configuration  @if(app()->getlocale() == 'ar') ar-language-file @endif"
                                    style="width:100%;display: inline-table;">
                                    <thead>
                                        <tr>
                                            <th>@lang('purchases::supplier_receipts.Reference ID')</th>
                                            <th>@lang('purchases::supplier_receipts.Amount')</th>
                                            @can('purchases.supplier-receipts.delete')
                                                <th>@lang('Actions')</th>
                                            @endcan
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($billReturn->payments as $key => $record)
                                        <tr>
                                            <td><a
                                                    href="{{route('company.supplier-receipts.show', ['subdomain' => $subdomain, 'supplierPaymentReceipt' => $key])}}">{{ $record['reference'] }}</a></td>
                                            <td>{{ $record['total'] }}</td>
                                            @can('purchases.supplier-receipts.delete')
                                                @if(!$record['is_from_bill'])
                                                    <td>
                                                        <a data-url="{{route('company.bill-returns.unassign-receipt', ['subdomain' => $subdomain])}}"
                                                        data-toggle="modal" data-target="#favoritesModal" data-receipt="{{$key}}"
                                                        class='delete-entries'>
                                                        <button class="btn btni rounded-circle font-small-2 btn-warning btn-xs btn-delete text-white">
                                                                <i class="fa fa-trash" data-toggle="tooltip" data-placement="bottom" title="@lang('Delete')"></i>
                                                            </button>
                                                        </a>
                                                    </td>
                                                @endif
                                            @endcan
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                                <receipts-modal
                                    :type="{{ json_encode(__('purchases::bill_returns.billreturns')) }}"
                                    :allocation="{{ json_encode(__('purchases::bill_returns.allocation')) }}"
                                    :remaningamount="{{json_encode(__('purchases::bill_returns.remaningAmount')) }}"
                                    :unpaidbills="{{json_encode(__('purchases::bill_returns.unpaidtype')) }}"
                                    :Youhavetoasignselectedreceiptamountto="{{json_encode(__('purchases::supplier_receipts.You have to assign receipts to be linked with this')) }}"
                                    :referenceid="{{json_encode(__('purchases::bill_returns.ReferenceID')) }}"
                                    :date="{{json_encode(__('purchases::bill_returns.Date')) }}"
                                    :amount="{{json_encode(__('purchases::bill_returns.Amount')) }}"
                                    :assigned="{{json_encode(__('purchases::bill_returns.assign')) }}"
                                    :totalstring="{{json_encode(__('purchases::bill_returns.totalString')) }}"
                                    :save="{{ json_encode(__('Save')) }}"
                                    :cancel="{{ json_encode(__('Cancel')) }}"
                                    :showing="exampleModalShowing"
                                    @close="exampleModalShowing = false"
                                    :receiptslist="receipts"
                                    :outstanding="outstanding"
                                    :allocated="allocated"
                                    :allocatedstring="{{ json_encode(__('sales::customer_receipts.allocated')) }}"
                                    :total="total"
                                    :route="route"
                                    :csrf="'{{csrf_token()}}'"
                                    :billreference="billReference"
                                    :lang="{{ json_encode(app()->getLocale()) }}"
                                    :search="{{ json_encode(__('purchases::purchase_bills.search')) }}"
                                >
                                </receipts-modal>

                                {{---------------- popup to deleted  receipt -------------------------------}}
                                <div class="modal fade" id="favoritesModal" 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('Delete')</h4>
                                            </div>
                                            <div class="modal-body">
                                                <p>@lang('purchases::bill_returns.delete confirmation message')</p>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-default mx-1" data-dismiss="modal">@lang('Cancel')</button>
                                                <span class="pull-right">
                                                    <form action="" method="post" class="form delete-form">
                                                        @csrf
                                                        <input type="hidden" name="billReturn" id="billReturn"  value="{{$billReturn->id}}"/>
                                                        <input type="hidden" name="receipt" id="receipt"/>
                                                        <button type="submit"
                                                                class="btn btn-primary">@lang('Continue')</button>
                                                    </form>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                        </div>
                    </div>
                </div>
                @endcan
                @if($billReturn->custom_fields)
                @php $customFields = json_decode($billReturn->custom_fields, true) @endphp
                <div class="col-md-12">
                    <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>{{ __('purchases::bill_returns.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"
                                        name="custom_fields[{{($key+1)}}][value]"
                                        @if(isset($field['value'])||isset(old('custom_fields')[$key+1]['value']))
                                        checked
                                        @endif
                                        disabled>
                                    @else
                                    <input
                                        value="{{$field['value']}}"
                                        class="w-100 py-1 form-control @if($field['type']=='date') singledate @endif"
                                        type="{{ ($field['type']=='date')?'text':$field['type'] }}"
                                        id="{{$field['name_en']}}" disabled>
                                    @endif
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                </div>
                @endif
                <div class="col-md-12">
                    <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>{{ __('purchases::bill_returns.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">
                            {!!  $billReturn->terms ?? $billReturn->formDesign->terms !!}
                        </div>
                    </div>
                </div>

                <div class="col-md-12">
                    <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>{{ __('purchases::bill_returns.notes') }} </span><i
                                class="fa fa-angle-down"></i>
                        </div>
                    </button>
                    <div class="collapse" id="collapseNote">
                        <div class="card card-body mb-0">
                            {!! $billReturn->notes ?? $billReturn->formDesign->notes !!}
                        </div>
                    </div>
                </div>

                <div class="col-md-12">
                    <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 ($billReturn->attachments as $attachment)
                            <div>
                                <a href={{ $attachment->file_path }} target="_blank">{{$attachment->name}}</a>
                            </div>
                            @empty
                            <div>
                                @lang('purchases::purchase_bills.there_is_no_attachments')
                            </div>
                            @endforelse
                        </div>

                    </div>
                </div>

            </div>
        </div>
    </div>

    <div class="modal fade" id="emailModal" 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 email')</h4>
                </div>
                <form action="{{route('company.bill-return.send-to-email', [$subdomain, $billReturn])}}" method="post" class="form delete-form">
                    @csrf
                    <div class="modal-body">
                        <label for="email"> @lang("E-Mail Address") </label>
                        <input type="email" name="email" id="email" class="form-control" value="{{$billReturn->supplier->email}}" />
                        <label for="email"> @lang("From E-Mail") </label>
                        <input type="email" name="from_email" id="from_email" class="form-control" value="{{auth()->user()->email}}" />
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default mx-1" data-dismiss="modal">@lang('Cancel')</button>
                        <span class="pull-right">
                            <input type="hidden" name="invoice" id="invoice" value="{{$billReturn->id}}"/>
                            <button type="submit" class="btn btn-primary">@lang('Send')</button>
                        </span>
                    </div>
                </form>

            </div>
        </div>
    </div>

    </div>
</section>
@endsection
@section('extra_scripts')
<script type="module">

    import { triggerAutoPrint } from '/js/utils/print.js';
    
    
    triggerAutoPrint();
  
    
    </script>
    <script>
        gtag('event', 'web_purchases_bill_returns_show');
        console.log('web_purchases_bill_returns_show event');
    </script>
    <script>
        window.addEventListener('DOMContentLoaded', function () {
            $(document).ready(function () {
                // For A Delete Record Popup
                $(document).on('click', '.delete-entries', function () {
                    var modal = $(this).attr('data-target');
                    var url = $(this).attr('data-url');
                    $('#receipt').val($(this).attr('data-receipt'));
                    $(modal + ' .delete-form').attr("action", url);
                });
            });
        });
    </script>
@endsection