@php /** @var App\Models\Property\PropertyOption $propertyOption */  @endphp

<div class="row">
    <div class="col-12">
        <form method="post"
              action="{{ isset($propertyOption) ? route('admin.property-options.update', ['property_option' => $propertyOption]) : route('admin.property-options.store')}}"
              enctype="multipart/form-data">

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

                    @csrf

                    @method(isset($propertyOption) ? 'PUT' : 'POST')

                    @include('admin::pages.components.form.tabs')

                    <div class="tab-content">

                        @foreach(LaravelLocalization::getSupportedLocales() as $iso => $locale)

                            <div class="tab-pane {{ $loop->first ? 'active' : '' }}" id="tab-{{ $iso }}">
                                <div class="form-row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="title-{{ $iso }}">
                                                Title: {{ strtoupper($iso) }}
                                            </label>
                                            <input type="text"
                                                   class="form-control"
                                                   id="value-{{ $iso }}"
                                                   name="value[{{ $iso }}]"
                                                   placeholder="Title"
                                                   value="{{ old('value.' . $iso, isset($propertyOption) ? $propertyOption->getTranslation('value', $iso) : '') }}"
                                            >
                                        </div>
                                    </div><!-- Title -->
                                </div>
                            </div>

                        @endforeach

                    </div>
                    <div class="form-row">
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="property_group">Property</label>
                                <select class="form-control select2" id="property" name="property_id">
                                    @foreach($properties as $property)
                                        <option value="{{ $property->id }}" {{ isset($propertyOption) && $property->id === $propertyOption->property_id ? 'selected' : '' }}>
                                            {{ $property->title }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="is_active">Active</label>
                                <select class="form-control" id="is_active" name="is_active">
                                    <option value="1" {{ isset($propertyOption) && $propertyOption->is_active ? 'selected' : '' }}>
                                        Active
                                    </option>
                                    <option value="0" {{ isset($propertyOption) && !$propertyOption->is_active ? 'selected' : '' }}>
                                        Inactive
                                    </option>
                                </select>
                            </div>
                        </div>

                    </div>

                    <div class="row mt-2">
                        <div class="col">
                            <div class="text-left">
                                <button type="submit" class="btn btn-sm btn-primary">
                                    {{ isset($propertyOption) ? 'Update' : 'Create' }}
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @include('admin::pages.components.flash-messages')
        </form>
    </div>
</div>