@php
    $link = $link ?? null;
    $types = [
        'quick_links' => 'Quick Links',
        'support_links' => 'Support Links',
        'menu' => 'Menu'
    ];
    $isEdit = request()->is('*edit*');
    $isShow = $isShow ?? false;
@endphp

<div class="row">
    {{-- Text --}}
    <div class="col-md-6 mb-3">
        <label for="text" class="form-label">Link Text
            @if (!$isEdit)
                <span class="text-danger">*</span
            @endif>
        </label>
        <input type="text" name="text" id="text" class="form-control @error('text') is-invalid @enderror"
               value="{{ old('text', $link->text ?? '') }}"
               placeholder="Enter link text" required
               {{ $isShow ? 'disabled' : 'required' }}>
        @error('text')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    {{-- Link --}}
    <div class="col-md-6 mb-3">
        <label for="link" class="form-label">Link URL
            @if (!$isEdit)
                <span class="text-danger">*</span
            @endif>
        </label>
        <input type="text" name="link" id="link" class="form-control @error('link') is-invalid @enderror"
               value="{{ old('link', $link->link ?? '') }}"
               placeholder="/example" required
               {{ $isShow ? 'disabled' : 'required' }}>
        @error('link')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    {{-- Type --}}
    <div class="col-md-6 mb-3">
        <label for="type" class="form-label">Type
            @if (!$isEdit)
                <span class="text-danger">*</span
            @endif>
        </label>
        <select name="type"
                id="type" class="form-select @error('type') is-invalid @enderror" required
                {{ $isShow ? 'disabled' : 'required' }} onchange="changeType(this.value)">
            <option value="">-- Select Type --</option>
            @foreach($types as $value => $label)
                <option value="{{ $value }}" {{ old('type', $link->type ?? 'quick_links') === $value ? 'selected' : '' }}>
                    {{ $label }}
                </option>
            @endforeach
        </select>
        @error('type')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>
    {{-- parent link --}}
    <div class="col-md-6 mb-3" id="parent_link_div">
        <label for="parent_id" class="form-label">Parent Link</label>
        <select name="parent_id" id="parent_id" class="form-select @error('parent_id') is-invalid @enderror"
                {{ $isShow ? 'disabled' : '' }}>
            <option value="">No Parent</option>
            @foreach ($links as $parent)
                <option value="{{ $parent->id }}" {{ old('parent_id', $link->parent_id ?? null) == $parent->id ? 'selected' : '' }}>
                    {{ $parent->text }}
                </option>
            @endforeach
        </select>
        @error('parent_id')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>
</div>
<div class="card-footer">
    @if (!$isShow)
        @include('dashboard.common.form-button')
    @else
        <a href="{{ route('dashboard.links.edit', $link->id) }}" class="btn btn-warning">Edit</a>
        <a href="{{ route('dashboard.links.index') }}" class="btn btn-secondary">Back</a>
    @endif
</div>
<script>
    function changeType(value) {
        if (value === 'menu') {
            document.getElementById('parent_link_div').style.display = 'block';
        } else {
            document.getElementById('parent_link_div').style.display = 'none';
        }
    }

    changeType(document.getElementById('type').value);
</script>