<div class="container mt-3 ms-2">
    <div class="row">
        <div class="col-md-11">
            <table class="table table-hover">
                <thead class="bg-light">
                <tr>
                    <th scope="col">Соц-сеть</th>
                    <th scope="col">Ссылка</th>
                    <th scope="col">Действие</th>
                </tr>
                </thead>
                <tbody>
                @foreach ($socialNetworks as $socialNetwork)
                    <tr>
                        <td>{{ $socialNetwork->label }}</td>
                        <td>{{  $socialNetwork->link }}</td>
                        <td>
                            <div class="d-flex">
                                <a href="{{ route('profile.social-networks.edit', $socialNetwork->id) }}" class="btn btn-outline-danger btn-sm me-2">Редактировать</a>
                                <form action="{{ route('profile.social-networks.destroy', $socialNetwork->id) }}" method="POST" class="d-inline">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-outline-secondary btn-sm" onclick="return confirm('Вы уверены, что хотите удалить эту соцсеть?')">Удалить</button>
                                </form>
                            </div>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
        <div class="col-md-1">
            <a href="{{ route('profile.social-networks.create')  }}" class="btn btn-danger">Добавить</a>
        </div>
    </div>
</div>