@extends('layouts.main')

@section('content')
    <div class="articlePage">
        <div class="mainHeadline">
            <h1>
                <span class="title">{{c_trans('Linki użytkownika')}}</span>
            </h1>
        </div>
        <div class="container">
            <div class="articleContent">
                <table class="table table-hover">
                    <colgroup>
                        <col width="75" class="hidden-xs">
                        <col>
                        <col with="400">
                        <col width="150">
                        <col width="150">
                    </colgroup>
                    <thead>
                    <tr>
                        <th class="text-center hidden-xs"> {{ c_trans('Lp.') }} </th>
                        <th> {{c_trans('Adres url')}}</th>
                        <th> {{c_trans('Opis')}}</th>
                        <th> {{c_trans('Typ danych')}}</th>
                        <th class="text-center hidden-print">{{c_trans('Kopiuj')}}</th>
                    </tr>
                    </thead>
                    <tbody>
                    @forelse ($urls as $url)
                        <tr>
                            <td class="text-center hidden-xs align-middle">{{$loop->index + 1}}</td>
                            <td class="text-center align-middle"><a href="{{$url['url']}}"
                                                                    target="_blank">{{$url['url']}}</a></td>
                            <td class="text-center hidden-print align-middle">{{$url['description']}}</td>
                            <td class="text-center">{{$url['dataFormat']}}</td>
                            <td class="text-center"><span class="fa fa-copy"
                                                          onclick="copyToClipboard({{ '"'.$url['url'].'"'}})"></span>
                        </tr>
                    </tbody>
                    @empty
                        <tr>
                            <td colspan="5" class="text-center"> {{c_trans('Brak adresów do wyświetlenia')}} </td>
                        </tr>
                    @endforelse
                </table>
            </div>
        </div>
    </div>
@endsection

<script>
    function copyToClipboard(url) {
        const el = document.createElement('textarea');
        el.value = url;
        document.body.appendChild(el);
        el.select();
        document.execCommand('copy');
        document.body.removeChild(el);
    }
</script>