@extends('companyuser::layouts.master')
@section('title',__('products::unit.Edit Units'))
<link href="{{asset('assets/css/style-svgFont.css') }}" rel="stylesheet">
@section('breadcrumb')
<div class="row breadcrumbs-top">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            @can('products.products.view')
                <li class="breadcrumb-item"><a href="{{route('company.products.index', $subdomain)}}" class="redirect-item">{{ __('products::product.Product') }}</a></li>
                <li class="breadcrumb-item"><a href="{{route('company.units.index', $subdomain)}}" class="redirect-item">{{ __('products::unit.Units') }}</a></li>
            @endcan
            @can('products.units.create')
                <li class="breadcrumb-item active"><a href="#">{{ __('products::unit.Edit Units') }}</a></li>
            @endcan
        </ol>
    </div>
</div>
@endsection
@section('content')
@can('products.units.edit')
<section id="basic-form-layouts" class="form-border add-form-section filter-section-collapse">
    <form action="{{ route('company.units.update', ['subdomain' => $subdomain, 'unit' => $unit->id]) }}" method="POST" class="form form-horizontal striped-rows form-bordered dev-form-validate" novalidate>
        @csrf
        @method('PUT')
        <div class="container-fluid match-height">
            <div class="headBtns mx-1 fixed-btns">
                <div class="btn-group pull-right">
                    <button type="submit" class="" style="font-size: inherit; background-color:transparent;border:none;" title="{{__('Add')}}">
                        <span class="icon-Save action-icon"></span>
                    </button>
                </div>
                <div class="mb-1 pull-left">
                    <a class="text-green redirect-item" href="{{route('company.units.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>
        </div>
        <div class="">
            <div class="card mb-0">
                {{ csrf_field() }}
                {{method_field('PUT')}}
                <div class="card-block mt-2">
                    <div class="row">
                        <div class="col-lg-7">
                            <div class="row mb-1">
                                <div class="col-md-5">
                                    <label for="name_ar">{{ __('Name In Arabic') }}</label>
                                    <span class="text-danger">*</span>
                                </div>
                                <div class="col-md-7">
                                    <input type="text" name="name_ar" id="name_ar" value="{{ old('name_ar', $unit->name_ar) }}" class="check-zatca-validation w-100 form-control h-45{{ $errors->has('name_ar') ? ' is-invalid' : '' }}" required>
                                    @error('name_ar')
                                    <span class="invalid-feedback" role="alert">
                                        <p>{{ $message }}</p>
                                    </span>
                                    @enderror
                                </div>
                            </div>
                            <div class="row mb-1">
                                <div class="col-md-5">
                                    <label for="Name">{{ __('Name In English') }}</label>
                                    <span class="text-danger">*</span>
                                </div>
                                <div class="col-md-7">
                                    <input type="text" name="name_en" id="Name" value="{{ old('name_en', $unit->name_en) }}" class="check-zatca-validation w-100 form-control h-45{{ $errors->has('name_en') ? ' is-invalid' : '' }}" required>
                                    @error('name_en')
                                    <span class="invalid-feedback" role="alert">
                                        <p>{{ $message }}</p>
                                    </span>
                                    @enderror
                                </div>
                            </div>
                            <div class="row mb-1">
                                <div class="col-md-5">
                                    <label for="Symbol">{{ __('products::unit.Symbol') }}</label>
                                    <span class="text-danger">*</span>
                                </div>
                                <div class="col-md-7">
                                    <input type="text" name="symbol" id="Symbol" value="{{ old('symbol', $unit->symbol) }}" class="check-zatca-validation w-100 form-control h-45{{ $errors->has('symbol') ? ' is-invalid' : '' }}" placeholder="{{ __('products::unit.enter symbol') }}" required>
                                    @error('symbol')
                                    <span class="invalid-feedback" role="alert">
                                        <p>{{ $message }}</p>
                                    </span>
                                    @enderror
                                </div>
                            </div>
                            <div class="row mb-1">
                                <div class="col-md-5">
                                    <label for="weight">{{ __('products::unit.Weight') }}</label>
                                </div>
                                <div class="col-md-7">
                                    <select name="unit_type_id" id="weight" class="w-100 form-control h-45 select2-tag{{ $errors->has('unit_type_id') ? ' is-invalid' : '' }}" required>
                                        @foreach($unitTypes as $key => $value)
                                            <option value="{{ $key }}" {{ old('unit_type_id', $unit->unit_type_id) == $key ? 'selected' : '' }}>{{ $value }}</option>
                                        @endforeach
                                    </select>
                                    @error('unit_type_id')
                                    <span class="invalid-feedback" role="alert">
                                        <p>{{ $message }}</p>
                                    </span>
                                    @enderror
                                </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-5">
                                        <label for="zatca_code">{{ __('products::unit.unit_code') }}</label>
                                        <span class="text-danger">*</span>
                                    </div>
                                    <div class="col-md-7">
                                        <select name="zatca_code" id="zatca_code" class="w-100 py-1 form-control select2-tag" placeholder="{{ __('products::unit.select_unit_code') }}" required>
                                            @foreach(\Modules\Sales\Enums\Zatca\UnitCodesEnum::translatedListUnitCodes() as $key => $value)
                                                <option value="{{ $key }}" {{ old('zatca_code', $unit->zatca_code) == $key ? 'selected' : '' }}>{{ $value }}</option>
                                            @endforeach
                                        </select>
                                        @error('zatca_code')
                                        <span class="invalid-feedback text text-danger" role="alert">
                                            <p>{{ $message }}</p>
                                        </span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            @endif
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </form>
    @include('sales::includes.redirect_popup')
</section>
@endcan

@endsection
@section('extra_scripts')
    <script src="{{url('assets/js/general/zatca-validations.js')}}"></script>
    <script>
        gtag('event', 'web_products_and_services_units_edit');
        console.log('web_products_and_services_units_edit event');
        window.addEventListener('DOMContentLoaded', function() {
            (function($) {
                $('.check-zatca-validation').on('keypress', function (e) {
                    checkZatcaValidation(e);
                });
            })(jQuery);
        });
        function checkZatcaValidation(e) {
            window.parent.preventAndSymbol(e, {{$companyInfo->zatca_comply}});
        }
    </script>
<script src="{{ asset('assets/js/custom/redirectconfirmation.js') }}" defer></script>
@endsection