@extends('admin.masterv2')
@section('styleSheet')
    <!-- BEGIN PAGE LEVEL STYLES -->
    <!-- END PAGE LEVEL STYLES -->
@endsection
@section('content')
<div class="page-content-wrapper">
    <div class="page-content">
        @include('admin.includesV2.adminHeader', 
            [
                'pageRoute' => route('fileList'), 
                'pageName' => 'File List',
                'pageHeader'=> 'File List',
                'addItemRoute' => route('addFile', ['id' => 'new']),
                'addItemName' => 'Upload File',
            ])
        @php
        $publicPath = public_path('uploads/files/');
        @endphp
        <div class="titleContainer">
            <div class="header p-2">
                <div class="row">
                    <div class="col">
                        <i class="fa fa-thumb-tack"></i> File Info
                    </div>
                </div>
            </div>
            <div class="body p-3">
                <table class="table table-hover table-striped table-bordered">
                        <thead>
                            <tr role="row" class="heading">
                                <th>
                                    File ID
                                </th>
                                <th>
                                    File Name
                                </th>
                                <th>
                                    File Path
                                </th>
                                <th>
                                    Download Url
                                </th>
                                <th width="20%" class="text-end">
                                    Action
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                        @foreach($filesList as $fileList)
                            @php
                                $downloadUrl = ''  ;
                            @endphp
                            <tr>
                                <td>
                                    {{$fileList->id}}
                                </td>
                                <td class="text-wrap">
                                    {{$fileList->name}}
                                </td>
                                <td class="custom-td">
                                    {{$fileList->path}}
                                </td>
                                <td class="custom-td">
                                    @php
                                        $path = request()->getSchemeAndHttpHost().'/storage/uploads/files';
                                        $downloadUrl = $fileList->path != '' ? $path.'/'.$fileList->path : ''  ;
                                    @endphp
                                    {{$downloadUrl}}
                                    <button class="btn btn-primary" onclick="copyToClipboard('{{ $downloadUrl }}')">
                                        <i class="fa fa-copy"></i>
                                    </button>
                                </td>
                                <td>
                                    <form action="{{ route('deleteFile', ['id' => $fileList->id]) }}" method="POST">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-danger btn-sm pull-right ms-5" onclick="return confirm('Are you sure you want to delete this student?')"><i class="fa fa-trash"></i> Remove</button>
                                    </form>
                                    <a href="{{ route('addFile',['id'=>$fileList->id]) }}" class="btn btn-success btn-sm pull-right"><i class="fa fa-edit"></i> Edit </a>
                                    
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                    </table>
            </div>
        </div>
    </div>
</div>
<style>
    .custom-td {
    max-width: 20%; /* Adjust this value as needed */
    white-space: normal; /* Allow text to wrap */
    word-wrap: break-word; /* Break long words if needed */
    word-break: break-all; /* Break long continuous text */
    overflow-wrap: break-word; /* Ensures proper text wrapping */
}
</style>

@endsection
@section('customJs')

    <script>
        function copyToClipboard(text) {
            var textarea = document.createElement('textarea');
            textarea.value = text;
            document.body.appendChild(textarea);
            textarea.select();
            document.execCommand('copy');
            document.body.removeChild(textarea);
            alert('Link copied to clipboard!');
        }
    </script>
@endsection
@section('documentJquery')

@endsection