@extends('companyuser::layouts.master')
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/style-svgFont.css') }}">
@section('title', __('settings::tax.Edit 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('Edit')</a></li>
        </ol>
    </div>
</div>
@endsection
@section('content')
<section>
    <form action="{{ route('company.taxes.update', ['tax' => $tax->id, 'subdomain' => $subdomain]) }}" method="POST" class="form" novalidate>
        @csrf
        @method('PUT')
        <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>
            @if ($thereAreReccurringTransactions)
                <div class="row">
                    <div class="col-md-12">
                        <div class="alert alert-warning">
                            @lang('settings::tax.there_are_reccurring_transactions')
                        </div>
                    </div>
                </div>
            @endif
            <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">{{ __('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($tax->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">{{ __('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 @if($tax->type_id) disabled @endif>
                                                                @foreach($tax_types as $key => $tax_type)
                                                                <option @if($tax->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">{{ __('settings::tax.name_ar') }}</label>
                                                            <span class="text-danger">*</span>
                                                        </div>
                                                        <div class="col-md-8">
                                                            <input type="text" name="name_ar" value="{{ old('name_ar', $tax->name_ar) }}" class="form-control @error('name_ar') is-invalid @enderror" 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">{{ __('settings::tax.name_en') }}</label>
                                                            <span class="text-danger">*</span>
                                                        </div>
                                                        <div class="col-md-8">
                                                            <input type="text" name="name_en" value="{{ old('name_en', $tax->name_en) }}" class="form-control @error('name_en') is-invalid @enderror" 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">{{ __('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" value="{{ old('percentage', $tax->percentage) ?? 0 }}" class="form-control number" placeholder="5.0" step="any" required>
                                                                </div>
                                                                <div class="col-xs-2"><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>

                                                <div hidden>
                                                    <input type="number" name="zatca_comply" value="{{ $companyInfo->zatca_comply }}">
                                                </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">
                                                                @php
                                                                    $getTaxType = old('zatca_tax_type') ?? $tax->zatca_tax_type;
                                                                @endphp
                                                                <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}}" {{ ($getTaxType == $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>
            </section>
        </div>
    </form>
    @include('sales::includes.redirect_popup')
</section>
@endsection

@section('extra_scripts')
    <script>
        gtag('event', 'web_settings_taxes_edit');
        console.log('web_settings_taxes_edit 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 defaultOption = "" || "";
    var exemptedElementList = document.getElementById('exempted_values');
    taxTypeChange(defaultOption);

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

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