@extends('superadmin::layouts.master')
@section('title',__('Create Company'))
@section('breadcrumb')
<div class="row breadcrumbs-top">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route("dashboard-home")}}">@lang('Home')</a></li>
            <li class="breadcrumb-item"><a href="{{route("tenants.index")}}">@lang('tenant::company.company')</a></li>
            <li class="breadcrumb-item"><a href="{{route("tenants.create")}}">@lang('Create')</a></li>
        </ol>
    </div>
</div>
@endsection

@section('content')
<div class="row ibox-content m-b-sm hidden-print list-actions mb-1">
    <div class="col-md-6 hidden">
        <h4 class="content-header-title mb-0">@yield('title')</h4>
    </div>
    <div class="col-md-12 bkBtn">
        @if(old('request_id',request('request_id')))
        <div role="group" aria-label="Button group with nested dropdown" class="btn-group divBack">
            <a href="{{route('registration-requests.index')}}" class="btn btn-primary btn-min-width">{{__('Back')}}</a>
        </div>
        @else
        <div role="group" aria-label="Button group with nested dropdown" class="btn-group">
            <a href="{{route('tenants.index')}}" class="btn btn-primary btn-min-width">{{__('Back')}}</a>
        </div>
        @endif
    </div>
</div>
<section id="striped-row-form-layouts" class="add-form-section filter-section-collapse">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body collapse in">
                    <!-- END MESSAGE-->
                    <div class="card-block">
                        <form action="{{ route('tenants.store') }}" method="POST" class="form form-horizontal striped-rows form-bordered dev-form-validate">
                         @csrf
                        <div class="row">
                            <div class="col-lg-9  col-md-10 col-xs-12">
                                <div class="form-group mb-1">
                                    <div class="row border-0">
                                        <div class="col-md-3">
                                            <label for="name">@lang('tenant::company.company name')</label>
                                            <span class="text-danger">*</span>
                                        </div>
                                        <div class="col-md-9">
                                            <input type="text" name="name" value="{{ old('name', request('name')) }}" class="form-control @if($errors->has('name')) is-invalid @endif" data-msg-required="Please enter a Name">
                                            @error('name')
                                            <span class="invalid-feedback" role="alert">
                                                <p>{{ $message }}</p>
                                            </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group mb-1">
                                    <div class="row border-0">
                                        <div class="col-md-3">
                                            <label for="subdomain">@lang('tenant::company.company identifier')</label>
                                            <span class="text-danger">*</span>
                                            <span><i class="ft-info text-bold-600" data-toggle="tooltip" data-placement="bottom" title="@lang('tenant::company.company_identifier_note')"></i></span>
                                        </div>
                                        @if(app()->getLocale() == 'en')
                                        <div class="col-md-5">
                                            <input type="text" name="subdomain" id="subdomain" value="{{ old('subdomain', request('subdomain')) }}" class="form-control @if($errors->has('subdomain')) is-invalid @endif" data-msg-required="Please enter a subdomain" placeholder="your-company" maxlength="20">
                                            <input type="text" class="form-control is-invalid"  id="max-length" value="" style="color:red; display:none;">
                                            @error('subdomain')
                                            <span class="invalid-feedback" role="alert">
                                                <p>{{ $message }}</p>
                                            </span>
                                            @enderror
                                        </div>
                                        <div class="col-md-4">
                                            <input disabled class="form-control text-left" value="{{'.'. config('app.url_base') }}">
                                        </div>
                                        @else
                                        <div class="col-md-4">
                                            <input disabled class="form-control text-left" value="{{ config('app.url_base') . '.'}}">
                                        </div>
                                        <div class="col-md-5">
                                            <input type="text" name="subdomain" id="subdomain" value="{{ old('subdomain', request('subdomain')) }}" class="form-control @if($errors->has('subdomain')) is-invalid @endif" data-msg-required="Please enter a subdomain" placeholder="your-company" maxlength="20">
                                            <input type="text" class="form-control is-invalid"  id="max-length" value="" style="color:red; display:none;">
                                            @error('subdomain')
                                            <span class="invalid-feedback" role="alert">
                                                <p>{{ $message }}</p>
                                            </span>
                                            @enderror
                                        </div>

                                        @endif
                                    </div>
                                </div>
                                <div class="form-group mb-1">
                                    <div class="row">
                                        <div class="col-md-3">
                                            <label for="industry">@lang('tenant::company.industry')</label>
                                        </div>
                                        <div class="col-md-9">
                                            <select name="industry" id="industry" class="form-control select2 @if($errors->has('industry')) is-invalid @endif" data-msg-required="Please choose industry" tabindex="0" aria-hidden="true">
                                                @forelse(\Modules\Tenant\Enums\IndustriesEnum::translatedList() as $key => $industry)
                                                    <option @if(old('industry',request('industry')) == $key) selected @endif value="{{ $key }}">{{ $industry }}</option>
                                                @empty
                                                @endforelse
                                            </select>
                                            @error('industry')
                                            <span class="invalid-feedback" role="alert">
                                                <p>{{ $message }}</p>
                                            </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group mb-1">
                                    <div class="row">
                                        <div class="col-md-3">
                                            <label for="package">@lang('tenant::company.package')</label>
                                        </div>
                                        <div class="col-md-9">
                                            <select name="package" id="package" class="form-control select2 @if($errors->has('package')) is-invalid @endif" data-msg-required="Please choose package" tabindex="0" aria-hidden="true">
                                                @forelse($data['packages'] as $key => $package)
                                                    <option @if(old('package',request('package')) == $key) selected @endif value="{{ $key }}">{{ $package }}</option>
                                                @empty
                                                @endforelse
                                            </select>
                                            @error('package')
                                            <span class="invalid-feedback" role="alert">
                                                <p>{{ $message }}</p>
                                            </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group mb-1">
                                    <div class="row">
                                        <div class="col-md-3">
                                            <label for="timezone">@lang('tenant::company.timezone')</label>
                                        </div>
                                        <div class="col-md-9">
                                            <select name="timezone" id="timezone" class="form-control select2 @if($errors->has('timezone')) is-invalid @endif" data-msg-required="Please choose timezone" tabindex="0" aria-hidden="true">
                                                @forelse($data['timezones'] as $key => $timezone)
                                                    <option @if(old('timezone', request('timezone', 'Asia/Riyadh')) == $key) selected @endif value="{{ $key }}">{{ $timezone }}</option>
                                                @empty
                                                @endforelse
                                            </select>
                                            @error('timezone')
                                            <span class="invalid-feedback" role="alert">
                                                <p>{{ $message }}</p>
                                            </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group mb-1">
                                    <div class="row">
                                        <div class="col-md-3">
                                            <label for="email">@lang('tenant::company.email')</label>
                                            <span class="text-danger">*</span>
                                        </div>
                                        <div class="col-md-9">
                                            <input type="email" name="email" value="{{ old('email', request('email')) }}" class="form-control @if($errors->has('email')) is-invalid @endif" data-msg-required="Please enter E-mail" data-msg-email="Email mut be like xxx@xx.xxx">
                                            @error('email')
                                            <span class="invalid-feedback" role="alert">
                                                <p>{{ $message }}</p>
                                            </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group mb-1">
                                    <div class="row">
                                        <div class="col-md-3">
                                            <label for="mobile">@lang('superadmin::User.mobile')</label>
                                        </div>
                                        @if(Lang::locale() == 'ar')
                                        <div class="col-md-5">
                                            <input type="text" name="mobile" class="form-control @if($errors->has('mobile')) is-invalid @endif">
                                            @error('mobile')
                                            <span class="invalid-feedback" role="alert">
                                                <p>{{ $message }}</p>
                                            </span>
                                            @enderror
                                        </div>
                                        <div class="col-md-4">
                                            @include('superadmin::includes.selectCountry')
                                            @error('country_code')
                                            <span class="invalid-feedback" role="alert">
                                                <p>{{ $message }}</p>
                                            </span>
                                            @enderror
                                        </div>
                                        @else
                                        <div class="col-md-4">
                                            @include('superadmin::includes.selectCountry')
                                            @error('country_code')
                                            <span class="invalid-feedback" role="alert">
                                                <p>{{ $message }}</p>
                                            </span>
                                            @enderror
                                        </div>
                                        <div class="col-md-5">
                                            <input type="text" name="mobile" class="form-control @if($errors->has('mobile')) is-invalid @endif">
                                            @error('mobile')
                                            <span class="invalid-feedback" role="alert">
                                                <p>{{ $message }}</p>
                                            </span>
                                            @enderror
                                        </div>
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group mb-1">
                                    <div class="row">
                                        <div class="col-md-3">
                                            <label for="without_trial_period">@lang('tenant::company.without_trial_period')</label>
                                        </div>
                                        <div class="col-md-9">
                                            <input type="checkbox" name="without_trial_period" value="1" @if(old('without_trial_period')) checked @endif>
                                            @error('without_trial_period')
                                                <span class="invalid-feedback" role="alert">
                                                    <p>{{ $message }}</p>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group mb-1">
                                    <div class="row growth_program_div"
                                         @if(old('package',request('package')) != \Modules\Tenant\Enums\PackagesEnum::UNLIMITED)
                                            style="display: none
                                        @endif">
                                        <div class="col-md-3">
                                            <label for="growth_program">@lang('tenant::company.growth_program')</label>
                                        </div>
                                        <div class="col-md-9">
                                            <input type="checkbox" name="without_trial_period" value="{{ \Modules\Tenant\Enums\GrowthProgramStatusesEnum::ALLOWED }}" @if(old('growth_program')) checked @endif>
                                            @error('growth_program')
                                            <span class="invalid-feedback" role="alert">
                                                <p>{{ $message }}</p>
                                            </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group mb-1">
                                    <div class="row">
                                        <div class="col-md-3">
                                            <label for="zatca_comply">خاضع ل (zatca)</label>
                                        </div>
                                        <div class="col-md-9">
                                            <input type="checkbox" name="zatca_comply" id="zatca_comply" value="1" {{ old('zatca_comply') ? 'checked' : '' }}>

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

                                <div class="form-group mb-1">
                                    <div class="row active_foodics_div"
                                         @if(old('package',request('package')) != \Modules\Tenant\Enums\PackagesEnum::UNLIMITED || old('package',request('package')) != \Modules\Tenant\Enums\PackagesEnum::NEW_UNLIMITED)
                                            style="display: none
                                        @endif">
                                        <div class="col-md-3">
                                            <label for="active_foodics">@lang('tenant::company.activate_foodics')</label>
                                        </div>
                                        <div class="col-md-9">
                                            <input type="checkbox" name="active_foodics"  @if(old('active_foodics')) checked @endif>
                                            @error('active_foodics')
                                            <span class="invalid-feedback" role="alert">
                                                <p>{{ $message }}</p>
                                            </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-actions text-xs-center">
                            <button type="submit" class="btnWidth btn btn-primary saveDraftBtn-color mb-1">
                                <i class="fa fa-check-square-o"></i> @lang('Save')
                            </button>
                        </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection
@section('extra_scripts')

    <script>
        window.addEventListener('DOMContentLoaded', function () {
            (function ($) {
                // display growth program checkbox only if the selected package is unlimited
                const syncPackageFields = (isInitialLoad = false) => {
                    const selectedPackage = $('#package').val();

                    if(selectedPackage == '{{\Modules\Tenant\Enums\PackagesEnum::UNLIMITED}}' || selectedPackage == '{{\Modules\Tenant\Enums\PackagesEnum::NEW_UNLIMITED}}'){
                        $('.growth_program_div').show();
                        $('.active_foodics_div').show();
                    } else {
                        $('.growth_program_div').hide();
                        $('.active_foodics_div').hide();
                    }

                    if(selectedPackage == '{{\Modules\Tenant\Enums\PackagesEnum::PAY_AS_YOU_GO}}'){
                        $('input[name="without_trial_period"]').prop('disabled', true).prop('checked', true).prop('title', 'Pay as you go packages do not have a trial period');
                    } else {
                        $('input[name="without_trial_period"]').prop('disabled', false).prop('title', '');
                        // Keep the old() restored checkbox state when the page reloads after a validation error
                        if (!isInitialLoad) {
                            $('input[name="without_trial_period"]').prop('checked', false);
                        }
                    }
                };

                $('#package').change(() => syncPackageFields());
                syncPackageFields(true);

                $("#subdomain").keyup(function(){
                    if ($("#subdomain").val().length  > 19) {
                        $('#max-length').show();
                        @if (App::isLocale('en'))
                            $('#max-length').val('Subdomain should not exceed 19 letters!');
                        @else
                            $('#max-length').val('يجب ألا يتجاوز معرف الشركة 19 حرفاً');
                        @endif
                    }else{
                        $('#max-length').hide();
                        $('#max-length').val('');
                    }
                });
            
            })(jQuery);
        });

    </script>
@endsection