@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 | Artist - {{ \Illuminate\Support\Facades\Auth::user()->name }}</h3>
                <form method="POST" action="/onboarding">
                    @csrf

                    <div class="mb-3">
                        <label for="birthDate" class="form-label">Birth Date</label>
                        @if(is_null($artist->birth_date) || trim($artist->birth_date) === '')
                            <input type="date" name="birth_date" id="birthDate" required>
                        @else
                            <p>{{ $artist->birth_date->isoFormat('DD-MM-Y') }}</p>
                        @endif
                    </div>
                    <div class="mb-3">
                        <div class="row">
                            <label for="birthDate" class="form-label">Location</label>
                            <div class="col-md-6">
                                @if(is_null($artist->country) || trim($artist->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>{{ $artist->country }}</p>
                                @endif
                            </div>
                            <div class="col-md-6">
                                @if(is_null($artist->city) || trim($artist->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>{{ $artist->city }}</p>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="mb-3">
                        <div class="row">
                            <label for="birthDate" class="form-label">Artist Type</label>
                            <div class="col-12">
                                @if(is_null($artist->artist_type) || trim($artist->artist_type->name) === '')
                                    <select class="form-select mb-2" name="artist_type"
                                            aria-label="Default select example" required>
                                        @foreach($types as $type)
                                            <option value="{{ $type->name }}">{{ $type->name }}</option>
                                        @endforeach
                                    </select>
                                @else
                                    <p>{{ $artist->artist_type->name }}</p>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="mb-3">
                        <div class="row">
                            <label for="birthDate" class="form-label">Genres</label>
                            <div class="col-12">
                                @if($artist->genres->isEmpty())
                                    <select class="form-select mb-2" name="genres[]" multiple
                                            aria-label="Default select example" required>
                                        @foreach($genres as $genre)
                                            <option value="{{ $genre->id }}">{{ $genre->name }}</option>
                                        @endforeach
                                    </select>
                                @else
                                    @foreach($artist->genres as $genre)
                                        <p>{{ $genre->name }}</p>
                                    @endforeach
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="mb-3">
                        <label for="exampleFormControlTextarea1" class="form-label">Short Description</label>
                        @if(is_null($artist->short_description) || trim($artist->short_description) === '')
                            <textarea class="form-control" name="short_description" id="exampleFormControlTextarea1"
                                      rows="3"></textarea>
                        @else
                            <p>{{ $artist->short_description }}</p>
                        @endif
                    </div>

                    <button type="submit" class="btn btn-success">Submit</button>
                </form>
            </div>
        </div>
    </div>
@endsection