@extends('backoffice.layout.master')
@section('setSectionTitle', __('I tuoi paesi di interesse'))
@section('setSectionDescription', __('Effettua una o più scelte.'))


@section('setContent')
    <div class="container-fluid">
        <div class="row">

            <div class="col">


                <div class="card">
                    <div class="card-body tab-content">

                        <div class="row">
                            <div class="col-12 col-md-4">
                                <h4>{{ __('Paesi di interesse') }}</h4>
                                @if (!empty($countries_interests))
                                    <ul class="list-group list-group-flush">
                                        @foreach ($countries_interests as $country)
                                            <li class="list-group-item">
                                                <span style="vertical-align: sub;">{{ $country->refLocationCountry->name }}</span>
                                                <a href="{{ route('organization.deleteCountryInterest', $country->refLocationCountry->id) }}"><i class="float-end bi bi-trash-fill text-muted align-middle"></i></a>
                                            </li>
                                        @endforeach
                                    </ul>
                                @else
                                    <p>{{ __('Nessun paese di interesse aggiunto.') }}</p>
                                @endif
                            </div>
                            <div class="col-12 col-md-8">
                                <h4>{{ __('Aggiungi un paese di interesse') }}</h4>
                                <form action="{{ route('organization.addCountryInterest') }}" method="POST">
                                    @csrf
                                    <div class="mb-3">
                                        <x-select-field label="{{ __('Seleziona un paese') }}"
                                            name="country_id" text="name" :data="$available_countries"
                                            :required="[true, false]" />
                                    </div>
                                    <button type="submit" class="btn btn-success">{{ __('Aggiungi') }}</button>
                                </form>
                            </div>
                        </div>

                    </div>

                </div>

            </div>

        </div>
    </div>

@endsection