@extends('employee.employee-layouts.master')

@section('content')

    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark"></h1>
                </div>
                <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"></li>
                    </ol>
                </div>
            </div>
        </div>
    </div>

    <div class="content-header">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    @if (session('success'))
                        <div class="alert alert-success">
                            {{ session()->get('success') }}
                        </div>
                    @endif
                    <div class="card">


                        <div class="card-body table-responsive">
                            <table class="table table-hover text-nowrap" id="myTable">
                                <thead>
                                    <tr>

                                        <th>{{ __('Title') }}</th>
                                        <th>{{ __('Description') }}</th>
                                        <th>{{ __('Files') }}</th>
                                        <th>{{ __('Download') }}</th>
                                        <th>{{ __('File Status') }}</th>
                                        <th>{{ __('Direct Link') }}</th>
                                        <th>{{ __('Delete') }}</th>

                                    </tr>
                                </thead>
                                <tbody>

                                    @foreach ($data as $d)
                                        <tr>
                                            <td>{{ $d->title }}</td>

                                            <td>{{ $d->description }}</td>

                                            <td>
                                                @if ($d->files)
                                                    {{ $d->files }}
                                                @else
                                                    <span>{{ __('No Attachment') }}</span>
                                                @endif
                                            </td>

                                            <td>
                                                @if ($d->files)
                                                    <a class="btn btn-primary btn-xs"
                                                        href="{{ route('employee.file.download', $d->files) }}"><i
                                                            class="fa fa-download"></i></a>
                                                @else
                                                    <span>{{ __('No Attachment') }}</span>
                                                @endif
                                            </td>
                                            <td>
                                                @if ($d->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 ($d->file_status == 0)
                                                <button class="btn btn-primary btn-xs" onclick="directLinkFunc({{ $d }})">Show</button>
                                                @else
                                                <button class="btn btn-danger btn-xs" >Not Allowed</button>
                                                @endif
                                            </td>
                                            <td>
                                                <form action="{{ route('empolyee.files.delete', $d->id) }}"
                                                    method="post">
                                                    @csrf
                                                    @method('delete')
                                                    <button class="btn btn-danger btn-xs"
                                                        onclick="return confirm('Are You Confirm To Delete')">{{ __('Delete') }}</button>
                                                </form>
                                            </td>

                                        </tr>
                                    @endforeach

                                </tbody>
                            </table>
                        </div>

                    </div>

                </div>
            </div>

        </div>
    </div>


    <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('script')

    <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>

    <script>
        'use strict'
        $(document).ready(function() {
            $('#myTable').DataTable();
        });
    </script>

@endpush