@extends('layouts.app')

@section('title', 'Register - NuvisAds')

@section('content')

<div style="
    max-width:500px;
    margin:40px auto;
">

    <div class="card">

        <h2>
            Create NuvisAds Account
        </h2>

        <form
            method="POST"
            action="{{ route('register') }}"
        >

            @csrf

            <div class="form-group">

                <label>Name</label>

                <input
                    type="text"
                    name="name"
                    value="{{ old('name') }}"
                    required
                >

            </div>

            <div class="form-group">

                <label>Email</label>

                <input
                    type="email"
                    name="email"
                    value="{{ old('email') }}"
                    required
                >

            </div>

            <div class="form-group">

                <label>
                    Account Type
                </label>

                <select
                    name="role"
                    required
                >

                    <option value="">
                        Select
                    </option>

                    <option value="publisher">
                        Publisher
                    </option>

                    <option value="advertiser">
                        Advertiser
                    </option>

                </select>

            </div>

            <div class="form-group">

                <label>Password</label>

                <input
                    type="password"
                    name="password"
                    required
                >

            </div>

            <div class="form-group">

                <label>
                    Confirm Password
                </label>

                <input
                    type="password"
                    name="password_confirmation"
                    required
                >

            </div>

            <button class="btn">
                Register
            </button>

        </form>

    </div>

</div>

@endsection