@extends('companyuser::layouts.master')
@section('title', __('sales::invoices.show_invoice') . ' - ' . $invoice->reference)

@section('extra-styles')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/custom/forms/frames.css') }}" >
<link rel="stylesheet" href="{{ asset('assets/css/style-svgFont.css') }}" >
<script src="{{ asset('js/app.js') }}" defer></script>
<style>
    a.disabled {
        pointer-events: none;
        cursor: default;
    }
    .popup-zatca-error {
        color: #ff932a !important;
        text-decoration: underline !important;
        cursor: pointer !important;
        transition: opacity 0.2s ease;
    }

    .popup-zatca-error:hover {
        opacity: 0.8;
        text-decoration: underline !important;
    }

    .no-data-text {
        text-align: center;
        font-size: 1rem;
        font-weight: bold;
        padding: 10px;
        border-radius: 5px;
        background-color:rgb(206 206 206 / 11%);
    }
</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.customers.index', $subdomain)}}">@lang('companyuser::sidebar.Sales')</a></li>
            <li class="breadcrumb-item active"><a href="{{route('company.invoices.index', $subdomain)}}">@lang('sales::invoices.invoices')</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 id="actions">
            <div class="headBtns mx-1 fixed-btns">
                <div class="btn-group pull-right">
                    @can('sales.invoices.export')
                        <a href="" data-toggle="modal" data-target="#emailModal" class="text-green" title="{{__('Send to email')}}">
                            <span class="icon-Email action-icon"></span>
                        </a>
                        <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>
                    @if($invoice->is_draft)
                        @can('sales.invoices.edit')
                            <a href="{{route('company.invoices.edit', [$subdomain, $invoice])}}" class="text-green" title="{{__('Edit')}}">
                                <span class="icon-Edit action-icon"></span>
                            </a>
                        @endcan
                    @else
                        <!-- @if(!$invoice->invoiceReturn()->exists())
                        <a href="{{route('company.invoices.return', [$subdomain, $invoice])}}" class="text-green @if( $invoice->customer->deleted_at || !$invoice->customer->status) disabled @endif" title="{{__('Return')}}">
                            <span class="icon-Reload action-icon"></span>
                        </a>
                        @endif -->

                        @if(!$invoice->isFullyReturned())
                            <a href="{{route('company.invoices.return', [$subdomain, $invoice, $invoice->creditNoteType])}}" class="text-green @if( $invoice->customer->deleted_at || !$invoice->customer->status) disabled @endif" title="{{__('Return')}}">
                                <img style="margin-bottom: 35px;" src="{{ asset('assets/icons/credit-note-'.app()->getLocale().'.svg') }}" width="65" height="51" />
                            </a>
                            <a href="{{route('company.invoices.debit', [$subdomain, $invoice, $invoice->debitNoteType])}}" class="text-green" title="{{__('sales::invoices.debit_note')}}">
                                <img style="margin-bottom: 35px;" src="{{ asset('assets/icons/debit-note-'.app()->getLocale().'.svg') }}" width="65" height="51" />
                            </a>
                        @endif
                    @endif

                    @endcan
                </div>
                <div class="mb-1 pull-left">
                    @can('sales.invoices.view')
                    <a class="text-green pull-left" href="{{route('company.invoices.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
                    @can('sales.invoices.export')
                        <a href="{{ route('company.invoices.print',[$subdomain,$invoice->id]) }}" target="_blank" id="print_button" class="text-green" title=" @lang('Print')">
                            <span class="icon-Print action-icon"></span>
                        </a>
                    @endcan
                </div>
            </div>
        </div>
        @if( $invoice->customer->deleted_at || !$invoice->customer->status)
            <div class="col-md-12  col-xs-12 text-center" style="z-index: 9999;">
                <div class="alert alert-red">
                    @lang('sales::invoices.customer_deleted_or_deactivated')
                </div>
            </div>
        @endif
        @include('companyuser::errors.lists')
        @include('companyuser::errors.all')
        <div class="card mb-0 mt-2">
            <div class="card-block" style="font-size: 0.9rem;">
                <dl class="row mb-0">
                    <div class="col-sm-6 col-md-6 col-lg-7">
                        <div class="row">
                            <dt class="col-sm-3">{{__('sales::invoices.Reference ID')}}</dt>
                            <dd class="col-sm-9">
                                <div>{{$invoice->reference}}</div>
                            </dd>
                        </div>
                        <div class="row">
                            <dt class="col-sm-3">{{__('sales::invoices.bill_date')}}</dt>
                            <dd class="col-sm-9">
                                <div>{{ $invoice->formatDate($invoice->date) }}</div>
                            </dd>
                        </div>
                        @if($zatcaComply)
                        <div class="row">
                            <dt class="col-sm-3">{{__('sales::invoices.report_zatca_status')}}</dt>
                            <dd class="col-sm-9">
                                <div>
                                    @if($invoice->zatca_error)
                                        <a href="#" data-msg="{{ base64_encode($invoice->zatca_error) }}" style="color: #ff932a !important; text-decoration: underline; cursor: pointer;" class="popup-zatca-error font-weight-bold" title="{{__('sales::invoices.failed_reasons')}}">
                                            {{ \Modules\Sales\Enums\Zatca\ReportInvoiceEnum::toString($invoice->zatca_reported) }}
                                        </a>
                                    @else
                                        <span class="font-weight-bold">{{ \Modules\Sales\Enums\Zatca\ReportInvoiceEnum::toString($invoice->zatca_reported) }}</span>
                                    @endif
                                </div>
                            </dd>
                        </div>
                        @endif
                        <div class="row">
                            <dt class="col-sm-3">{{__('sales::invoices.Customer')}}</dt>
                            <div class="col-sm-9">
                                <div style="padding-bottom: 1rem; width: 60%" class="">{{$invoice->customer->name}}</div>
                            </div>
                        </div>
                        <div class="row">
                            <dt class="col-sm-3">{{__('sales::invoices.payment_term')}}</dt>
                            <dd class="col-sm-9">
                                <div>{{$invoice->paymentTerm ? $invoice->paymentTerm->name  : __('sales::invoices.cash')}}
                                </div>
                            </dd>
                        </div>
                        <div class="row">
                            @if(!$invoice->paymentTerm)
                            <dt class="col-sm-3">{{__('sales::invoices.Payment Account')}}</dt>
                            <dd class="col-sm-9">
                                <div>
                                    @if($invoice->paymentAccount)
                                        <a href="{{route('company.chart-of-accounts.show', [$subdomain, $invoice->paymentAccount->id])}}" target="_blank">
                                            {{$invoice->paymentAccount->name}}
                                        </a>
                                    @endif
                                </div>
                            </dd>
                            @else
                            <dt class="col-sm-3">{{__('sales::invoices.due_date')}}</dt>
                            <dd class="col-sm-9">
                                <div> {{ $invoice->formatDate($invoice->due_date) }} </div>
                            </dd>
                            @endif
                        </div>
                        <div class="row">
                                                        <dt class="col-sm-3">{{__('products::cost_center.Cost Center')}}</dt>
                            <dd class="col-sm-9" style="height:unset">
                                <div class="" style="word-break: break-word;">{{$costCenter?$costCenter['code'] . ' - ' . $costCenter['name_' . app()->getLocale()]: __('products::cost_center.main center') }}</div>
                            </dd>
                        </div>
                        <div class="row">
                            <dt class="col-sm-3">{{__('sales::invoices.Description')}}</dt>
                            <dd class="col-sm-9" style="height:unset">
                                <div class="" style="word-break: break-word;">{{$invoice->description }}</div>
                            </dd>
                        </div>
                        <div class="row mt-half">
                            <dt class="col-sm-3">{{__('sales::customers.created_by')}}</dt>
                            <dd class="col-sm-9" style="height:unset">
                                <div class="" style="word-break: break-word;">
                                    @if($invoice->created_by == null)
                                    @lang('accounting::assets.System')
                                    @elseif($invoice->created_by == auth()->user()->id)
                                    @lang('accounting::assets.You')
                                    @else
                                    {{$invoice->addedBy->uname}}
                                    @endif
                                </div>
                            </dd>
                        </div>
                        @if($invoice->parent)
                        <div class="row mt-half">
                            <dt class="col-sm-3">@lang('sales::invoices.related_invoice')</dt>
                            <dd class="col-sm-9">
                                <div>
                                    <a @if(is_null($invoice->parent->deleted_at)) href="{{route('company.invoices.show', ['subdomain' => $subdomain, 'invoice' => $invoice->parent->id])}}" @endif target="_blank">
                                        {{$invoice->parent->reference}}
                                    </a>
                                </div>
                            </dd>
                        </div>
                        @endif
                        @if($invoice->invoiceReturn()->exists())
                        <div class="row">
                            <dt class="col-sm-3">@lang('purchases::purchase_bills.status')</dt>
                            <div class="col-sm-9">
                                <div class="">{{$invoice->isFullyReturned() ?
                                        __('purchases::purchase_bills.' . \Modules\Purchases\Enums\BillStatusEnum::RETURNED) :
                                        __('purchases::purchase_bills.' . \Modules\Purchases\Enums\BillStatusEnum::PARTIALLY_RETURNED)
                                    }}
                                </div>
                            </div>
                        </div>
                        <div class="row mt-half">
                            <dt class="col-sm-3">@lang('sales::invoices.return_reference')</dt>
                            <dd class="col-sm-9">
                                <div class=""><a @if(is_null($invoice->invoiceReturn->deleted_at)) href="{{route('company.invoice-returns.show', ['subdomain' => $subdomain, 'invoiceReturn' => $invoice->invoiceReturn->id])}}" @endif target="_blank">
                                    {{$invoice->invoiceReturn->reference}}
                                </a></div>
                            </dd>
                        </div>
                        @endif
                        <div class="row">
                            <dt class="col-sm-3">@lang('sales::invoices.supply_date')</dt>
                            <dd class="col-sm-9">
                                <div  class="">
                                @if($invoice->supply_date)
                                    {{ $invoice->formatDate($invoice->supply_date) }}
                                    @php
                                        $supplyDateInstance = Carbon\Carbon::parse($invoice->supply_date)->startOfDay();
                                        $today = Carbon\Carbon::today();
                                        $supplyDateDiffInDays = $supplyDateInstance->diffInDays($today);
                                        $supplyDateTranslationKey = $supplyDateInstance->greaterThan($today)
                                            ? 'sales::invoices.days_after'
                                            : 'sales::invoices.days_ago';
                                    @endphp
                                    <span class="text-muted" style="font-size: 0.85em; padding: 0 5px;"><i class="fa fa-clock-o" style="margin:0px 4px;"></i>{{ trans_choice($supplyDateTranslationKey, $supplyDateDiffInDays, ['count' => $supplyDateDiffInDays]) }}</span>
                                @endif
                                </div>
                            </dd>
                        </div>
                        <div class="row">
                            <dt class="col-sm-3">@lang('sales::invoices.time')</dt>
                            <dd class="col-sm-9">
                                <div  class="">{{ $invoice->formatTime($invoice->date) }}</div>
                            </dd>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-6 col-lg-5 rounded">
                        @if (session()->has('print-invoice-error'))
                            @if(config('sweetalert.animation.enable'))
                                <link rel="stylesheet" href="{{ config('sweetalert.animatecss') }}">
                            @endif
                            <script src="{{ asset('vendor/sweetalert/sweetalert.all.js') }}"></script>
                            <script>
                                setTimeout(() => {
                                    Swal.fire({
                                        icon: 'error',
                                        confirmButtonColor: "#11B99F",
                                        text: `