@use('App\Services\Date')
@extends('companyuser::layouts.master')
@section('title', __('purchases::expenses.create_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('Create')</a></li>
        </ol>
    </div>
</div>
@endsection

@section('content')
<section id="basic-form-layouts" class="form-border add-form-section filter-section-collapse">
<form action="{{ route('company.expenses.store', $subdomain) }}" method="post" id="expenseForm" enctype="multipart/form-data" class="add_form">
    @csrf
    <div class="container-fluid">
        <div class="headBtns mx-1 fixed-btns">
            <div class="btn-group pull-right">
                <a type="button" data-toggle="dropdown" aria-haspopup="true" class="bg-transparent" style="font-size: inherit; border:none;" aria-expanded="false" title="{{ __('Save')}}">
                    <span class="icon-Save action-icon"></span>
                </a>
				<x-save-actions
					id="saveAndCreate"
					form-id="expenseForm"
					action-input-id="action-type"
					:can-save="isset($currentFiscalYearId)"
					:support-drafts="false"
					:show-print="true"
					date-field-name="date"
				/>
            </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>

            </div>
        </div>
        @if(!$currentFiscalYear)
        <div class="row">
            <div class="col-md-12  col-xs-12 text-center">
                <div class="alert alert-white settings-alert">
                    @lang('superadmin::Dashboard.Please set your ')
                    <a href="{{route('company.accounting-settings.index', $subdomain)}}">
                        @lang('settings::general_settings.accounting settings') </a>
                    &nbsp;
                    @lang('superadmin::Dashboard.to start adding accounting transactions')
                </div>
            </div>
        </div>
        @endif
        <div class=" match-height">
            <div class="">
                <div class="card mt-2">
                    <div class="">
                        {{-- @include('companyuser::errors.all') --}}
                        @include('companyuser::errors.operation-locked')
                        @include('companyuser::errors.lists')
                        @error('remaining')
                        <span class="invalid-feedback text text-danger" role="alert">
                            <p>{{ $message }}</p>
                        </span>
                        @enderror
                        @error('attachment_id')
                        <div class="invalid-feedback text text-danger" role="alert">
                            <p>{{ $message }}</p>
                        </div>
                        @enderror
                        @if($remaining)
                        <div class="card-block">

                            <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">
                                            <input type="text" name="code" value="{{ $suggested_code ?? '' }}" readonly class="w-100 form-control h-45{{ $errors->has('code') ? ' is-invalid' : '' }}">
                                            @error('code')
                                            <div class="invalid-feedback text text-danger" role="alert">
                                                <p>{{ $message }}</p>
                                            </div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="row mb-half">
                                        <div class="col-md-4">
                                            <label for="description">{{ __('accounting::chart_of_accounts.Description') }}</label>
                                            ( @lang('optional') )
                                        </div>
                                        <div class="col-md-8">
                                            <textarea id="description" name="description" rows="5" cols="450" maxlength="500" class="w-100 form-control{{ $errors->has('description') ? ' is-invalid' : '' }}">
                                                {{ old('description', $expense ? $expense->description : '') }}
                                            </textarea>
                                            @error('description')
                                                <span class="invalid-feedback text text-danger" role="alert">
                                                    <p>{{ $message }}</p>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="row mb-half">
                                        <div class="col-md-4">
                                            <span class="custom-control-description pl-0 ml-0">
                                                <label for="cost_center_id">{{ __('products::cost_center.Cost Center') }}</label>
                                            </span>
                                        </div>
                                        <div class="col-md-8">
                                            <select name="cost_center_id" id="cost_center_id" class="w-100 py-1 form-control h-45 select2-tag">
                                                @can('cost-center.main-center.create')
                                                <option value="">@lang('products::cost_center.main center')</option>
                                                @endcan
                                                @foreach($costCenters as $costCenter)
                                                    @if($costCenter->parent_id)
                                                        <option @if(old('cost_center_id', $expense? $expense->cost_center_id: '') == $costCenter->id) selected @endif value="{{$costCenter->id}}">{{$costCenter->code}}
                                                            {{ app()->getLocale() == 'ar' ? $costCenter->name_ar : $costCenter->name_en }}
                                                        </option>
                                                    @else
                                                        <option @if(old('cost_center_id', $expense? $expense->cost_center_id: '') == $costCenter->id) selected @endif value="{{$costCenter->id}}">{{$costCenter->code}} -
                                                            {{ app()->getLocale() == 'ar' ? $costCenter->name_ar : $costCenter->name_en }}
                                                        </option>
                                                    @endif
                                                @endforeach
                                            </select>
                                            @error('cost_center_id')
                                                <span class="invalid-feedback text text-danger" role="alert">
                                                    <p>{{ $message }}</p>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="row mb-half">
                                        <div class="col-md-4">
                                            <label>@lang('purchases::expenses.payee')</label>
                                        </div>
                                        <div class="col-md-8">
                                            <div class='input-group'>
                                                <select name="payee" class="w-100 py-1 select2-tag h-45 form-control{{ $errors->has('payee') ? ' is-invalid' : '' }}">
                                                    <option value="">@lang('purchases::expenses.select payee')</option>
                                                    @foreach($payees as $group => $value)
                                                        <optgroup label="{{ $group }}">
                                                            @foreach($value as $key => $value)
                                                                <option value="{{ $key }}" {{ old('payee', $expense ? $expense->payee : request('payee')) == $key ? 'selected' : '' }}>{{ $value }}</option>
                                                            @endforeach
                                                        </optgroup>
                                                    @endforeach
                                                </select>
                                            </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">
                                            <select name="payment_account" class="w-100 py-1 h-45 form-control select2-tag payment-account{{ $errors->has('payment_account') ? ' is-invalid' : '' }}" data-current-balance="{{ json_encode($paymentAccounts) }}">
                                                <option value="">{{ trans('purchases::expenses.select payment account') }}</option>
                                                @foreach($paymentAccountsForDropdown as $key => $value)
                                                    <option value="{{ $key }}" {{ old('payment_account', $expense ? $expense->payment_account_id : '') == $key ? 'selected' : '' }}>{{ $value }}</option>
                                                @endforeach
                                            </select>
                                            @error('payment_account')
                                                <div class="invalid-feedback text text-danger w-100 d-block" role="alert">
                                                    <p>{{ $message }}</p>
                                                </div>
                                            @enderror
                                        </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('purchases::expenses.Bill Date')</label>
                                        </div>
                                        <div class="col-md-8">
                                            <x-date-picker 
                                                name="date" 
                                                id="date"
                                                :default-today="true"
                                                :value="old('date')"
                                                input-class="h-45"
                                                :is-invalid="$errors->has('date')"
                                                :max-date="Date::now('date')"
                                                data-fiscal-year="{{$currentFiscalYear ?? null }}"
                                            />
                                            <input type="hidden" name="current_fiscal_year_id" value="{{ $currentFiscalYearId ?? 0 }}">
                                            <input type="hidden" name="remaining" value="{{ $remaining }}">
                                            <input type="hidden" name="attachment_id" value="{{ request('attachment_id') }}">

                                            @error('date')
                                            <div class="invalid-feedback text text-danger w-100 d-block" role="alert">
                                                <p>{{ $message }}</p>
                                            </div>
                                            @enderror
                                            @error('current_fiscal_year_id')
                                            <div class="invalid-feedback text text-danger w-100 d-block" role="alert">
                                                <p>{{ $message }}</p>
                                            </div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row mb-2">
                                <div class="col-md-12">
                                    <expense-product-component :description="{{ json_encode(__('sales::estimates.description')) }}"
                                        :total="{{ json_encode(__('sales::estimates.total_amount')) }}"
                                        :clear_all="{{ json_encode(__('sales::estimates.clear_all')) }}"
                                        :add_new_line="{{ json_encode(__('sales::estimates.add_new_line')) }}"
                                        :lang="{{ json_encode(Lang::locale()) }}"
                                        :old="{{ json_encode( (old())? old() :  ($expense ? ['products' => $expense->details]: null))}}"
                                        :qty="{{ json_encode(__('sales::estimates.qty')) }}"
                                        :product="{{ json_encode(__('purchases::expenses.expense')) }}"
                                        :unit_price="{{ json_encode(__('sales::estimates.unit_price')) }}"
                                        :vat="{{ json_encode(__('sales::estimates.vat')) }}"
                                        :vat_value="{{ json_encode(__('sales::estimates.vat_value')) }}"
                                        :gross="{{ json_encode(__('sales::estimates.gross')) }}"
                                        :amount="{{ json_encode(__('sales::estimates.amount')) }}"
                                        :photo="{{ json_encode(__('sales::estimates.photo')) }}"
                                        :is_description_appear="{{ json_encode($isDescriptionAppear) }}"
                                        :is_tax_appear="{{ json_encode($isTaxAppear) }}"
                                        :company_default_tax="{{ json_encode($companyDefaultTax) }}"
                                        :products="{{ json_encode($products) }}" 
                                        :taxes="{{ json_encode($taxes) }}"
                                        :taxes_statuses="{{ json_encode($taxes_statuses) }}"
                                        :exclusive_tax_status="{{ json_encode(\Modules\Sales\Enums\InvoiceTaxesStatusEnum::EXCLUSIVE) }}"
                                        :inclusive_tax_status="{{ json_encode(\Modules\Sales\Enums\InvoiceTaxesStatusEnum::INCLUSIVE) }}"
                                        :no_tax_status="{{ json_encode(\Modules\Sales\Enums\InvoiceTaxesStatusEnum::NO_TAXES) }}"
                                        :tax_disabled="{{json_encode((old() && old('taxes_status') == \Modules\Sales\Enums\InvoiceTaxesStatusEnum::NO_TAXES)? true: (($expense && $expense->taxes_status == \Modules\Sales\Enums\InvoiceTaxesStatusEnum::NO_TAXES)?true: false)  )}}"
                                        :invoice_tax_status="{{json_encode( old()? old('taxes_status') : ($expense ? $expense->taxes_status: \Modules\Sales\Enums\InvoiceTaxesStatusEnum::EXCLUSIVE)  )}}"
                                        :currency="{{json_encode(__('settings::currencies.' . $currency))}}"
                                        :add_product_popup_data="{{ json_encode([
                                        'title'=>__('New').' '.__('expense'),
                                        'name_ar'=>__('products::product.NameAr'),
                                        'name_en'=>__('products::product.Name'),
                                        'product_type'=>\Modules\Products\Models\Product::TYPE_EXPENSE,
                                        'identifier'=>__('products::product.Id'),
                                        'product_identifier'=>$product_identifier,
                                        'subcategories'=>$subcategories,
                                        'cancel'=>__('Cancel'),
                                        'continue'=>__('Continue'),
                                        'buying_price'=>__('products::product.Buying Price'),
                                        'purchase_account'=>__('products::product.Buying Account'),
                                        'category_id'=>$categoryId,
                                        'unit_id'=>$unitId,
                                        'tax'=>__('products::product.Taxes'),
                                        'inventory_account_id'=>$inventory_account_id,
                                        'selling_account_id'=>$selling_account_id,
                                        'purchasing_account_id'=>$purchasing_account_id,
                                        'no_tax'=>__('No Default Tax Rate'),
                                        'url'=>route('company.products.store', ['subdomain'=>$subdomain]),
                                        'default_elements_validation'=> __('products::product.default_elements_validation'),
                                        'addButtonText'=>__('Create'),
                                        'addButtonImg'=>asset('assets/images/svg/plus.svg')
                                    ]) }}"></expense-product-component>
                                    @error('products.*')
                                    <span class="invalid-feedback text text-danger" role="alert">
                                        <p>{{ $message }}</p>
                                    </span>
                                    @enderror
                                    @error('products')
                                    <span class="invalid-feedback text text-danger" role="alert">
                                        <p>{{ $message }}</p>
                                    </span>
                                    @enderror
                                </div>
                            </div>
                            <div class="row mb-1">
                                <div class="col-md-12">
                                    @if( $customFields->count() )
                                    <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::expenses.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]" @isset(old('custom_fields')[$key+1]['value']) checked @endisset>
                                                    @else
                                                    <input class="w-100 py-1 form-control @if($field->type=='date') singledate @endif" placeholder="{{ $field->{'name_'.app()->getLocale()} }}" name="custom_fields[{{($key+1)}}][value]" type="{{ ($field->type=='date')?'text':(($field->type=='check_box')?'checkbox':$field->type) }}" id="{{$field->name_en}}" value="{{old('custom_fields') ? old('custom_fields')[$key+1]['value'] : null}}">
                                                    @endif
                                                    <input type="hidden" value="{{$field->name_ar}}" name="custom_fields[{{ ($key+1) }}][name_ar]">
                                                    <input type="hidden" value="{{$field->name_en}}" name="custom_fields[{{ ($key+1) }}][name_en]">
                                                    <input type="hidden" value="{{$field->type}}" name="custom_fields[{{ ($key+1) }}][type]">
                                                    <input type="hidden" value="{{$field->module}}" name="custom_fields[{{ ($key+1) }}][module]">
                                                </div>
                                            </div>
                                            @endforeach
                                        </div>
                                    </div>
                                    @endif
                                </div>
                                <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::expenses.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">
                                            <rich-text-editor-component :lang="{{ json_encode(app()->getLocale()) }}" :path="{{ json_encode('purchases/expenses/terms') }}" :name="{{ json_encode('terms') }}" :value="{{ json_encode(old('terms', $terms)) }}">
                                            </rich-text-editor-component>
                                        </div>
                                    </div>
                                    @error('terms')
                                    <div class="invalid-feedback text text-danger w-100 d-block" role="alert">
                                        <p>{{ $message }}</p>
                                    </div>
                                    @enderror
                                </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::expenses.notes') }} </span><i class="fa fa-angle-down"></i>
                                        </div>
                                    </button>
                                    <div class="collapse" id="collapseNote">
                                        <div class="card card-body mb-0">
                                            <rich-text-editor-component :lang="{{ json_encode(app()->getLocale()) }}" :path="{{ json_encode('purchases/expenses/notes') }}" :name="{{ json_encode('notes') }}" :value="{{ json_encode(old('notes', $notes)) }}">
                                            </rich-text-editor-component>
                                        </div>
                                    </div>
                                    @error('notes')
                                    <div class="invalid-feedback text text-danger w-100 d-block" role="alert">
                                        <p>{{ $message }}</p>
                                    </div>
                                    @enderror
                                </div>
                                @if(!old('attachment_id') && !request('attachment_id'))
                                    <attachments-component
                                        :translations="{{ json_encode([
                                            'attachments' => __('general.attachments'),
                                            'attachments_validation' => __('general.attachments_validation'),
                                            'attachments_max_size' => __('general.attachments_max_size'),
                                            'selected_files' => __('general.selected_files'),
                                        ]) }}"
                                        :errors="{{ json_encode($errors->get('attachments.*')) }}"
                                        :preloaded-files="{{ json_encode($expense->attachments ?? []) }}"
                                    ></attachments-component>
                                @endif
                            </div>
                            <div class="modal fade" id="confirmationModal" 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('accounting::manual_journal_entries.confirmation_date')</h4>
                                        </div>
                                        <div class="modal-body">
                                            <p>
                                                @lang('accounting::manual_journal_entries.confirmation_date_in_past')
                                            </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">
                                                <button type="button" dev-value="save" class="btn btn-primary form-submit-button" id="continue_button">@lang('Continue')</button>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                        @else
                        @include('info.limit_reached')
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    </form>
</section>
@endsection
@section('extra_scripts')
    <script>
        gtag('event', 'web_purchases_expenses_create');
        console.log('web_purchases_expenses_create event');
    </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();

            



        })(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>
<script>
    window.addEventListener('DOMContentLoaded', function() {
        (function($) {
            // needed for select2
            $(".addProductFilter").select2({
                tags: false,
                language: {
                    noResults: function() {
                        return "{{ __('No result found')}}";
                    }
                },
                dropdownParent: $("#addProductModal")
            });
            // needed for select2
        })(jQuery);
    });
</script>
@endsection