@php
    $network = $link['network'] ?? 'other';
@endphp
<div class="row g-2 mb-2" data-nav-item>
    <div class="col-md-3">
        <input class="form-control" name="social[{{ $s }}][label]" value="{{ $link['label'] ?? '' }}" placeholder="Name">
    </div>
    <div class="col-md-4">
        <input class="form-control" name="social[{{ $s }}][url]" value="{{ $link['url'] ?? '' }}" placeholder="https://">
    </div>
    <div class="col-md-3">
        <select class="form-select" name="social[{{ $s }}][network]">
            <option value="facebook" @selected($network === 'facebook' || $network === 'fb')>Facebook</option>
            <option value="x" @selected($network === 'x' || $network === 'twitter')>X / Twitter</option>
            <option value="linkedin" @selected($network === 'linkedin' || $network === 'li')>LinkedIn</option>
            <option value="youtube" @selected($network === 'youtube' || $network === 'yt')>YouTube</option>
            <option value="other" @selected(! in_array($network, ['facebook', 'fb', 'x', 'twitter', 'linkedin', 'li', 'youtube', 'yt'], true))>Other</option>
        </select>
    </div>
    <div class="col-md-2">
        <div class="nav-editor-tools">
            <button class="btn btn-sm btn-outline-secondary" type="button" data-nav-move="up">Up</button>
            <button class="btn btn-sm btn-outline-secondary" type="button" data-nav-move="down">Down</button>
            <button class="btn btn-sm btn-outline-danger" type="button" data-nav-remove>Remove</button>
        </div>
    </div>
</div>