@extends('layouts.app')

@section('content')
    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.12/css/select2.min.css" rel="stylesheet"/>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8 mt-3">
                <h3 class="mb-5">Onboarding | Organizer - {{ \Illuminate\Support\Facades\Auth::user()->name }}</h3>
                <form method="POST" action="/onboarding">
                    @csrf
                    <div class="mb-3">
                        <div class="row">
                            <label for="birthDate" class="form-label">Location</label>
                            <div class="col-md-6">
                                @if(is_null($organizer->country) || trim($organizer->country) === '')
                                    <select class="form-select mb-2" name="country" aria-label="Default select example"
                                            required>
                                        <option selected>Select Country</option>
                                        <option value="North Macedonia">North Macedonia</option>
                                        <option value="Serbia">Serbia</option>
                                        <option value="France">France</option>
                                    </select>
                                @else
                                    <h6>City</h6>
                                    <p>{{ $organizer->country }}</p>
                                @endif
                            </div>
                            <div class="col-md-6">
                                @if(is_null($organizer->city) || trim($organizer->city) === '')
                                    <select class="form-select" name="city" aria-label="Default select example"
                                            required>
                                        <option selected>Select City</option>
                                        <option value="Skopje">Skopje</option>
                                        <option value="Belgrade">Belgrade</option>
                                        <option value="Paris">Paris</option>
                                    </select>
                                @else
                                    <h6>Country</h6>
                                    <p>{{ $organizer->city }}</p>
                                @endif
                            </div>
                        </div>
                    </div>
                    <button type="submit" class="btn btn-success">Submit</button>
                </form>
            </div>
        </div>
    </div>
@endsection