@extends('client.layouts.app')

@section('page_title', __('client.navigation.administrators'))

@section('content')
<div class="administrators administrators--create">
    <div class="container-fluid">
        <h1 class="page-title">{{ __('client.navigation.administrators') }}</h1>

        <div class="administrators__create-form-wrapper">
            <form action="{{ route('client.administrators.store') }}" method="POST">
                @csrf

                                <div class="form-group row">
                    <label for="id-{{$nameField}}" class="col-12 col-form-label col-form-label--required">{{ __('client.global.' . $nameField) }}</label>

                    <div class="col-6">
                        <input id="id-{{$nameField}}" type="text" class="form-control" value="{{ old($nameField) }}" name="{{$nameField}}" @error($nameField) is-invalid @enderror">
                        @error($nameField)
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                </div>
                                <div class="form-group row">
                    <label for="id-{{$nameField}}" class="col-12 col-form-label col-form-label--required">{{ __('client.global.' . $nameField) }}</label>

                    <div class="col-6">
                        <input id="id-{{$nameField}}" type="text" class="form-control" value="{{ old($nameField) }}" name="{{$nameField}}" @error($nameField) is-invalid @enderror">
                        @error($nameField)
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                </div>
                                <div class="form-group row">
                    <label for="id-{{$nameField}}" class="col-12 col-form-label">{{ __('client.global.' . $nameField) }}</label>
                    <div class="col-6">
                        <select id="id-{{$nameField}}" class="form-control selectpicker" name="{{$nameField}}" @error($nameField) is-invalid @enderror>
                            @foreach(getUserRoles('admin') as $role => $label)
                            <option {{ old($nameField) == $role ? 'selected' : '' }} value="{{$role}}">{{$label}}</option>
                            @endforeach
                        </select>
                        @error($nameField)
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                </div>
                                <div class="form-group row">
                    <label for="language" class="col-12 col-form-label">{{ __('client.global.' . $nameField) }}</label>
                    <div class="col-3">
                        <select id="id-{{$nameField}}" class="form-control selectpicker" name="{{$nameField}}" @error($nameField) is-invalid @enderror>
                        @foreach(getLanguages() as $code => $language)
                            <option {{ old($nameField) == $code ? 'selected' : '' }} value="{{$code}}">{{$language}}</option>
                            @endforeach
                        </select>
                        @error($nameField)
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                </div>

                <div class="form-group row mb-0">
                    <div class="col-12 d-flex">
                        <button type="submit" class="btn btn--dark-red d-flex justify-content-center align-items-center">
                            {{ __('client.buttons.save') }}
                        </button>
                        <button type="button" onclick="window.location='{{route('client.administrators')}}'" class="btn btn--cancel d-flex justify-content-center align-items-center">
                            {{ __('client.buttons.cancel') }}
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection