@extends('layouts.admin')
@section('title')
    لیست فایل ها
@endsection
@section('content')
    <link href="https://cdn.jsdelivr.net/npm/toastr@2.1.4/build/toastr.min.css" rel="stylesheet">

    <div class="page-wrapper">
        <!-- ============================================================== -->
        <!-- Container fluid  -->
        <!-- ============================================================== -->
        <div class="container-fluid">
            <!-- ============================================================== -->
            <!-- Start Page Content -->
            <!-- ============================================================== -->
            <!-- File export -->
            @include('admin.index.messages')




            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            <h4 class="card-title">لیست فایل ها</h4>

                            <form action="/admin/upload-file" method="post" enctype="multipart/form-data">
                                @csrf
                                <div class="row">
                                    <div class="col-6">
                                        <div class="form-group">
                                            <label for="">فایل</label>
                                            <input type="file" name="file" class="form-control">
                                        </div>
                                    </div>

                                    <div class="col-6 d-flex justify-content-end">
                                        <button class="btn btn-primary" style="height: 40px" type="submit">بارگذاری</button>
                                    </div>
                                </div>
                            </form>


                            <div class="table-responsive">
                                <div id="file_export_wrapper" class="dataTables_wrapper container-fluid dt-bootstrap4">
                                    <table id="file_export" class="table table-striped table-bordered display dataTable"
                                           role="grid" aria-describedby="file_export_info">
                                        <thead>
                                        <tr role="row">
                                            <th class="sorting" tabindex="0" aria-controls="file_export" rowspan="1"
                                                colspan="1" aria-label="Name: activate to sort column ascending"
                                                style="width: 0px;">#
                                            </th>
                                            <th class="sorting" tabindex="0" aria-controls="file_export" rowspan="1"
                                                colspan="1" aria-label="Name: activate to sort column ascending"
                                                style="width: 0px;">عکس
                                            </th>
                                            <th class="sorting_desc" tabindex="0" aria-controls="file_export"
                                                rowspan="1" colspan="1"
                                                aria-label="Position: activate to sort column ascending"
                                                aria-sort="descending" style="width: 0px;">آدرس
                                            </th>
                                            <th class="sorting_desc" tabindex="0" aria-controls="file_export"
                                                rowspan="1" colspan="1"
                                                aria-label="Position: activate to sort column ascending"
                                                aria-sort="descending" style="width: 0px;">حذف
                                            </th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @php
                                            $i=1;
                                        @endphp
                                        @if(isset($file))
                                            @foreach($file as $item)
                                                <tr role="row" class=" @if($i%2==0) even @else odd @endif">
                                                    <td>{{ $i }}</td>
                                                    <td class=""><img src="/{{ $item['url'] }}" width="50" height="50" alt=""></td>
                                                    <td class="sorting_1"><a href="/{{ $item['url'] }}" target="_blank">{{  $item['url'] }}</a></td>
                                                    <td>
                                                        <form action="{{url('admin/upload/delete/'.$item->id)}}"
                                                              method="get" id="delete{{$item['id']}}">
                                                            <i class="mdi mdi-delete delete"
                                                               style="font-size: 20px; color: red; cursor: pointer"
                                                               data-id="{{ $item['id'] }}"></i>
                                                        </form>

                                                        <i class="mdi mdi-content-copy"
                                                           style="font-size: 20px; color: #1976d2; cursor: pointer; margin-left: 10px;"
                                                           onclick="copyToClipboard('{{ url($item['url']) }}')"
                                                           title="Copy link"></i>

                                                    </td>
                                                </tr>
                                                @php
                                                    $i++;
                                                @endphp
                                            @endforeach
                                        @endif
                                        </tbody>

                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script src="/admin/assets/extra-libs/DataTables/datatables.min.js"></script>

    <!-- start - This is for export functionality only -->
    <script src="/admin/js/dataTables.buttons.min.js"></script>
    <script src="/admin/js/buttons.flash.min.js"></script>
    <script src="/admin/js/jszip.min.js"></script>
    <script src="/admin/js/pdfmake.min.js"></script>
    <script src="/admin/js/vfs_fonts.js"></script>
    <script src="/admin/js/buttons.html5.min.js"></script>
    <script src="/admin/js/buttons.print.min.js"></script>
    <script src="/admin/dist/js/pages/datatable/datatable-advanced.init.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/toastr@2.1.4/toastr.min.js"></script>
    <script>
        $(document).on('click','.delete',function (event) {
            var id = $(this).attr('data-id');
            if (!confirm('از حذف این مورد اطمینان دارید؟؟')) {
                event.preventDefault();
            } else {
                $("#delete" + id).submit()
            }
        });
    </script>

    <script>
        function copyToClipboard(text) {
            navigator.clipboard.writeText(text).then(function () {
                toastr.success('لینک کپی شد')
            }, function (err) {
                alert('Failed to copy: ', err);
            });
        }
    </script>
@endsection
@section('style')
    <link href="/admin/assets/libs/datatables.net-bs4/css/dataTables.bootstrap4.css" rel="stylesheet">
@endsection