@extends('layouts.auth')
@section('title', 'Start your trial')

@section('content')
    <h1>Start your trial</h1>
    <p class="lede">{{ $trialDays }} days, no card required.</p>

    <form method="POST" action="{{ route('auth.register') }}">
        @csrf

        <div class="field">
            <label for="organisation">Organisation name</label>
            <input id="organisation" name="organisation" type="text" value="{{ old('organisation') }}"
                   required autofocus autocomplete="organization">
        </div>

        <div class="field">
            <label for="name">Your name</label>
            <input id="name" name="name" type="text" value="{{ old('name') }}" required autocomplete="name">
        </div>

        <div class="field">
            <label for="email">Work email</label>
            <input id="email" name="email" type="email" value="{{ old('email') }}" required autocomplete="username">
        </div>

        <div class="field">
            <label for="password">Password</label>
            <input id="password" name="password" type="password" required autocomplete="new-password">
            <p class="hint">At least 12 characters. Longer is better than complicated.</p>
        </div>

        <div class="field">
            <label for="password_confirmation">Confirm password</label>
            <input id="password_confirmation" name="password_confirmation" type="password"
                   required autocomplete="new-password">
        </div>

        <div class="field row">
            <div>
                <label for="currency">Billing currency</label>
                <select id="currency" name="currency">
                    @foreach ($currencies as $currency)
                        <option value="{{ $currency }}" @selected(old('currency', 'USD') === $currency)>{{ $currency }}</option>
                    @endforeach
                </select>
            </div>
            <div>
                <label for="timezone">Time zone</label>
                <select id="timezone" name="timezone">
                    @foreach (timezone_identifiers_list() as $tz)
                        <option value="{{ $tz }}" @selected(old('timezone', 'UTC') === $tz)>{{ $tz }}</option>
                    @endforeach
                </select>
            </div>
        </div>

        <div class="field check">
            <input id="terms" name="terms" type="checkbox" value="1" required>
            <label for="terms">I agree to the terms of service and privacy policy.</label>
        </div>

        <button class="primary" type="submit">Create my organisation</button>
    </form>
@endsection

@section('foot')
    Already have an account? <a href="{{ route('auth.login') }}">Sign in</a>
@endsection