@include('crud::fields.inc.wrapper_start')
@pushOnce('crud_fields_scripts')
<script>
    window.altLinkTranslations = @json([
        'selectElement' => __('admin/alt_link.select_element'),
        'unnamed' => __('admin/alt_link.unnamed'),
    ]);
</script>
<script src="/js/admin/forms/alt_link.js"></script>
@endpushOnce
@php
$menuables = App\Services\Menu\GetMenuablesService::get();
$value = $field['value'] ?? [];
$urlType = old('url_type', $value['url_type'] ?? 1);
$url = old_empty_or_null($field['name'], '') ?? ($value['url'] ?? ($field['default'] ?? ''));
$rel = old('rel', $value['rel'] ?? 0);
$target = old('target', $value['target'] ?? 0);
$hasText = old('has_text', $value['has_text'] ?? 0);
$defaultText = old('default_text', $value['default_text'] ?? __('front_alt_link.default_text'));
$menuableId = old('menuable_id', $value['menuable_id'] ?? '');
$menuableType = old('menuable_type', $value['menuable_type'] ?? '');
$isActive = old('is_active', $value['is_active'] ?? 1);
@endphp

@include('crud::fields.inc.translatable_icon')
@if (isset($field['hint']))
    <p class="help-block">{!! $field['hint'] !!}</p>
@endif

<input type="hidden" name="{{ $field['name'] }}" id="custom_json_field">

<div class="card border-0 shadow-sm">
    <div class="card-header bg-light">
        <div class="d-flex align-items-center justify-content-between">
            <div>
                <h5 class="mb-0">{{ __('admin/alt_link.title') }}</h5>
                <small class="text-muted">{{ __('admin/alt_link.description') }}</small>
            </div>
            <div class="form-check mb-0">
                <input
                    id="is_active"
                    type="checkbox"
                    class="form-check-input"
                    {{ (int) $isActive === 1 ? 'checked' : '' }}>
                <label for="is_active" class="form-check-label">{{ __('admin/alt_link.active') }}</label>
            </div>
        </div>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-md-6 mb-3">
                <label for="url_type" class="form-label">{{ __('admin/alt_link.type') }}</label>
                <select name="url_type" id="url_type" class="form-control">
                    <option value="1" {{ (int) $urlType === 1 ? 'selected' : '' }}>{{ __('admin/alt_link.types.manual') }}</option>
                    <option value="2" {{ (int) $urlType === 2 ? 'selected' : '' }}>{{ __('admin/alt_link.types.dynamic') }}</option>
                </select>
            </div>
            <div class="col-md-6">
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label for="has_text" class="form-label">{{ __('admin/alt_link.custom_text') }}</label>
                        <select class="form-control" name="has_text" id="has_text">
                            <option value="0" {{ (int) $hasText === 0 ? 'selected' : '' }}>{{ __('admin/alt_link.no') }}</option>
                            <option value="1" {{ (int) $hasText === 1 ? 'selected' : '' }}>{{ __('admin/alt_link.yes') }}</option>
                        </select>
                    </div>
                    <div class="col-md-6 mb-3" id="default_text_wrapper">
                        <label for="default_text" class="form-label">{{ __('admin/alt_link.text_label') }}</label>
                        <input
                            id="default_text"
                            type="text"
                            class="form-control"
                            value="{{ $defaultText }}"
                            placeholder="{{ __('front_alt_link.default_text') }}">
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-6 mb-3">
                <label for="target" class="form-label">{{ __('admin/alt_link.target') }}</label>
                <select class="form-control" name="target" id="target">
                    <option value="0" {{ (int) $target === 0 ? 'selected' : '' }}>-</option>
                    <option value="1" {{ (int) $target === 1 ? 'selected' : '' }}>{{ __('admin/alt_link.target_blank') }}</option>
                </select>
            </div>
            <div class="col-md-6 mb-3">
                <label for="rel" class="form-label">{{ __('admin/alt_link.rel') }}</label>
                <select class="form-control" name="rel" id="rel">
                    <option value="0" {{ (int) $rel === 0 ? 'selected' : '' }}>-</option>
                    <option value="1" {{ (int) $rel === 1 ? 'selected' : '' }}>{{ __('admin/alt_link.nofollow') }}</option>
                </select>
            </div>
        </div>

        <div class="mb-3" id="url_wrapper">
            <label for="url" class="form-label">{{ __('admin/alt_link.url') }}</label>
            @if(isset($field['prefix']) || isset($field['suffix']))
                <div class="input-group">
                    @if(isset($field['prefix'])) <span class="input-group-text">{!! $field['prefix'] !!}</span> @endif
            @endif
            <input
                id="url"
                type="url"
                class="form-control"
                value="{{ $url }}"
                @include('crud::fields.inc.attributes')>
            @if(isset($field['prefix']) || isset($field['suffix']))
                    @if(isset($field['suffix'])) <span class="input-group-text">{!! $field['suffix'] !!}</span> @endif
                </div>
            @endif
        </div>

        <div class="row" id="dynamic_link_wrapper">
            <div class="col-md-6 mb-3">
                <label for="menuable_id" class="form-label">{{ __('admin/alt_link.dynamic_type') }}</label>
                <select name="menuable_id" id="menuable_id" class="form-control">
                    <option value="">{{ __('admin/alt_link.select_type') }}</option>
                    @foreach($menuables as $menuable)
                        <option
                            value="{{ $menuable['menuable_type'] }}"
                            data-items='@json($menuable['items'])'
                            {{ $menuableId === $menuable['menuable_type'] ? 'selected' : '' }}>
                            {{ $menuable['label'] }}
                        </option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-6 mb-3">
                <label for="menuable_type" class="form-label">{{ __('admin/alt_link.dynamic_element') }}</label>
                <input type="hidden" value="{{ $menuableType }}" id="menuable_type_hidden" name="menuable_id_hidden">
                <select name="menuable_type" id="menuable_type" class="form-control">
                    <option value="">{{ __('admin/alt_link.select_element') }}</option>
                </select>
            </div>
        </div>
    </div>
</div>

@include('crud::fields.inc.wrapper_end')