@extends('layouts.dashboard')

@section('meta')
<title>{{ config('app.name') }} - Payment Methods</title>
@endsection

@section('title')
Profile
@endsection

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

    {{-- Error Display --}}
    <div class="{{$errors->isNotEmpty() ? "alert alert-danger" : ""}} d-flex justify-content-center w-100">
        <ul>
            @foreach ($errors->all() as $error)
            <li>
                {{ $error }}
            </li>
            @endforeach
        </ul>
    </div>

    @if (session('success'))
    <div class="alert alert-success d-flex justify-content-center w-100">
        {{ session('success') }}
    </div>
    @endif

    <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="{{ auth()->user()->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="{{ auth()->user()->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" autocomplete="new-password">
            <small>Leave empty if unchanged</small>
            @error('password')
            <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
            </span>
            @enderror
        </div>
    </div>

    @if($detail)
    <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">{{ isset($detail['Address']) ? $detail['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"
                    {{ isset($detail['Are you signing up as a']) ? ($detail['Are you signing up as a'] == '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"
                    {{ isset($detail['Are you signing up as a']) ? ($detail['Are you signing up as a'] == '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">{{ isset($detail['If you are signing up as a group, please list the names of all other participants']) ? $detail['If you are signing up as a group, please list the names of all other 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"
                    {{ isset($detail['Do you (and your group, if applicable) live in SF?']) ? ($detail['Do you (and your group, if applicable) live 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"
                    {{ isset($detail['Do you (and your group, if applicable) live in SF?']) ? ($detail['Do you (and your group, if applicable) live 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"
                    {{ isset($detail['Do you prefer to meet']) ? ($detail['Do you prefer to 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"
                    {{ isset($detail['Do you prefer to meet']) ? ($detail['Do you prefer to 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="{{ isset($detail['Please indicate your preferred timing to start with a growth cohort']) ? $detail['Please indicate your preferred timing to start with a growth cohort'] : '' }}" 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">{{ isset($detail['Tell us about your spiritual practices']) ? $detail['Tell us about your 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">{{ isset($detail['What are you hoping to experience or grow in through the growth cohort?']) ? $detail['What are you hoping to experience or grow in through the growth cohort?'] : '' }}</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">{{ isset($detail['How did you hear about Meditation in Motion?']) ? $detail['How did you hear about Meditation in Motion?'] : '' }}</textarea>

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

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