@extends('companyuser::layouts.master')
<link href="{{asset('assets/css/style-svgFont.css') }}" rel="stylesheet">
@section('title', __('settings::payment_term.Create Payment Term'))
@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">{{__('settings::payment_term.Settings')}}</a>
            </li>
            <li class="breadcrumb-item"><a href="{{route('company.payment-terms.index', $subdomain)}}" class="redirect-item">{{__('settings::payment_term.Payment Terms')}}</a>
            </li>
            <li class="breadcrumb-item active"><a href="#">@lang('Create')</a>
            </li>
        </ol>
    </div>
</div>
@endsection
@section('content')

<section>
    <form action="{{ route('company.payment-terms.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" class="" 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.payment-terms.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">
                                                        <div class="col-md-4">
                                                            <label for="name_ar">@lang('settings::payment_term.Name In Arabic')</label>
                                                        </div>
                                                        <div class="col-md-8">
                                                            <input type="text" name="name_ar" class="w-100 form-control @if($errors->has('name_ar')) is-invalid @endif" 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::payment_term.Name')</label>
                                                        </div>
                                                        <div class="col-md-8">
                                                            <input type="text" name="name_en" class="w-100 form-control @if($errors->has('name_en')) is-invalid @endif" 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="years">@lang('settings::payment_term.Years')</label>
                                                                <span class="text" role="alert">
                                                                    <p>{{__('settings::payment_term.Days')}} = {{__('settings::payment_term.Years')}} * 365</p>
                                                                </span>
                                                            </div>
                                                            <div class="col-md-8">
                                                                <select name="years" id="years" class="w-100 form-control @if($errors->has('years')) is-invalid @endif" required>
                                                                    <option @if(old('years') == 0) selected @endif value="0">0</option>
                                                                    <option @if(old('years') == 1) selected @endif value="1">1</option>
                                                                    <option @if(old('years') == 2) selected @endif value="2">2</option>
                                                                    <option @if(old('years') == 3) selected @endif value="3">3</option>
                                                                    <option @if(old('years') == 4) selected @endif value="4">4</option>
                                                                    <option @if(old('years') == 5) selected @endif value="5">5</option>
                                                                </select>
                                                                @error('years')
                                                                <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="months">@lang('settings::payment_term.Months')</label>
                                                                <span class="text" role="alert">
                                                                    <p>{{__('settings::payment_term.Days')}} = {{__('settings::payment_term.Months')}} * 30</p>
                                                                </span>
                                                            </div>
                                                            <div class="col-md-8">
                                                                <select name="months" id="months" class="w-100 form-control @if($errors->has('months')) is-invalid @endif" required>
                                                                    <option @if(old('months') == 0) selected @endif value="0">0</option>
                                                                    <option @if(old('months') == 1) selected @endif value="1">1</option>
                                                                    <option @if(old('months') == 2) selected @endif value="2">2</option>
                                                                    <option @if(old('months') == 3) selected @endif value="3">3</option>
                                                                    <option @if(old('months') == 4) selected @endif value="4">4</option>
                                                                    <option @if(old('months') == 5) selected @endif value="5">5</option>
                                                                    <option @if(old('months') == 6) selected @endif value="6">6</option>
                                                                    <option @if(old('months') == 7) selected @endif value="7">7</option>
                                                                    <option @if(old('months') == 8) selected @endif value="8">8</option>
                                                                    <option @if(old('months') == 9) selected @endif value="9">9</option>
                                                                    <option @if(old('months') == 10) selected @endif value="10">10</option>
                                                                    <option @if(old('months') == 11) selected @endif value="11">11</option>
                                                                    <option @if(old('months') == 12) selected @endif value="12">12</option>
                                                                </select>
                                                                @error('months')
                                                                <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="days">@lang('settings::payment_term.Days')</label>
                                                            </div>
                                                            <div class="col-md-8">
                                                                <select name="days" id="days" class="w-100 form-control @if($errors->has('days')) is-invalid @endif" required>
                                                                    <option @if(old('days') == 0) selected @endif value="0">0</option>
                                                                    <option @if(old('days') == 1) selected @endif value="1">1</option>
                                                                    <option @if(old('days') == 2) selected @endif value="2">2</option>
                                                                    <option @if(old('days') == 3) selected @endif value="3">3</option>
                                                                    <option @if(old('days') == 4) selected @endif value="4">4</option>
                                                                    <option @if(old('days') == 5) selected @endif value="5">5</option>
                                                                    <option @if(old('days') == 6) selected @endif value="6">6</option>
                                                                    <option @if(old('days') == 7) selected @endif value="7">7</option>
                                                                    <option @if(old('days') == 8) selected @endif value="8">8</option>
                                                                    <option @if(old('days') == 9) selected @endif value="9">9</option>
                                                                    <option @if(old('days') == 10) selected @endif value="10">10</option>
                                                                    <option @if(old('days') == 11) selected @endif value="11">11</option>
                                                                    <option @if(old('days') == 12) selected @endif value="12">12</option>
                                                                    <option @if(old('days') == 13) selected @endif value="13">13</option>
                                                                    <option @if(old('days') == 14) selected @endif value="14">14</option>
                                                                    <option @if(old('days') == 15) selected @endif value="15">15</option>
                                                                    <option @if(old('days') == 16) selected @endif value="16">16</option>
                                                                    <option @if(old('days') == 17) selected @endif value="17">17</option>
                                                                    <option @if(old('days') == 18) selected @endif value="18">18</option>
                                                                    <option @if(old('days') == 19) selected @endif value="19">19</option>
                                                                    <option @if(old('days') == 20) selected @endif value="20">20</option>
                                                                    <option @if(old('days') == 21) selected @endif value="21">21</option>
                                                                    <option @if(old('days') == 22) selected @endif value="22">22</option>
                                                                    <option @if(old('days') == 23) selected @endif value="23">23</option>
                                                                    <option @if(old('days') == 24) selected @endif value="24">24</option>
                                                                    <option @if(old('days') == 25) selected @endif value="25">25</option>
                                                                    <option @if(old('days') == 26) selected @endif value="26">26</option>
                                                                    <option @if(old('days') == 27) selected @endif value="27">27</option>
                                                                    <option @if(old('days') == 28) selected @endif value="28">28</option>
                                                                    <option @if(old('days') == 29) selected @endif value="29">29</option>
                                                                </select>
                                                                @error('days')
                                                                <span class="invalid-feedback text text-danger" role="alert">
                                                                    <p>{{ $message }}</p>
                                                                </span>
                                                                @enderror
                                                                @error('period')
                                                                <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="description">@lang('settings::payment_term.Term Description')</label>
                                                        </div>
                                                        <div class="col-md-8">
                                                            <textarea name="description" id="description" class="w-100 form-control @if($errors->has('description')) is-invalid @endif"></textarea>
                                                            @error('description')
                                                            <span class="invalid-feedback text text-danger" role="alert">
                                                                <p>{{ $message }}</p>
                                                            </span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </form>
    @include('sales::includes.redirect_popup')
</section>
@endsection
@section('extra_scripts')
    <script>
        gtag('event', 'web_settings_payment_terms_create');
        console.log('web_settings_payment_terms_create event');
    </script>
<script src="{{ asset('assets/js/custom/redirectconfirmation.js') }}" defer></script>
<script>
window.addEventListener('DOMContentLoaded', function() {
        (function($) {
            String.prototype.EntoAr= function() {
                return this.replace(/\d/g, d =>  '٠١٢٣٤٥٦٧٨٩'[d])
                }
            $(".ar-lang").on("keyup",function(e){
                debugger
               var convAr = $(this).val();
               convAr = convAr.EntoAr();
               $(this).val(convAr);
            })
        })(jQuery);
    });
</script>
@endsection