@extends('superadmin::layouts.master')
@section('title',__('Create User'))
@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("users.index")}}">@lang('superadmin::User.users')</a></li>
            <li class="breadcrumb-item"><a href="{{route("users.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">
        <div role="group" aria-label="Button group with nested dropdown" class="btn-group divBack">
            <a href="{{route('users.index')}}" class="btn btn-primary btn-min-width">{{__('Back')}}</a>
        </div>
    </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">
                    <div class="card-block">
                        <!-- ADD MESSAGES FOR SUCCESS AND ERROR -->
                        <form action="{{ route('users.store') }}" method="POST" class="form form-horizontal striped-rows form-bordered dev-form-validate" novalidate>
                            @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="uname">@lang('superadmin::User.name')</label>
                                                <span class="text-danger">*</span>
                                            </div>
                                            <div class="col-md-9">
                                                <input type="text" name="uname" class="form-control @if($errors->has('uname')) is-invalid @endif" value="{{ old('uname') }}">
                                                @error('uname')
                                                <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-6">
                                                    {{-- tel plugin --}}
                                                    <input type="text" name="mobile" class="form-control w-100 hideArrow @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-3">
                                                    @include('superadmin::includes.selectCountry')
                                                    @error('country_code')
                                                    <span class="invalid-feedback" role="alert">
                                                        <p>{{ $message }}</p>
                                                    </span>
                                                    @enderror
                                                </div>
                                            @else
                                                <div class="col-md-3">
                                                    @include('superadmin::includes.selectCountry')
                                                    @error('country_code')
                                                    <span class="invalid-feedback" role="alert">
                                                        <p>{{ $message }}</p>
                                                    </span>
                                                    @enderror
                                                </div>
                                                <div class="col-md-6">
                                                    {{-- tel plugin --}}
                                                    <input type="text" name="mobile" class="form-control w-100 hideArrow @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="email">@lang('superadmin::User.email')</label>
                                                <span class="text-danger">*</span>
                                            </div>
                                            <div class="col-md-9">
                                                <input type="email" name="email" class="form-control @if($errors->has('email')) is-invalid @endif">
                                                @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">
                                            <label for="preferedLanguage"
                                                class="col-md-3 form-control-label ">{{__('superadmin::User.preferred language')}}
                                                <span class="text-danger">*</span></label>
                                            <div class="col-md-9 locale-padding">
                                                <select name="configurations[preferred_language]" id="preferedLanguage" style="width: 100%;" class="form-control select2 select2-hidden-accessible @if($errors->has('configurations[preferred_language]')) is-invalid @endif" tabindex="-1" aria-hidden="true">
                                                    @forelse($lanuages as $key => $language)
                                                        <option value="{{ $key }}">{{ $language }}</option>
                                                    @empty
                                                    @endforelse
                                                </select>
                                            </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