@extends('layouts.logged')

@section('content')

    @include('partials.header', [
            'site_name' => 'Dokumenty',
            'bread_crumbs' => [
                   /* [
                        'link' => 'wp.pl',
                        'name' => 'Empty'
                    ]*/
                ],
            'current' => 'Dokumenty'
    ])


    <div class="card card-primary">
        <div class="card-header">
            <h3 class="card-title">Lista zarejestrowanych dokumentów</h3>
            <div class="card-tools">
                <ul class="nav nav-pills ml-auto">

                    <li class="nav-item mr-2">
                        <a type="button" href="{{ route('get.documents.update-table') }}" class="btn btn-block btn-secondary confirmation-danger btn-sm"
                           data-title="Ta funkcja jest do celów testowych"
                           data-text="System sprawdzi, czy na SFTP są nowe dokumenty i wciągnie je do poniższej tabeli">
                            <i class="fas fa-download"></i> &nbsp;Zaktualizuj tabelę (sprawdź dokumenty na SFTP)
                        </a>
                    </li>

                    {{--<li class="nav-item mr-2">
                        <a type="button" href="{{ route('get.documents.clear-table') }}" class="btn btn-block btn-danger confirmation-danger btn-sm"
                           data-title="Ta funkcja jest do celów testowych"
                           data-text="System wyczyści całą poniższą tablę - będzie wtedy można znowy ją zapełnić za pomocą przycisku ZAKTUALIZUJ TABELĘ">
                            <i class="fas fa-download"></i> &nbsp;Wyczyść poniższą tabelę
                        </a>
                    </li>--}}

                    @if($documentsInNewStatusExists)
                        @if($emailsInProgress->value == 1)
                            <li class="nav-item">
                                <a type="button" href="#" class="btn btn-block btn-success btn-sm disabled">
                                    <i class="fas fa-envelope"></i> &nbsp;{{$emailsInProgress->description}}
                                </a>
                            </li>
                        @else
                            <li class="nav-item">
                                <a type="button" href="{{ route('get.documents.send-emails') }}"
                                   class="btn btn-block btn-success btn-sm confirmation-danger"
                                   data-title="Czy rozpocząć rozsyłanie linków do dokumentów?"
                                   data-text="Ta operacja zaczenie wysyłać e-maile."> <i
                                        class="fas fa-envelope"></i> &nbsp;Rozpocznij MASOWĄ wysyłkę wiadomości dla dokumentów o statusie {{\App\Enums\DocumentStatus::NEW}} ({{$documentsInNewStatusExists}})</a>
                            </li>
                        @endif
                    @endif
                </ul>
            </div>
        </div>

        <div class="card-body">

            <table id="data-table" class="table table-bordered table-striped dataTable dtr-inline">
                <thead>
                <tr>
                    <th>Nazwa pliku</th>
                    <th>Status</th>
                    <th>Data pobrania</th>
                    <th>Login</th>
                    <th>Email</th>
                    <th>Telefon</th>
                    <th>OS ID</th>
                    <th>Data przyjęcia do systemu</th>
                    <th></th>
                </tr>
                </thead>
            </table>
        </div>
    </div>

@endsection

@section('page-js-scripts')
    <script>
        $(document).ready(function () {
            $('#data-table').DataTable({
                processing: true,
                serverSide: false,

                ajax: '{{ route('get.documents.data-source') }}',
                columns: [
                    {data: 'document_name', name: 'document_name'},
                    {data: 'status', name: 'status'},
                    {data: 'downloaded_at', name: 'downloaded_at'},
                    {data: 'login', name: 'login'},
                    {data: 'email', name: 'email'},
                    {data: 'phone', name: 'phone'},
                    {data: 'os_id', name: 'os_id'},
                    {data: 'created_at', name: 'created_at'},
                    { data: 'buttons', name: 'buttons', orderable: false, serchable:false },
                ],
                language: {
                    url: "//cdn.datatables.net/plug-ins/1.10.21/i18n/Polish.json"
                }
            });
        });
    </script>
@endsection