@if(isset($generatedLinks) && count($generatedLinks) > 0)
    <h3>Generated Links</h3>
    <textarea id="generatedLinks" rows="{{ count($generatedLinks) }}" cols="50" readonly>
@foreach($generatedLinks as $link)
{{ $link }}
@endforeach
    </textarea>
    <button id="copyButton" class="btn btn-secondary">Copy Links</button>
@endif


<form action="{{ route('dynamic.create') }}" method="post">
    @csrf

    <div class="form-group">
        <label for="link">Deep Link URL:</label>
        <input type="url" name="link" class="form-control" id="link" required>
    </div>
    <label for="num_links">Number of Links:</label>
<input type="number" name="num_links" id="num_links" min="1" required>


    <button type="submit" class="btn btn-primary">Generate Dynamic Link</button>
</form>
<script>
document.getElementById('copyButton').addEventListener('click', function() {
    // Get the generated links from the textarea
    const generatedLinksTextarea = document.getElementById('generatedLinks');

    // Select the text inside the textarea
    generatedLinksTextarea.select();

    // Copy the selected text to the clipboard
    document.execCommand('copy');
    
    // Optionally, notify the user that links are copied
    alert('Links copied to clipboard!');
});
</script>