@extends('companyuser::layouts.master')
@section('title',__('Create User'))
@section('extra-styles')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/custom/forms/custom-form.css') }}">
<link href="{{asset('assets/css/style-svgFont.css') }}" rel="stylesheet">
@endsection
@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.roles.index', $subdomain)}}">@lang('companyuser::permissions.users and permissions')</a></li>
            <li class="breadcrumb-item"><a href="{{route('company.users.index', $subdomain)}}">@lang('Users')</a></li>
            <li class="breadcrumb-item active"><a href="#">@lang('Create')</a></li>
        </ol>
    </div>
</div>
@endsection
@section('content')
<section>
    <form action="{{ route('company.users.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">
                <input type="hidden" name="remaining" value="{{$remaining}}" />
                <button type="submit" class="" style="font-size: inherit; border:none;background-color:transparent;" title="{{__('Save')}}">
                    <span class="icon-Save action-icon"></span>
                </button>
            </div>
            <div class="mb-1 pull-left">
                <a class="text-green" href="{{route('company.users.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>
        @error('remaining')
        <span class="invalid-feedback" role="alert">
            <p>{{ $message }}</p>
        </span>
        @enderror
        @if($remaining)
        <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 mt-2">
                                <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="uname">@lang('superadmin::User.name')</label>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <input type="text" name="uname" class="form-control h-45 @if($errors->has('uname')) is-invalid @endif" value="{{ old('uname') }}" required>
                                                        @error('uname')
                                                            <span class="invalid-feedback" role="alert">
                                                                <p>{{ $message }}</p>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <label for="mobile">@lang('superadmin::User.mobile') <span class="text-danger">*</span></label>
                                                    </div>

                                                    @if(Lang::locale() == 'ar')
                                                    <div class="col-md-4">
                                                        <input type="text" name="mobile" class="form-control h-45 @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-4">
                                                        <input type="text" name="mobile" class="form-control h-45 @if($errors->has('mobile')) is-invalid @endif" required>
                                                        @error('mobile')
                                                        <span class="invalid-feedback" role="alert">
                                                            <p>{{ $message }}</p>
                                                        </span>
                                                        @enderror
                                                    </div>
                                                    @endif
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <div class="row mb-1">
                                                    <div class="col-md-4">
                                                        <label for="role">@lang('superadmin::User.role')</label>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <select name="role" id="role" class="w-100 py-1 form-control h-45" required>
                                                            @forelse($roles as $key => $role)
                                                                <option value="{{ $key }}">{{ $role }}</option>
                                                            @empty
                                                            @endforelse
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="row mb-1">
                                                    <div class="col-md-4">
                                                        <label for="email">@lang('superadmin::User.email') <span class="text-danger">*</span></label>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <input type="text" name="email" value="{{ old('email') }}" class="form-control h-45 @if($errors->has('email')) is-invalid @endif" required>
                                                        @error('email')
                                                        <span class="invalid-feedback" 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="configurations[preferred_language]">@lang('superadmin::User.preferred language')</label>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <select name="configurations[preferred_language]" id="configurations[preferred_language]" class="w-100 py-1 form-control h-45" required>
                                                            @forelse($languages as $key => $language)
                                                                <option value="{{ $key }}">{{ $language }}</option>
                                                            @empty
                                                            @endforelse
                                                        </select>
                                                        @error('configurations[preferred_language]')
                                                        <span class="invalid-feedback" role="alert">
                                                            <p>{{ $message }}</p>
                                                        </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
        </section>
        @else
        @include('info.limit_reached')
        @endif
    </div>
</section>
@endsection
@section('extra_scripts')
    <script>
        gtag('event', 'web_user_and_permission_users_create');
        console.log('web_user_and_permission_users_create event');
    </script>
@endsection