@extends('companyuser::layouts.master')
<link href="{{asset('assets/css/style-svgFont.css') }}" rel="stylesheet">
@section('title', __('settings::tax.Create Tax'))
@section('breadcrumb')
<div class="row breadcrumbs-top">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route('company.general-settings.index', $subdomain)}}" class="redirect-item">@lang('settings::tax.Settings')</a></li>
            <li class="breadcrumb-item"><a href="{{route('company.taxes.index', $subdomain)}}" class="redirect-item">@lang('settings::tax.taxes')</a></li>
            <li class="breadcrumb-item active"><a href="#">@lang('Create')</a></li>
        </ol>
    </div>
</div>
@endsection
@section('content')
<section>
    <form action="{{ route('company.taxes.store', $subdomain) }}" method="POST" class="form" novalidate>
        @csrf
    <div class="container-fluid">
        <div class="headBtns mx-1 fixed-btns">
            <div class="btn-group pull-right">
                <button type="submit" style="background-color: transparent;border:none" title="{{__('Save')}}">
                    <span class="icon-Save action-icon"></span>
                </button>
            </div>
            <div class="mb-1 pull-left">
                <a class="text-green redirect-item" href="{{route('company.taxes.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>
        <section id="basic-form-layouts" class="form-border add-form-section filter-section-collapse">
            <div class=" match-height">
                <div>
                    <div class="card mb-0">
                        <div>
                            <div class="card-block">
                                <div class="form-body">
                                    <div class="row">
                                        <div class="col-lg-7">
                                            <div class="form-group">
                                                <div class="row mb-1">
                                                    <div class="col-md-4">
                                                        <label for="account_id">@lang('settings::tax.account')</label>
                                                        <span class="text-danger">*</span>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <select name="account_id" class="w-100
                                                                     form-control select2-tag @if($errors->has('account_id')) is-invalid @endif" required>
                                                            @foreach($subcategories as $subcategory)
                                                            <optgroup label="{{ $subcategory->name }}">
                                                                @foreach($subcategory->accounts as $account)
                                                                <option @if(old('account_id')==$account->id) selected
                                                                    @endif value="{{$account->id}}">{{$account->name}}</option>
                                                                @endforeach
                                                            </optgroup>
                                                            @endforeach
                                                        </select>
                                                        @error('account_id')
                                                        <span class="invalid-feedback text text-danger" role="alert">
                                                            <p>{{ $message }}</p>
                                                        </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="row mb-1">
                                                    <div class="col-md-4">
                                                        <label for="type_id">@lang('settings::tax.type')</label>
                                                        <span class="text-danger">*</span>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <select name="type_id" class="w-100
                                                                     form-control select2-tag @if($errors->has('type_id')) is-invalid @endif" required>
                                                            @foreach($tax_types as $tax_type)
                                                            <option @if(old('type_id')==$tax_type['id']) selected @endif value="{{$tax_type['id']}}">{{$tax_type['name']}}</option>
                                                            @endforeach
                                                        </select>
                                                        @error('type_id')
                                                        <span class="invalid-feedback text text-danger" role="alert">
                                                            <p>{{ $message }}</p>
                                                        </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <label for="name_ar">@lang('settings::tax.name_ar')</label>
                                                        <span class="text-danger">*</span>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <input type="text" name="name_ar" class="form-control @if($errors->has('name_ar')) is-invalid @endif" placeholder=" مثال : ضريبة القيمة المضافة %15" required>
                                                        @error('name_ar')
                                                        <span class="invalid-feedback text text-danger" role="alert">
                                                            <p>{{ $message }}</p>
                                                        </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <label for="name_en">@lang('settings::tax.name_en')</label>
                                                        <span class="text-danger">*</span>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <input type="text" name="name_en" class="form-control @if($errors->has('name_en')) is-invalid @endif" placeholder="eg. VAT 5% for wholesale invoices" required>
                                                        @error('name_en')
                                                        <span class="invalid-feedback text text-danger" role="alert">
                                                            <p>{{ $message }}</p>
                                                        </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <label for="percentage">@lang('settings::tax.percentage')</label>
                                                        <span class="text-danger">*</span>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <div class="row">
                                                            <div class="col-xs-10">
                                                                <input type="number" name="percentage" class="form-control number @if($errors->has('percentage')) is-invalid @endif" placeholder="5.0" step="any" required>
                                                            </div>
                                                            <div class="col-xs-2 text-center"><span class="percentage">%</span></div>
                                                        </div>
                                                        @error('percentage')
                                                        <span class="invalid-feedback text text-danger" role="alert">
                                                            <p>{{ $message }}</p>
                                                        </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>

                                            @if ($companyInfo->zatca_comply)
                                                <div class="form-group">
                                                    <div class="row">
                                                        <div class="col-md-4">
                                                            <label for="zatca_tax_type">{{ __('settings::tax.tax_status') }}</label>
                                                            <span class="text-danger">*</span>
                                                        </div>
                                                        <div class="col-md-8">
                                                            <select name="zatca_tax_type" class="form-control h-45
                                                                @if($errors->has('zatca_tax_type')) is-invalid @endif" id='zatca_tax_type'>
                                                                <option value="" disabled selected>@lang('settings::tax.select_tax_status')</option>
                                                                @foreach(\Modules\Sales\Enums\Zatca\TaxTypeEnum::translatedList() as $key => $value)
                                                                    <option value="{{$key}}" {{ ((old('zatca_tax_type') == $key)) ? "selected" : "" }}>{{$value}}</option>
                                                                @endforeach
                                                            </select>
                                                            @error('zatca_tax_type')
                                                            <span class="invalid-feedback text text-danger" role="alert">
                                                                <p>{{ $message }}</p>
                                                            </span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="form-group" id="exempted-reasons" hidden>
                                                    <div class="row">
                                                        <div class="col-md-4">
                                                            <label for="zatca_exemption_reason">{{ __('settings::tax.exemption_reason') }}</label>
                                                            <span class="text-danger">*</span>
                                                        </div>
                                                        <div class="col-md-8">
                                                            <select name="zatca_exemption_reason" class="form-control h-45
                                                                @if($errors->has('zatca_exemption_reason')) is-invalid @endif" id='exempted_values'>
                                                            </select>

                                                            @error('zatca_exemption_reason')
                                                            <span class="invalid-feedback text text-danger" role="alert">
                                                                <p>{{ $message }}</p>
                                                            </span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                @if(request('getFormType') && request('encodedFeeData'))
                    <input name="getFormType" type="hidden" value="{{ request('getFormType') }}">
                    <input name="encodedFeeData" type="hidden" value="{{ request('encodedFeeData') }}">
                    <input name="feeReference" type="hidden" value="{{ request('feeReference') }}">
                @endif
        </section>
    </div>
    </form>
    @include('sales::includes.redirect_popup')
</section>
@endsection
@section('extra_scripts')
    <script>
        gtag('event', 'web_settings_taxes_create');
        console.log('web_settings_taxes_create event');
    </script>
<script src="{{ asset('assets/js/custom/redirectconfirmation.js') }}" defer></script>
<script src="{{asset('js/validation/limit-digits-in-decimal-numbers.js')}}" defer></script>
<script src="{{url('assets/js/general/zatca-validations.js')}}"></script>
<script>
    var zatcaExemptionReason = {!! json_encode(old('zatca_exemption_reason')) !!};
    var exemptionReasonValues = "" || "";
    var zeroRatedReasonValues = "" || "";
    var isZatcaCompany = "" || "";
    var exemptedElementList = document.getElementById('exempted_values');

    isZatcaCompany ? taxTypeChange() : '';

    document.getElementById("zatca_tax_type").onchange = function(e) {taxTypeChange()};

    function taxTypeChange(defaultVal = ''){
        let taxTypeElement = document.getElementById("zatca_tax_type");
        let exemptedValue = "