# Create new service
## Rework the modal when Create new Service
### Has
- Step 1:
Launch the Create Service modal
User is required to input the **Service name**
**The ClientID** will be auto-fill (per task Auto generate and assign Client_ID)
- *auto-fill client id* with following information:
[Standardized Service Name]_[Random code]
- Standardized Service Name: get the Service name input by user => trim => toLower => remove all non-ascii characters, and replace spaces with "_"
- Random code = sha256(user_email + Date.now()).slice(0,5)
eg:
Service name: My Acme's Awesome Service
Suggested Client ID: my_acmes_awesome_service_5a8fe

- user can choose *another ClientID* if he wants

By default **logo image** is https://cdn.blockpass.org/images/placeholder.png, user can choose to upload a new one
Only show the **Template** selection if User role is Super Admin / Admin. For user it will always default to Formpass

- Step 2:
New Service is created
Show link to user KYCC dashboard
Click **'Go to dashboard'** => open KYCC in new tab & close modal
Click **'Configure your Service...'** => go to detail page of last created service

### Rule
Show when click 'Create service'

### Design
https://projects.invisionapp.com/d/main#/console/18513814/386618657/preview
On admin console

### Development
- Backend
Use old API: /blockpass_developer/v1/services
- Fontend
- Rework '**ServiceAdd**' component: use '**BannerModal**'

- Create '**BannerModal**'
- Main content
- Title
- Form/UI
- RightBanner (with closeBtn at the top)
- Create service( step 1) success -> change content(step 2)