@extends('companyuser::layouts.master')
@section('title', __('purchases::expenses.show_expense'))
@section('extra-styles')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/vendors/css/pickers/daterange/daterangepicker.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/vendors/css/pickers/datetime/bootstrap-datetimepicker.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/vendors/css/pickers/pickadate/pickadate.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/plugins/pickers/daterange/daterange.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/custom.css') }}">
<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/forms/person-details.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/style-svgFont.css') }}">
<script src="{{ asset('js/app.js') }}" defer></script>
@endsection
@section('breadcrumb')
<div class="row breadcrumbs-top">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                @lang('companyuser::sidebar.Purchases')
            </li>
            <li class="breadcrumb-item active"><a
                    href="{{route('company.expenses.index', $subdomain)}}">@lang('purchases::expenses.expenses')</a>
            </li>
            <li class="breadcrumb-item active"><a href="#">@lang('View')</a>
            </li>
        </ol>
    </div>
</div>
@endsection

@section('content')
<section id="basic-form-layouts" class="form-border add-form-section filter-section-collapse">
    <div class="container-fluid">
        <div class="headBtns mx-1 fixed-btns">
            <div class="btn-group pull-right">
            <a href="{{ route('company.expenses.clone', [$subdomain,$expense])}}" class="text-green" title="{{__('Clone')}}">
                <span class="icon-Copy action-icon"></span>
            </a>
            </div>
            <div class="mb-1 pull-left">
                <a class="text-green" href="{{ route('company.expenses.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('purchases.expenses.export')
                <a href="{{ route('company.expenses.print',[$subdomain,$expense->id]) }}"
                   target="_blank"
                   id="print_button"
                   class="text-green" title="{{__('Print')}}">
                    <span class="icon-Print action-icon"></span>
                </a>
                @endcan
            </div>
        </div>

    <div class=" match-height">
        <div>
            <div class="card mt-2">
                <div>
                    {{-- @include('companyuser::errors.all') --}}
                    @include('companyuser::errors.lists')
                    @include('companyuser::errors.all')

                    <div class="card-block">
                        <form action="{{ route('company.expenses.store', $subdomain) }}" method="POST" id="expenseForm" enctype="multipart/form-data">
                            @csrf
                            <div class="row mb-2">
                                <div class="col-lg-7">
                                    <div class="row mb-half">
                                        <div class="col-md-4">
                                            <label>@lang('purchases::expenses.Reference ID')</label>
                                        </div>
                                        <div class="col-md-8">
                                            {{ $expense->reference }}
                                        </div>
                                    </div>
                                    <div class="row mb-half">
                                        <div class="col-md-4">
                                            <label for="description">@lang('accounting::chart_of_accounts.Description')</label>
                                        </div>
                                        <div class="col-md-8">
                                            <textarea name="description" id="description" cols="450" rows="5" maxlength="500" class="w-100 form-control" disabled>{{ $expense->description }}</textarea>
                                        </div>
                                    </div>
                                    <div class="row mb-half">
                                        <div class="col-md-4">
                                            <label>@lang('purchases::expenses.payee')</label>
                                        </div>
                                        <div class="col-md-7">
                                            <div class='input-group'>
                                                @if($expense->customer_id)
                                                {{ $expense->customer->name }}
                                                @elseif($expense->supplier_id)
                                                {{ $expense->supplier->name }}
                                                @endif
                                            </div>
                                            @error('payee')
                                            <div class="invalid-feedback text text-danger w-100 d-block" role="alert">
                                                <p>{{ $message }}</p>
                                            </div>
                                            @enderror
                                        </div>

                                    </div>
                                    <div class="row mb-half" id="paymentAccountDropdown">
                                        <div class="col-md-4">
                                            <label>@lang('purchases::expenses.Payment Account')</label>
                                        </div>
                                        <div class="col-md-8">
                                            <label>{{ $expense->account->name }}</label>
                                        </div>
                                        <div class="col-md-2 payment-account-balance" data-toggle="tooltip"
                                             data-placement="bottom" title="@lang('purchases::expenses.payment account balance')">
                                        </div>
                                    </div>
                                    <div class="row mb-half">
                                                                                <div class="col-md-4">
                                            <label>@lang('products::cost_center.Cost Center')</label>
                                        </div>
                                    <dd class="col-sm-8">
                                        <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 mb-half">
                                        <div class="col-md-4">
                                            <label>@lang('sales::customers.created_by')</label>
                                        </div>
                                    <dd class="col-sm-8">
                                        <div class="" style="word-break: break-word;">
                                            @if($expense->created_by == null)
                                                @lang('accounting::assets.System')
                                            @elseif($expense->created_by == auth()->user()->id)
                                                @lang('accounting::assets.You')
                                            @else
                                                {{$expense->addedBy->uname}}
                                            @endif
                                        </div>
                                    </dd>
                                    </div>
                                    <div class="row mb-half">
                                        <div class="col-md-4">
                                            <label>@lang('purchases::expenses.Payment Date')</label>
                                        </div>
                                        <div class="col-md-8">
                                            <p>{{ $expense->formatDate($expense->date) }}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                        <div class="card mb-0">
                            <div class="card-body  in">
                                <div class="card-title"> <h2>@lang('purchases::expenses.products')</h2></div>
                                <div class="table-responsive">
                                    @php
                                        $counterOfColumn=7;
                                        if(!$expense->formDesign->product_description)
                                        {
                                            $counterOfColumn--;
                                        }
                                        if(!$expense->formDesign->discount)
                                        {
                                            $counterOfColumn--;
                                        }
                                        if(!$expense->formDesign->tax_amount)
                                        {
                                            $counterOfColumn--;
                                            $counterOfColumn--;
                                        }
                                    @endphp
                                    <table
                                        class="table mb-0 table table-striped table-bordered zero-configuration">
                                        <thead>
                                            <tr>
                                                <th>@lang('purchases::expenses.product_name')</th>
                                                @if($expense->formDesign->product_description)
                                                <th style="float: unset;" class="col-xs-2 col-sm-4">@lang('purchases::expenses.Description')</th>
                                                @endif
                                                <th>@lang('purchases::expenses.qty')</th>
                                                <th>@lang('purchases::expenses.unit_price')</th>
                                                @if($expense->formDesign->discount)
                                                <th>@lang('purchases::expenses.discount')</th>
                                                @endif
                                                @if($expense->formDesign->tax_amount)
                                                <th>@lang('purchases::expenses.vat')</th>
                                                <th>@lang('purchases::expenses.vat_value')</th>
                                                @endif
                                                <th>@lang('purchases::expenses.amount')</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($expense->details as $record)
                                            <tr>
                                                <td>{{ $record->product->name }}</td>
                                                @if($expense->formDesign->product_description)
                                                <td>{{ $record->description }}</td>
                                                @endif

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

                        <div class="card mb-0">
                            <div>
                                <div class="card-block">

                                    <div class="col-md-12">
                                        <div class="row mb-1">

                                            @if($expense->custom_fields)
                                            @php
                                            $customFields = json_decode($expense->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>{{ __('purchases::purchase_bills.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 $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'])) 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'] }}"
                                                                   id="{{$field['name_en']}}" value="{{$field['value']}}" disabled>
                                                            @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>{{ __('purchases::purchase_bills.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">
                                                    {!! $expense->terms ?? $expense->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>{{ __('purchases::purchase_bills.notes') }} </span><i
                                                        class="fa fa-angle-down"></i>
                                                </div>
                                            </button>
                                            <div class="collapse" id="collapseNote">
                                                <div class="card card-body mb-0">
                                                    {!! $expense->notes ?? $expense->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 ($expense->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>


                    </div>
                </div>
            </div>
        </div>
    </div>
    {{---------------- popup for sending the item to email as pdf -------------------------------}}
    <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.expenses.send-to-email', [$subdomain, $expense])}}" method="post" class="form delete-form">
                    @csrf
                    @php
                        if($expense->supplier()->exists()){
                            $email = $expense->supplier->email;
                        }elseif($expense->customer()->exists()){
                            $email = $expense->customer->email;
                        }else{
                            $email = '';
                        }
                    @endphp
                    <div class="modal-body">
                        <label for="email"> @lang("E-Mail Address") </label>
                        <input type="email" name="email" id="email" class="form-control" value="{{$email}}"
                                oninvalid="this.setCustomValidity('@lang('Email not valid')')"
                                oninput="this.setCustomValidity('')"/>
                        <label for="email"> @lang("From E-Mail") </label>
                        <input type="email" name="from_email" id="from_email" class="form-control" value="{{auth()->user()->email}}"
                                oninvalid="this.setCustomValidity('@lang('Email not valid')')"
                                oninput="this.setCustomValidity('')"/>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default mx-1"
                                data-dismiss="modal">@lang('Cancel')</button>
                        <span class="pull-right">
                            <button type="submit" class="btn btn-primary">@lang('Send')</button>
                        </span>
                    </div>
                </form>

            </div>
        </div>
    </div>
</section>
<input id="is_print" type="hidden" value="{{ request('isPrint') }}">
@endsection
@section('extra_scripts')
    <script>
        gtag('event', 'web_purchases_expenses_show');
        console.log('web_purchases_expenses_show event');
    </script>
<script type="module">
    import { triggerAutoPrint } from '/js/utils/print.js';
    // global utility function to trigger print
    // to centralize the print logic
    triggerAutoPrint();
</script>
<script>
window.addEventListener('DOMContentLoaded', function () {
    (function ($) {
        // this to show account balance when chose it from select
        $(".payment-account").change(function () {
            var accountId = this.value
            if (!accountId)
                return;
            var account = $(this).data('current-balance')[accountId]
            balance = account ? account['current_balance'] : '';
            $('.payment-account-balance').html(balance);

        }).change();



        $('#expenseForm').submit(function () {
            // take value from clicked btn
            let clickedButtonValue = $(document.activeElement).val();
            // add the clicked button value to the action_type hidden input to submit it
            $('#action-type').val(clickedButtonValue)
            //disabled submit button
            $(this).find(":submit").prop('disabled', true);

            // form will be submitted beacuase we didn't stop the default event
        });




    })(jQuery);
});

</script>
<script src="{{url('assets/js/vendors/js/pickers/dateTime/moment-with-locales.min.js')}}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/dateTime/bootstrap-datetimepicker.min.js')}}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/pickadate/picker.js')}}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/pickadate/picker.date.js')}}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/pickadate/picker.time.js')}}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/pickadate/legacy.js')}}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/daterange/daterangepicker.js')}}" defer></script>
<script src="{{ asset('assets/js/custom/daterangepicker.js') }}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/dateTime/picker-date-time.js')}}" defer></script>
@endsection