@extends('layouts.admin')

@section('content')
    <h3 class="title">Create Admin user</h3>

    <form action="{{ route('admin.admin_users.store') }}" class="form-horizontal" method="post">
        @csrf

        <div class="field is-horizontal">
            <label for="name" class="field-label is-normal">Name *</label>
            <div class="field-body">
                <div class="field">
                    <div class="control has-icons-right">
                        <input type="text" id="name" name="name" value="{{ old('name') }}"
                               class="input @if($errors->has('name')) is-danger @endif" required>
                        @if($errors->has('name'))
                            <span class="icon is-small is-right">
                                <i class="fas fa-exclamation-triangle"></i>
                            </span>
                        @endif
                    </div>
                    @if($errors->has('name'))
                        <p class="help is-danger">{{ $errors->first('name') }}</p>
                    @endif
                </div>
            </div>
        </div>

        <div class="field is-horizontal">
            <label for="password" class="field-label is-normal">Password *</label>
            <div class="field-body">
                <div class="field">
                    <div class="control has-icons-right">
                        <input type="password" id="password" name="password" value="{{ old('password') }}"
                               class="input @if($errors->has('password')) is-danger @endif" required>
                        @if($errors->has('password'))
                            <span class="icon is-small is-right">
                                <i class="fas fa-exclamation-triangle"></i>
                            </span>
                        @endif
                    </div>
                    @if($errors->has('password'))
                        <p class="help is-danger">{{ $errors->first('password') }}</p>
                    @endif
                </div>
            </div>
        </div>

        <div class="field is-horizontal">
            <label for="email" class="field-label is-normal">Email address *</label>
            <div class="field-body">
                <div class="field">
                    <div class="control has-icons-right">
                        <input type="email" id="email" name="email" value="{{ old('email') }}"
                               class="input @if($errors->has('email')) is-danger @endif" required>
                        @if($errors->has('email'))
                            <span class="icon is-small is-right">
                                <i class="fas fa-exclamation-triangle"></i>
                            </span>
                        @endif
                    </div>
                    @if($errors->has('email'))
                        <p class="help is-danger">{{ $errors->first('email') }}</p>
                    @endif
                </div>
            </div>
        </div>

        <div class="field is-horizontal">
            <label for="country" class="field-label is-normal">Country *</label>
            <div class="field-body">
                <div class="field">
                    <div class="control has-icons-right">
                        <div class="select is-fullwidth">
                            <select id="country" name="country" required>
                                @foreach($countries as $country)
                                    <option value="{{ $country }}"
                                            @if(old('country') === $country) selected @endif>{{ $country }}</option>
                                @endforeach
                            </select>
                        </div>
                        @if($errors->has('country'))
                            <span class="icon is-small is-right">
                                <i class="fas fa-exclamation-triangle"></i>
                            </span>
                        @endif
                    </div>
                    @if($errors->has('country'))
                        <p class="help is-danger">{{ $errors->first('country') }}</p>
                    @endif
                </div>
            </div>
        </div>

        <div class="field is-horizontal">
            <label for="city" class="field-label is-normal">City</label>
            <div class="field-body">
                <div class="field">
                    <div class="control has-icons-right">
                        <input type="text" id="city" name="city" value="{{ old('city') }}"
                               class="input @if($errors->has('city')) is-danger @endif">
                        @if($errors->has('city'))
                            <span class="icon is-small is-right">
                                <i class="fas fa-exclamation-triangle"></i>
                            </span>
                        @endif
                    </div>
                    @if($errors->has('city'))
                        <p class="help is-danger">{{ $errors->first('city') }}</p>
                    @endif
                </div>
            </div>
        </div>

        <div class="field is-horizontal">
            <label for="dob" class="field-label is-normal">Date of birth *</label>
            <div class="field-body">
                <div class="field">
                    <div class="control has-icons-right">
                        <input type="date" id="dob" name="dob" value="{{ old('dob') }}"
                               class="input @if($errors->has('dob')) is-danger @endif" required>
                        @if($errors->has('dob'))
                            <span class="icon is-small is-right">
                                <i class="fas fa-exclamation-triangle"></i>
                            </span>
                        @endif
                    </div>
                    @if($errors->has('dob'))
                        <p class="help is-danger">{{ $errors->first('dob') }}</p>
                    @endif
                </div>
            </div>
        </div>

        <div class="field is-horizontal">
            <label for="gender1" class="field-label">Gender *</label>
            <div class="field-body">
                <div class="field is-narrow">
                    <div class="control">
                        <label class="radio">
                            <input type="radio" name="gender" id="gender1" value="M"
                                   @if(old('gender') === 'M' || !old('gender')) checked @endif> Male
                        </label>
                        <label class="radio">
                            <input type="radio" name="gender" id="gender2" value="F"
                                   @if(old('gender') === 'F') checked @endif> Female
                        </label>
                    </div>
                    @if($errors->has('gender'))
                        <p class="help is-danger">{{ $errors->first('gender') }}</p>
                    @endif
                </div>
            </div>
        </div>

        <div class="field is-horizontal">
            <label for="is_active" class="field-label is-normal">Is Active *</label>
            <div class="field-body">
                <div class="field">
                    <label class="radio">
                        <input type="radio" name="is_active" value="1"
                               @if((int)old('is_active', 1) === 1) checked @endif> Yes
                    </label>
                    <label class="radio">
                        <input type="radio" name="is_active" value="0"
                               @if((int)old('is_active', 1) === 0) checked @endif> No
                    </label>
                    @if($errors->has('is_active'))
                        <p class="help is-danger">{{ $errors->first('is_active') }}</p>
                    @endif
                </div>
            </div>
        </div>

        <div class="field is-horizontal">
            <label for="role" class="field-label is-normal">Role *</label>
            <div class="field-body">
                <div class="field">
                    <div class="control has-icons-right">
                        <div class="select is-fullwidth">
                            <select name="role" id="role" required
                                    @if($errors->has('role')) class="input is-danger" @endif>
                                <option value="">Select a role from the list</option>
                                <option value="admin" @if(old('role') === 'admin') selected="selected" @endif>Admin
                                </option>
                                <option value="subadmin" @if(old('role') === 'subadmin') selected="selected" @endif>
                                    Subadmin
                                </option>
                            </select>
                        </div>
                        @if($errors->has('role'))
                            <span class="icon is-small is-right">
                                <i class="fas fa-exclamation-triangle"></i>
                            </span>
                        @endif
                    </div>
                    @if($errors->has('role'))
                        <p class="help is-danger">{{ $errors->first('role') }}</p>
                    @endif
                </div>
            </div>
        </div>

        <div class="field is-horizontal">
            <label for="admin_role" class="field-label is-normal">Type</label>
            <div class="field-body">
                <div class="field">
                    <div class="control has-icons-right">
                        <div class="select is-fullwidth">
                            <select name="admin_role" id="admin_role"
                                    @if($errors->has('admin_role')) class="input is-danger" @endif>
                                <option value="">Select a type from the list</option>
                                <option value="recruiter"
                                        @if(old('admin_role') === 'recruiter') selected="selected" @endif>Recruiter
                                </option>
                                <option value="converter"
                                        @if(old('admin_role') === 'converter') selected="selected" @endif>Converter
                                </option>
                            </select>
                        </div>
                        @if($errors->has('admin_role'))
                            <span class="icon is-small is-right">
                                <i class="fas fa-exclamation-triangle"></i>
                            </span>
                        @endif
                    </div>
                    @if($errors->has('admin_role'))
                        <p class="help is-danger">{{ $errors->first('admin_role') }}</p>
                    @endif
                </div>
            </div>
        </div>

        <div class="field is-horizontal">
            <label for="role" class="field-label is-normal">VIP status</label>
            <div class="field-body">
                <div class="field">
                    <div class="control has-icons-right">
                        <div class="select is-fullwidth">
                            <select name="vip_status" id="vip_status" @if($errors->has('vip_status')) class="input is-danger" @endif>
                                <option value="" @if(old('vip_status') === '') selected="selected" @endif>No status</option>
                                <option value="VIP" @if(old('vip_status') === 'VIP') selected="selected" @endif>VIP</option>
                                <option value="Suprem" @if(old('vip_status') === 'Suprem') selected="selected" @endif>Suprem</option>
                            </select>
                        </div>
                        @if($errors->has('vip_status'))
                            <span class="icon is-small is-right">
                                <i class="fas fa-exclamation-triangle"></i>
                            </span>
                        @endif
                    </div>
                    @if($errors->has('vip_status'))
                        <p class="help is-danger">{{ $errors->first('vip_status') }}</p>
                    @endif
                </div>
            </div>
        </div>

        <div class="field is-horizontal">
            <label class="field-label"></label>
            <div class="field-body">
                <div class="field">
                    <div class="control">
                        <button type="submit" class="button is-primary">Create user</button>
                    </div>
                </div>
            </div>
        </div>
    </form>
@endsection