@include('auth.header')
<div class="main-content">

    <div class="content">
        <h2>UPLOAD [.PDF/IMG]</h2>

        @if (session('success'))
            <table>
                <tr>
                    <td colspan='2'>
                        <div style="color: green;">
                            {{ session('success') }}
                        </div>
                    </td>
                    </tr>
                    <td>
                        <img style="width:110px;" src="{{ session('fileUrl') }}"><br>

                    </td>
                    <td>
                        <div>
                            <label>URL:</label>
                            <input type="text" id="fileUrl" value="{{ session('fileUrl') }}" readonly
                                style="width: 70%;">
                            <button class="copy-btn" onclick="copyFileUrl()">Copy</button>
                        </div>
                    </td>
                </tr>
            </table>
        @endif

        @if ($errors->any())
            <div style="color: red;">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <form method="POST" action="{{ route('file.upload.store') }}" enctype="multipart/form-data">
            @csrf
            <input type="file" name="document" required><br><br>
            <button style="width:100%;" class="button green" type="submit">Upload</button>
        </form>

        <script>
            function copyFileUrl() {
                const input = document.getElementById("fileUrl");
                input.select();
                input.setSelectionRange(0, 99999);
                document.execCommand("copy");
                alert("Copied: " + input.value);
            }
        </script>

    </div>
</div>

@include('auth.footer')