@extends('user::_layouts.authenticated.layout')

@section('title', __('messages.global.add_a_member'))

@section('content')
  <div class="row">

    <div class="col-lg-4">
    </div>

    <div class="col-lg-8 order-first">

      <div class="card card-user">
        <div class="card-header">
          <h5 class="card-title">{{ __('messages.global.add_a_member') }}</h5>
        </div>
        <div class="card-body">
          <form enctype="multipart/form-data" method="post" action="{{ route('user.members.store') }}">
            {{ csrf_field() }}

            {{-- Role Field --}}
            <div class="row">
              <div class="col-md-6">
                <div class="form-group">
                  <label for="role">{{ __('messages.global.role') }} <span class="text-danger">*</span></label>
                  <select id="role" name="role" class="custom-select"
                    placeholder="{{ __('messages.global.role') }}">
                    <option>-</option>
                    @foreach ($roles as $role)
                      <option value="{{ $role }}" {{ old('role') == $role ? 'selected' : '' }}>
                        {{ __('messages.organization_user_role.' . $role) }}</option>
                    @endforeach
                  </select>
                  @if ($errors->has('role'))
                    <span class="small text-danger">{{ $errors->first('role') }}</span>
                  @endif
                </div>
              </div>
            </div>

            {{-- Fields --}}
            <div class="row">
              <div class="col-md-4">
                <div class="form-group">
                  <label for="email">{{ __('messages.global.email_address') }} <span
                      class="text-danger">*</span></label>
                  <input type="text" id="email" name="email" class="form-control"
                    placeholder="{{ __('messages.global.email_address') }}" value="{{ old('email') }}">
                  @if ($errors->has('email'))
                    <span class="small text-danger">{{ $errors->first('email') }}</span>
                  @endif
                </div>
              </div>
              <div class="col-md-4">
                <div class="form-group">
                  <label for="last_name">{{ __('messages.global.last_name') }} <span class="text-danger">*</span></label>
                  <input type="text" id="last_name" name="last_name" class="form-control"
                    placeholder="{{ __('messages.global.last_name') }}" value="{{ old('last_name') }}">
                  @if ($errors->has('last_name'))
                    <span class="small text-danger">{{ $errors->first('last_name') }}</span>
                  @endif
                </div>
              </div>
              <div class="col-md-4">
                <div class="form-group">
                  <label for="first_name">{{ __('messages.global.first_name') }} <span
                      class="text-danger">*</span></label>
                  <input type="text" id="first_name" name="first_name" class="form-control"
                    placeholder="{{ __('messages.global.first_name') }}" value="{{ old('first_name') }}">
                  @if ($errors->has('first_name'))
                    <span class="small text-danger">{{ $errors->first('first_name') }}</span>
                  @endif
                </div>
              </div>
            </div>

            {{-- Block password change Field --}}
            <div class="row">
              <div class="col-md-12">
                <div class="form-group">
                  <div class="custom-control custom-switch mt-2">
                    <input type="checkbox" class="custom-control-input" id="block_password_change"
                      name="block_password_change" @if (old('block_password_change')) checked @endif>
                    <label class="custom-control-label"
                      for="block_password_change">{{ __('messages.global.block_password_change') }}</label>
                  </div>
                  @if ($errors->has('block_password_change'))
                    <span class="small text-danger">{{ $errors->first('block_password_change') }}</span>
                  @endif
                </div>
              </div>
            </div>

            <div class="row">
              <div class="update ml-auto mr-auto">
                <button type="submit" name="create-member"
                  class="btn btn-primary btn-round">{{ __('messages.global.add') }}</button>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>

  </div>
@endsection