@extends('admin.layouts.main')

@section('title')
    @if($edit)
        {{ @trans('finance.edit_debit_entry') }}
    @else
        {{ @trans('finance.create_debit_entry') }}
    @endif
@endsection

@section('content')
<main>
	<div class="two-col">

		@include("admin.common.sidebar")

		<div class="right-sec">
			<nav aria-label="breadcrumb">
				<ol class="breadcrumb">
					<li class="breadcrumb-item"><a href="javascript:void(0)">{{ @trans('finance.finance') }}</a></li>
					<li class="breadcrumb-item active">
                        <a href="{{ route('admin.petty-cash.index',['panel' => session('panel')]) }}">{{ @trans('finance.petty_cash') }}</a>
					</li>
					<li class="breadcrumb-item active" aria-current="page">
                        @if($edit)
                            {{ @trans('finance.edit_debit_entry') }}
                        @else
                            {{ @trans('finance.create_debit_entry') }}
                        @endif
					</li>
				</ol>
			</nav>
			<div class="form-sec">
				<div class="container">
					<div class="row">
						<div class="col-xl-8 offset-xl-2 col-lg-10 offset-lg-1">
							<div class="step-box">

								<form method="post" action="{{ route('admin.petty-cash.store_debit_pc', ['panel' => Session::get('panel')]) }}"
									id="frmStorePcDebit" enctype="multipart/form-data" autocomplete="off">@csrf
                                    @if($edit)
                                        <input type="hidden" name="id" value="{{ $pcDetail->id }}">
                                    @endif
									<div class="form-body">
										<div class="row">
                                            <div class="col-md-6">
												<div class="form-group">
													<label
														class="control-label">{{ @trans('finance.debit_type') }}
														<span class="required">*</span></label>
                                                    <div class="custom-control custom-radio">
                                                        <input type="radio" class="custom-control-input" id="debit_type_expense" name="debit_type" value="expense"
                                                            @if($edit && $pcDetail->debit_type == 'expense') checked @endif>
                                                        <label class="custom-control-label" for="debit_type_expense">Expense</label>
                                                    </div>
                                                    <div class="custom-control custom-radio">
                                                        <input type="radio" class="custom-control-input" id="debit_type_transfer" name="debit_type" value="transfer"
                                                            @if($edit && $pcDetail->debit_type == 'transfer') checked @endif>
                                                        <label class="custom-control-label" for="debit_type_transfer">Transfer</label>
                                                    </div>
												</div>
											</div>
                                            <div class="col-md-6">
												<div class="form-group">
													<label
														class="control-label">{{ @trans('finance.payment_mode') }}
														<span class="required">*</span></label>
                                                    <div class="custom-control custom-radio">
                                                        <input type="radio" onchange="hideShowPhoneNoDiv()" class="custom-control-input" id="payment_mode_digital" name="payment_mode"
                                                            value="digital" @if($edit && $pcDetail->payment_mode == 'digital') checked @endif>
                                                        <label class="custom-control-label" for="payment_mode_digital">Digital</label>
                                                    </div>
                                                    <div class="custom-control custom-radio">
                                                        <input type="radio" onchange="hideShowPhoneNoDiv()" class="custom-control-input" id="payment_mode_card" name="payment_mode"
                                                            value="card" @if($edit && $pcDetail->payment_mode == 'card') checked @endif>
                                                        <label class="custom-control-label" for="payment_mode_card">Card</label>
                                                    </div>
                                                    <div class="custom-control custom-radio">
                                                        <input type="radio" onchange="hideShowPhoneNoDiv()" class="custom-control-input" id="payment_mode_cash" name="payment_mode"
                                                            value="cash" @if($edit && $pcDetail->payment_mode == 'cash') checked @endif>
                                                        <label class="custom-control-label" for="payment_mode_cash">Cash</label>
                                                    </div>
												</div>
											</div>
											<div class="col-md-6">
												<div class="form-group">
													<label
														class="control-label">{{ @trans('finance.petty_cash_no') }}
														<span class="required">*</span></label>
													<input type="text" class="form-control disabled"
														placeholder="{{ @trans('finance.petty_cash_no') }}"
														name="serial_number" id="serial_number"
														value="@if($edit){{ $pcDetail->serial_number }} @else{{ $pc_default_no }}@endif">
												</div>
											</div>
											<div class="col-md-6">
												<div class="form-group date">
													<label class="control-label">{{ @trans('finance.date') }}
														<span class="required">*</span></label>
													<div class="input-group date">
														<input type="text" class="form-control dateselect bg-white"
															placeholder="Select Date" id="petty_cash_date" name="petty_cash_date" readonly
															value="@if($edit){{ $pcDetail->date_formatted_full }}@endif">
														<div class="input-group-addon">
															<span class="material-icons">date_range</span>
														</div>
													</div>
												</div>
											</div>
                                            <div class="col-md-12">
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <div class="form-group mb-0">
                                                            <label class="control-label">{{ @trans('finance.short_description') }}
                                                                <span class="required">*</span></label>
                                                            <div class="form-group">
                                                                <textarea class="form-control" placeholder="{{ @trans('finance.short_description') }}" maxlength="100"
                                                                    name="short_description" id="short_description">@if($edit){{ $pcDetail->short_description }}@endif</textarea>
                                                                <span></span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row @if(!$edit || $pcDetail->debit_type != 'expense') hidden @endif digital_debit_div">
                                            <div class="col-md-6">
                                                <div class="form-group select btm-arrow">
                                                    <label class="control-label">{{ @trans('finance.project') }}</label>
                                                    <select name="project" id="project" class="form-control">
                                                        <option value="">Select</option>
                                                        @foreach ($projects as $project)
                                                            <option value="{{ $project->id }}" @if ($edit && $project->id == $pcDetail->project_id) selected @endif>
                                                                {{ $project->name }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row @if(!$edit || $pcDetail->debit_type != 'expense') hidden @endif digital_debit_div">
                                            <div class="col-md-6">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label"
                                                        for="company_id">{{ @trans('finance.company') }}<span class="required">*</span></label>
                                                    <select class="form-control" id="company_id" name="company_id">
                                                        <option value="">{{ @trans('finance.select_company') }}</option>
                                                        @foreach($companyList as $company)
                                                            <option value="{{ $company->id }}" @if($edit && $pcDetail->company_id == $company->id) selected @endif>
                                                                {{ $company->name }}
                                                            </option>
														@endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label"
                                                        for="contact">{{ @trans('finance.contact') }}<span class="required">*</span></label>
                                                    <select class="form-control" id="contact_id" name="contact_id">
                                                        <option value="">{{ @trans('finance.select_contact') }}</option>
                                                        @if($edit)
                                                            @foreach($pcContactDetail as $contact)
                                                            <option value="{{ $contact->id }}" @if($pcDetail->contact_id == $contact->id) selected @endif>
                                                                {{ $contact->first_name }} {{ $contact->last_name }}
                                                            </option>
                                                            @endforeach
														@endif
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6 @if(!$edit)hidden @endif digital_amount_div">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('finance.amount') }}<span class="required">*</span></label>
                                                    <input type="text" class="form-control" placeholder="Amount" id="amount" name="amount"
                                                        value="@if($edit){{ $pcDetail->total_amount }}@endif">
                                                </div>
                                            </div>
                                            <div class="col-md-6 @if(!$edit || $pcDetail->debit_type != 'expense') hidden @endif digital_debit_div">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('finance.receipt_number') }}</label>
                                                    <input type="text" class="form-control" placeholder="Receipt Number" name="receipt_number"
                                                        value="@if($edit){{ $pcDetail->receipt_number }}@endif">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row @if(!$edit || ($pcDetail->debit_type != 'expense' || $pcDetail->payment_mode != 'digital')) hidden @endif digital_debit_phone_no_div">
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label class="control-label">Receiver Mobile Wallet Number<span class="required">*</span> (to receive the Amount including VAT)</label>
                                                    <input type="text" class="form-control" placeholder="Receiver Mobile Wallet Number" name="pay_phone_number" id="pay_phone_number"
                                                        value="@if($edit){{ $pcDetail->pay_phone_number }}@endif">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row @if(!$edit || $pcDetail->debit_type != 'expense') hidden @endif digital_debit_div">

                                            <div class="col-md-12">
                                                <h2 class=" form-sec-title">{{ @trans('finance.taxation_details') }}</h2>
                                            </div>
                                            @if($edit)
                                                @foreach($countryTaxList as $country)
                                                    <div class="col-md-6">
                                                        <div class="form-group remove-wrapper">
                                                            <label class="control-label" for="tax_number[{{ str_replace(' ','_',$country->tax_title)}}]">{{$country->tax_title}} (%)
                                                                <span class="required">*</span></label>
                                                            @php
                                                            $temp_tax_value = '';
                                                            foreach($pcDetail->taxes as $tax) {
                                                                if($tax->tax_title == $country->tax_title) {
                                                                    $temp_tax_value = $tax->tax_value;
                                                                }
                                                            }
                                                            @endphp
                                                            <input type="hidden" name="tax_excluded[{{ str_replace(' ','_',$country->tax_title) }}]" value="{{ $pcDetail->tax_excluded_values[$country->tax_title] }}"
                                                                class="tax_excluded" data-value="{{ str_replace(' ','_',$country->tax_title) }}">
                                                            <input type="text" class="form-control taxInputs" name="tax_value[{{ str_replace(' ','_',$country->tax_title) }}]"
                                                                id="tax_value[{{str_replace(' ','_',$country->tax_title)}}]" data-value="{{ $country->countryRegistration->registration_title ?? '' }}"
                                                                data-tax="{{ $country->tax_title }}" value="{{$temp_tax_value}}" placeholder="{{$country->tax_title}}" />
                                                        </div>
                                                    </div>
                                                @endforeach
											@else
                                                @foreach($countryTaxList as $key => $country)
                                                    <div class="col-md-6">
                                                        <div class="form-group remove-wrapper">
                                                            <label class="control-label" for="tax_number[{{ str_replace(' ','_',$country->tax_title)}}]">{{$country->tax_title}} (%)
                                                                <span class="required">*</span>
                                                            </label>
                                                            <input type="hidden" name="tax_excluded[{{ str_replace(' ','_',$country->tax_title) }}]" value="{{ $country->is_excluded }}"
                                                                class="tax_excluded" data-value="{{ str_replace(' ','_',$country->tax_title) }}">
                                                            <input type="text" class="form-control taxInputs"
                                                                name="tax_value[{{ str_replace(' ','_',$country->tax_title) }}]"
                                                                id="tax_value[{{str_replace(' ','_',$country->tax_title)}}]"
                                                                data-value="{{ $country->countryRegistration->registration_title ?? '' }}"
                                                                data-tax="{{ $country->tax_title }}"
                                                                value="" placeholder="{{$country->tax_title}}" />
                                                        </div>
                                                    </div>
                                                @endforeach
                                            @endif

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <div class="border-bottom custom-file-class">
                                                        <label style="font-size: 16px; color: #414042; font-family: var(--semibold-font) !important;">
                                                            {{ @trans('finance.upload_supporting_documentation') }}</label>
                                                        <div class="custom-file float-right browse-btn" style="margin-top: -6px;">
                                                            <input type="file" class="custom-file-input customDocumentUpload"
                                                                id="paymentProofFile" name="paymentProofFile">
                                                            <label class="custom-file-label" for="paymentProofFile"><img
                                                                    src="{{ asset('/img/file-upload.svg')}}"
                                                                    alt="upload">{{ @trans('finance.upload') }}</label>
                                                        </div>
                                                    </div>
                                                    <div class="filename">
                                                        <div class="col-md-12">
                                                            <div class="form-group file-upload">
                                                                @if($edit)
                                                                    <label class="control-label">{{ $pcDetail->payment_proof_orig_file_name }}</label>
																	@if($pcDetail->payment_proof_orig_file_name)
																		<a href="{{ $pcDetail->payment_proof_formatted }}" title="Download" target="_blank" class="text-right">
																			<i class="material-icons">get_app</i>
																		</a>
																	@endif
																@else
                                                                    <label class="control-label"></label>
																@endif
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-md-12 department_div">
                                                <h2 class=" form-sec-title">{{ @trans('finance.department_details') }}</h2>
                                                @if($edit)
													@if(count($pcDetail->debitSplits) > 0)
														@foreach($pcDetail->debitSplits as $split)
															<div class="row @if($edit) @if(!$loop->first) appended_department_row @endif @endif">
																<div class="col-md-4">
																	<div class="form-group btm-arrow select">
																		<label class="control-label department_id"
																			for="split[{{$loop->index}}][department_id]">{{ @trans('finance.department') }}
																		</label>
																		<select class="form-control department_id" name="split[{{$loop->index}}][department_id]" data-id="1">
																			<option value="" hidden="">{{ @trans('finance.select') }}</option>
																			@foreach($departmentList as $department)
																				<option value="dept_{{ $department->id }}" class="optionGroup" @if($split->department_id == $department->id && $split->type == 'dept')
																					selected @endif>{{ $department->name }}</option>
																				@foreach($department->subdepts as $subdept)
																					<option value="subdept_{{ $subdept->id }}" @if($split->department_id == $subdept->id && $split->type == 'sub_dept')
																						selected @endif>&emsp;&emsp;{{ $subdept->name }}</option>
																				@endforeach
																			@endforeach
																		</select>
																	</div>
																</div>
																<div class="col-md-4">
																	<div class="form-group btm-arrow select">
																		<label class="control-label"
																			for="split[{{$loop->index}}][user_id]">{{ @trans('finance.account') }}</label>
																		<select class="form-control user_id"
																			name="split[{{$loop->index}}][user_id]">
																			<option value="" hidden="">{{ @trans('finance.select') }}</option>
																				<option value="cost_of_goods_sold" @if($split->account == 'cost_of_goods_sold') selected @endif>Cost of Goods Sold</option>
																				<option value="human_capital" @if($split->account == 'human_capital') selected @endif>Human Capital</option>
																				<option value="operational_expense" @if($split->account == 'operational_expense') selected @endif>Operational Expense</option>
																				<option value="investment" @if($split->account == 'investment') selected @endif>Investment</option>
																				<option value="tax" @if($split->account == 'tax') selected @endif>Tax</option>
																		</select>
																	</div>
																</div>
																<div class="col-md-4">
																	<div class="form-group remove-wrapper">
																		<label
																			class="control-label">{{ @trans('finance.amount') }}</label>
																		<input type="text" class="form-control amount deptAmount hasClose" placeholder="Amount"
																			name="split[{{$loop->index}}][amount]"
																			value="{{ $split->amount }}">
																		@if($loop->index == 0)
																			<a href="javascript:void(0)" class="btn add-row" onclick="appendDebitDept()" title="add"><i class="material-icons">add</i></a>
																		@else
																		<a href="javascript:void(0)"
																			class="btn remove-row remove_department_row"
																			title="remove"><i class="material-icons">close</i></a>
																		@endif
																	</div>
																</div>
															</div>
														@endforeach
													@else
														<div class="row appended_department_row">
															<div class="col-md-4">
																<div class="form-group btm-arrow select">
																	<label class="control-label" for="split[0][department_id]">Department </label>
																	<select class="form-control department_id" id="split[0][department_id]" name="split[0][department_id]">
																		<option value="" hidden="">Select</option>
																		@foreach($departmentList as $department)
																			<option value="dept_{{ $department->id }}" class="optionGroup">{{ $department->name }}</option>
																			@foreach($department->subdepts as $subdept)
																				<option value="subdept_{{ $subdept->id }}">&emsp;&emsp;{{ $subdept->name }}</option>
																			@endforeach
																		@endforeach
																	</select>
																</div>
															</div>
															<div class="col-md-4">
																<div class="form-group btm-arrow select">
																	<label class="control-label" for="split[0][user_id]">Account </label>
																	<select class="form-control user_id" id="split[0][user_id]" name="split[0][user_id]">
																		<option value="" hidden="">Select</option>
																		<option value="cost_of_goods_sold">Cost of Goods Sold</option>
																		<option value="human_capital">Human Capital</option>
																		<option value="operational_expense">Operational Expense</option>
																		<option value="investment">Investment</option>
																		<option value="tax">Tax</option>
																	</select>
																</div>
															</div>
															<div class="col-md-4">
																<div class="form-group remove-wrapper">
																	<label class="control-label" for="split[0][amount]">Amount </label>
																	<input type="text" class="form-control amount deptAmount hasClose" placeholder="Amount" name="split[0][amount]">
																	<a href="javascript:void(0)" class="btn add-row" onclick="appendDebitDept()" title="add"><i class="material-icons">add</i></a>
																</div>
															</div>
														</div>
													@endif
												@else
                                                    <div class="row appended_department_row">
                                                        <div class="col-md-4">
                                                            <div class="form-group btm-arrow select">
                                                                <label class="control-label" for="split[0][department_id]">Department </label>
                                                                <select class="form-control department_id" id="split[0][department_id]" name="split[0][department_id]">
                                                                    <option value="" hidden="">Select</option>
                                                                    @foreach($departmentList as $department)
                                                                        <option value="dept_{{ $department->id }}" class="optionGroup">{{ $department->name }}</option>
                                                                        @foreach($department->subdepts as $subdept)
                                                                            <option value="subdept_{{ $subdept->id }}">&emsp;&emsp;{{ $subdept->name }}</option>
                                                                        @endforeach
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group btm-arrow select">
                                                                <label class="control-label" for="split[0][user_id]">Account </label>
                                                                <select class="form-control user_id" id="split[0][user_id]" name="split[0][user_id]">
                                                                    <option value="" hidden="">Select</option>
                                                                    <option value="cost_of_goods_sold">Cost of Goods Sold</option>
                                                                    <option value="human_capital">Human Capital</option>
                                                                    <option value="operational_expense">Operational Expense</option>
                                                                    <option value="investment">Investment</option>
                                                                    <option value="tax">Tax</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group remove-wrapper">
                                                                <label class="control-label" for="split[0][amount]">Amount </label>
                                                                <input type="text" class="form-control amount deptAmount hasClose" placeholder="Amount" name="split[0][amount]">
                                                                <a href="javascript:void(0)" class="btn add-row" onclick="appendDebitDept()" title="add"><i class="material-icons">add</i></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endif
                                            </div>
                                        </div>
									</div>
									<div class="form-action text-right">
										<input type="button" class="btn step-btn debitEntrysubmitBtn"
                                            value="@if($edit){{ @trans('finance.edit_debit_entry') }}@else{{ @trans('finance.add_debit_entry') }}@endif">
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</main>
@endsection


@push('pageJs')
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.alphanum/1.0.24/jquery.alphanum.min.js"></script>
<script>
    var departmentList = {!! $departmentList !!};
    var departmentUsersList = {!! $staffMembersList !!};
    var getContactsByCompanyIdUrl = '{{ route("admin.purchase-orders.getContactsByCompanyId",["panel" => session("panel"), "id" => null ]) }}';
    var checkCompanyHaveTaxRegNo = "{{ route('admin.finance.companyHaveRegNo', ['panel' => Session::get('panel')]) }}";
    var getSelectOptionsByIdUrl = "{{ route('common.select2OptionsById',['panel' => Session::get('panel'), 'id' => null ]) }}";
</script>
<script src="{{ asset('js/admin/finance/pro_forma_store.js') }}"></script>
<script src="{{ asset('js/admin/finance/petty_cash_add.js') }}"></script>
@endpush