@extends('layouts.auth')

@section('title')
Register
@endsection

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

    <div class="form-group row">
        <label for="name" class="col-md-4 col-form-label text-md-right">{{ __('Name') }}</label>

        <div class="col-md-6">
            <input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name"
                value="{{ old('name') }}" required autocomplete="name" autofocus>

            @error('name')
            <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
            </span>
            @enderror
        </div>
    </div>

    <div class="form-group row">
        <label for="email" class="col-md-4 col-form-label text-md-right">{{ __('E-Mail Address') }}</label>

        <div class="col-md-6">
            <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email"
                value="{{ old('email') }}" required autocomplete="email">

            @error('email')
            <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
            </span>
            @enderror
        </div>
    </div>

    <div class="form-group row">
        <label for="password" class="col-md-4 col-form-label text-md-right">{{ __('Password') }}</label>

        <div class="col-md-6">
            <input id="password" type="password" class="form-control @error('password') is-invalid @enderror"
                name="password" required autocomplete="new-password">

            @error('password')
            <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
            </span>
            @enderror
        </div>
    </div>

    <div class="form-group row">
        <label for="password-confirm" class="col-md-4 col-form-label text-md-right">{{ __('Confirm Password') }}</label>

        <div class="col-md-6">
            <input id="password-confirm" type="password" class="form-control" name="password_confirmation" required
                autocomplete="new-password">
        </div>
    </div>

    <div class="form-group row">
        <label for="address"
            class="col-md-4 col-form-label text-md-right">{{ __('Address') }}</label>

        <div class="col-md-6">
            <textarea class="form-control @error('address') is-invalid @enderror" name="address"
                id="address" rows="2">{{ old('address') }}</textarea>

            @error('address')
            <span class="invalid-feedback" role="alert" style="display: inline-block">
                <strong>{{ $message }}</strong>
            </span>
            @enderror
        </div>
    </div>

    <div class="form-group row">
        <label class="col-md-4 col-form-label text-md-right">{{ __('Are you signing up as a') }}</label>

        <div class="col-md-6">
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="type" id="type_option1" value="Individual"
                    {{ old('type') == 'Individual' ? 'checked' : '' }}>
                <label class="form-check-label" for="type_option1">Individual</label>
            </div>
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="type" id="type_option2" value="Group"
                    {{ old('type') == 'Group' ? 'checked' : '' }}>
                <label class="form-check-label" for="type_option2">Group</label>
            </div>

            @error('type')
            <span class="invalid-feedback" role="alert" style="display: inline-block">
                <strong>{{ $message }}</strong>
            </span>
            @enderror
        </div>
    </div>

    <div class="form-group row">
        <label for="participants"
            class="col-md-4 col-form-label text-md-right">{{ __('If you are signing up as a group, please list the names of all other participants') }}</label>

        <div class="col-md-6">
            <textarea class="form-control @error('participants') is-invalid @enderror" name="participants"
                id="participants" rows="2">{{ old('participants') }}</textarea>

            @error('participants')
            <span class="invalid-feedback" role="alert" style="display: inline-block">
                <strong>{{ $message }}</strong>
            </span>
            @enderror
        </div>
    </div>

    <div class="form-group row">
        <label
            class="col-md-4 col-form-label text-md-right">{{ __('Do you (and your group, if applicable) live in SF?') }}</label>

        <div class="col-md-6">
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="in_sf" id="in_sf_option1" value="Yes"
                    {{ old('in_sf') == 'Yes' ? 'checked' : '' }}>
                <label class="form-check-label" for="in_sf_option1">Yes</label>
            </div>
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="in_sf" id="in_sf_option2" value="No"
                    {{ old('in_sf') == 'No' ? 'checked' : '' }}>
                <label class="form-check-label" for="in_sf_option2">No</label>
            </div>

            @error('in_sf')
            <span class="invalid-feedback" role="alert" style="display: inline-block">
                <strong>{{ $message }}</strong>
            </span>
            @enderror
        </div>
    </div>

    <div class="form-group row">
        <label class="col-md-4 col-form-label text-md-right">{{ __('Do you prefer to meet') }}</label>

        <div class="col-md-6">
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="meet" id="meet_option1" value="In Person"
                    {{ old('meet') == 'In Person' ? 'checked' : '' }}>
                <label class="form-check-label" for="meet_option1">In Person</label>
            </div>
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="meet" id="meet_option2" value="Virtually"
                    {{ old('meet') == 'Virtually' ? 'checked' : '' }}>
                <label class="form-check-label" for="meet_option2">Virtually</label>
            </div>

            @error('meet')
            <span class="invalid-feedback" role="alert" style="display: inline-block">
                <strong>{{ $message }}</strong>
            </span>
            @enderror
        </div>
    </div>

    <div class="form-group row">
        <label for="timing"
            class="col-md-4 col-form-label text-md-right">{{ __('Please indicate your preferred timing to start with a growth cohort') }}</label>

        <div class="col-md-6">
            <input id="timing" type="time" class="form-control @error('timing') is-invalid @enderror" name="timing"
                value="{{ old('timing') }}" required autocomplete="timing" autofocus>

            @error('timing')
            <span class="invalid-feedback" role="alert" style="display: inline-block">
                <strong>{{ $message }}</strong>
            </span>
            @enderror
        </div>
    </div>

    <div class="form-group row">
        <label for="spiritual_practices"
            class="col-md-4 col-form-label text-md-right">{{ __('Tell us about your spiritual practices') }}</label>

        <div class="col-md-6">
            <textarea class="form-control @error('spiritual_practices') is-invalid @enderror" name="spiritual_practices"
                id="spiritual_practices" rows="2">{{ old('spiritual_practices') }}</textarea>

            @error('spiritual_practices')
            <span class="invalid-feedback" role="alert" style="display: inline-block">
                <strong>{{ $message }}</strong>
            </span>
            @enderror
        </div>
    </div>

    <div class="form-group row">
        <label for="hope"
            class="col-md-4 col-form-label text-md-right">{{ __('What are you hoping to experience or grow in through the growth cohort?') }}</label>

        <div class="col-md-6">
            <textarea class="form-control @error('hope') is-invalid @enderror" name="hope" id="hope"
                rows="2">{{ old('hope') }}</textarea>

            @error('hope')
            <span class="invalid-feedback" role="alert" style="display: inline-block">
                <strong>{{ $message }}</strong>
            </span>
            @enderror
        </div>
    </div>

    <div class="form-group row">
        <label for="hear"
            class="col-md-4 col-form-label text-md-right">{{ __('How did you hear about Meditation in Motion?') }}</label>

        <div class="col-md-6">
            <textarea class="form-control @error('hear') is-invalid @enderror" name="hear" id="hear"
                rows="2">{{ old('hear') }}</textarea>

            @error('hear')
            <span class="invalid-feedback" role="alert" style="display: inline-block">
                <strong>{{ $message }}</strong>
            </span>
            @enderror
        </div>
    </div>

    <div class="form-group row mb-0">
        <div class="col-md-6 offset-md-4">
            <button type="submit" class="btn btn-primary">
                {{ __('Register') }}
            </button>
        </div>
    </div>
</form>
@endsection