@extends('companyuser::layouts.master')
@section('title',__('products::unit.Add 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.Add units') }}</a></li>
            @endcan
        </ol>
    </div>
</div>
@endsection
@section('content')
<section id="basic-form-layouts" class="form-border add-form-section filter-section-collapse">
    <form action="{{ route('company.units.store', ['subdomain' => $subdomain]) }}" method="POST" class="form form-horizontal striped-rows form-bordered dev-form-validate" novalidate>
        <div class="match-height container-fluid">
            <div class="headBtns mx-1 fixed-btns">
                <div class="btn-group pull-right">
                    <button type="submit" 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>
            @can('products.units.create')
            <div>
                <div class="card mb-0">
                    {{ csrf_field() }}
                    <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') }}" class="check-zatca-validation w-100 form-control h-45 @if($errors->has('name_ar')) is-invalid @endif" 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_en">@lang('Name In English')</label>
                                    </div>
                                    <div class="col-md-7">
                                        <input type="text" name="name_en" id="name_en" value="{{ old('name_en') }}" class="check-zatca-validation w-100 form-control h-45 @if($errors->has('name_en')) is-invalid @endif" 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') }}" class="check-zatca-validation w-100 form-control h-45 @if($errors->has('symbol')) is-invalid @endif" 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="unit_type_id">{{ __('products::unit.Weight') }}</label>
                                    </div>
                                    <div class="col-md-7">
                                        <select name="unit_type_id" id="unit_type_id" class="w-100 form-control h-45 select2-tag @if($errors->has('unit_type_id')) is-invalid @endif" required>
                                            @foreach($unitTypes as $key => $value)
                                                <option value="{{ $key }}" {{ old('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="row mb-1">
                                    <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') == $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>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
                @endcan
            </div>
        </form>
        @include('sales::includes.redirect_popup')
    </section>
@endsection
@section('extra_scripts')
    <script src="{{url('assets/js/general/zatca-validations.js')}}"></script>
    <script>
        gtag('event', 'web_products_and_services_units_create');
        console.log('web_products_and_services_units_create 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