@extends('admin.admin-layouts.master')
@section('content')
    <div class="content-header">
        <div class="container-fluid">
            <div class="mb-2 row">
                <div class="col-sm-6">
                    <h2 class="m-0 text-dark m-text">{{ $title }}</h2>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="#">{{ __('Home') }}</a></li>
                        <li class="breadcrumb-item active">{{ $title }}</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Begin Page Content -->
    <div class="container-fluid">

        <!-- DataTales Example -->
        <div class="mb-4 shadow card">
            <div class="card-header d-flex flex-wrap justify-content-between align-items-center">
                <h4 class="m-0 text-white">{{ __('List of files') }}</h4>
                <form action="{{ route('delete.all') }}" method="post">
                    @csrf
                    <button class="btn btn-danger btn-xs">{{ __('Delete all files') }}</button>
                </form>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">

                        <thead>
                            <tr>
                                <th>{{ __('ID') }}</th>
                                <th>{{ __('Category') }}</th>
                                <th>{{ __('Title') }}</th>
                                <th>{{ __('Sender Name') }}</th>
                                <th>{{ __('Receiver Name') }}</th>
                                <th>{{ __('Description') }}</th>
                                <th>{{ __('Date') }}</th>
                                <th>{{ __('Files') }}</th>
                                <th>{{ __('Download') }}</th>
                                <th>{{ __('File Status') }}</th>
                                <th>{{ __('Direct Link') }}</th>
                                <th>{{ __('Delete') }}</th>

                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($files as $key => $file)
                                <tr>
                                    <td>{{ @$files->firstItem() + $key }}</td>
                                    <td>{{ @$file->file_category->name }}</td>
                                    <td>{{ @$file->title }}</td>
                                    <td>{{ @\App\User::find($file->sender_id)->name }}</td>
                                    <td>{{ @$file->user->name }}</td>
                                    <td>{{ @$file->description }}</td>
                                    <td>{{ @$file->created_at->format('d-m-Y') }}</td>
                                    <td>
                                        @if ($file->files)
                                            {{ @$file->files }}
                                        @else
                                            <span>{{ __('No Attachments') }}</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if ($file->files)
                                            <a class="btn btn-primary btn-xs"
                                                href="{{ route('file.download', @$file->files) }}"><i
                                                    class="fa fa-download"></i></a>
                                        @else
                                            <span>{{ __('No Attachments') }}</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if (@$file->file_status == 1)
                                            <button class="btn btn-primary btn-xs">Private</button>
                                        @else
                                            <button class="btn btn-info btn-xs">Public</button>
                                        @endif
                                    </td>
                                    <td>
                                        @if (@$file->file_status == 0)
                                            <button class="btn btn-primary btn-xs"
                                                onclick="directLinkFunc({{ @$file }})">Show</button>
                                        @else
                                            <button class="btn btn-danger btn-sm">Not Allowed</button>
                                        @endif
                                    </td>
                                    <td>
                                        <form action="{{ route('file-management.destroy', @$file->id) }}" method="post">
                                            @csrf
                                            @method('delete')
                                            <button class="btn btn-danger btn-xs"
                                                id="file_delete">{{ __('Delete') }}</button>
                                        </form>
                                    </td>

                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

    </div>
    <!-- /.container-fluid -->

    <div class="modal fade" id="DirectLinkCopy" tabindex="-1" role="dialog" aria-labelledby="DirectLinkCopy"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLongTitle">Direct Link</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div id="fileLink">

                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    <button type="button" onclick="copyLink()" class="btn btn-primary copybtn" id="copybtn">Copy</button>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('style')
    <script>
        function directLinkFunc(item) {
            console.log();
            let fileDiv = document.getElementById('fileLink').innerHTML =
                `{{ Config('app.url') }}/document-file/${item.slug}/${item.id}`;
            $('#DirectLinkCopy').modal({
                keyboard: false
            });

        }

        function copyLink() {
            let link = document.getElementById('fileLink').innerHTML;
            navigator.clipboard.writeText(link);
            document.getElementById('copybtn').innerHTML = "Copied!";
        }
    </script>

    <style>
        @media (max-width: 575.98px) {

            .m-text {
                font-size: 1.5rem;
            }
        }
    </style>
@endpush