@extends('admin.layouts.app')
@section('head')
    <style>
        tr:nth-child(even) {
            background-color: #f2f2f2;
        }
    </style>
@endsection
@section('title')
    <div class="mr-auto">
        <h3 class="m-subheader__title m-subheader">Archive</h3>
        <ul class="m-subheader__breadcrumbs m-nav m-nav--inline">
        </ul>
    </div>
    <div>
        <a href="{{ url('admin-area/archives/create') }}" class="btn m-btn--pill btn-brand">
            <i class="flaticon-plus"></i> Cadastrar Archive
        </a>
    </div>
@endsection
@section('content')
    <div class="row">
        <div class="col-xl-12">
            <div class="m-portlet__body">

                                <div class="m_datatable m-datatable m-datatable--default m-datatable--scroll m-datatable--loaded" id="m_datatable_latest_orders" style="">
                                    {{ $dataTable->table() }}

                                    {{--                    <table class="m-datatable__table" id="example" style="display: block;">--}}
{{--                        <thead class="m-datatable__head">--}}
{{--                        <tr class="m-datatable__row">--}}
{{--                            <th  style="width: 10%; text-align: center" class="m-datatable__cell">ID</th>--}}
{{--                            <th  style="width: 45%; text-align: center" class="m-datatable__cell">Título</th>--}}
{{--                            <th  style="width: 30%; text-align: center" class="m-datatable__cell">Vídeo</th>--}}
{{--                            <th  style="width: 15%; text-align: center" class="m-datatable__cell">Ações</th>--}}
{{--                        </tr>--}}
{{--                        </thead>--}}
{{--                        <tbody class="m-datatable__body mCustomScrollbar _mCS_9 mCS-autoHide">--}}
{{--                        @foreach($archives as $archive)--}}
{{--                            <tr data-row="0" class="m-datatable__row m-datatable__row--even">--}}
{{--                                <td style="width: 10%; text-align: center" class="m-datatable__cell">{{ $archive->id }}</td>--}}
{{--                                <td style="width: 45%; text-align: center" class="m-datatable__cell">{{ $archive->title }}</td>--}}
{{--                                <td style="width: 30%; text-align: center" class="m-datatable__cell">{{ $archive->videourl }}</td>--}}
{{--                                <td style="width: 15%; text-align: center" class="m-datatable__cell">--}}
{{--                                    <a href="{{ url('/admin-area/archives/' . $archive->id . '/edit') }}" class="m-portlet__nav-link btn m-btn--hover-accent m-btn--icon m-btn--icon-only m-btn--pill" title="Informações"><i class="m-menu__link-icon flaticon-edit"></i></a>--}}
{{--                                    --}}{{--<button id="{{ $line->id }}" type="button" data-url="{{ url('/admin-area/linhas/' . $line->id) }}" data-token="{{ csrf_token() }}" class="delete-sweet m-portlet__nav-link btn m-btn m-btn--hover-danger m-btn--icon m-btn--icon-only m-btn--pill" title="Deletar"><i class="m-menu__link-icon flaticon-delete-1"></i></button>--}}
{{--                                </td>--}}
{{--                            </tr>--}}
{{--                        @endforeach--}}
{{--                        </tbody>--}}
{{--                    </table>--}}
                </div>
            </div>
        </div>
    </div>
@endsection
@section('scripts')
    <script type="text/javascript" src="{{ url('sif/js/datatable.js') }}"></script>
    {{ $dataTable->scripts() }}
    {{--    <script type="text/javascript">--}}
{{--        "use strict";--}}
{{--        var table = $('#example');--}}

{{--        function callDatatable(){--}}
{{--            table.DataTable({--}}
{{--                retrieve: true,--}}
{{--                responsive: true,--}}
{{--                paging: true,--}}
{{--                order: [0, 'desc'],--}}
{{--                aLengthMenu: [--}}
{{--                    [10, 25, 50, 100, 200, -1],--}}
{{--                    [10, 25, 50, 100, 200, "Tudo"]--}}
{{--                ],--}}
{{--                language: {--}}
{{--                    "sEmptyTable": "Nenhum registro encontrado",--}}
{{--                    "sInfo": "Mostrando de _START_ até _END_ de _TOTAL_ registros",--}}
{{--                    "sInfoEmpty": "Mostrando 0 até 0 de 0 registros",--}}
{{--                    "sInfoFiltered": "(Filtrados de _MAX_ registros)",--}}
{{--                    "sInfoPostFix": "",--}}
{{--                    "sInfoThousands": ".",--}}
{{--                    "sLengthMenu": "_MENU_ resultados por página",--}}
{{--                    "sLoadingRecords": "Carregando...",--}}
{{--                    "sProcessing": "Processando...",--}}
{{--                    "sZeroRecords": "Nenhum registro encontrado",--}}
{{--                    "sSearch": "Pesquisar",--}}
{{--                    "oPaginate": {--}}
{{--                        "sNext": "Próximo",--}}
{{--                        "sPrevious": "Anterior",--}}
{{--                        "sFirst": "Primeiro",--}}
{{--                        "sLast": "Último"--}}
{{--                    },--}}
{{--                    "oAria": {--}}
{{--                        "sSortAscending": ": Ordenar colunas de forma ascendente",--}}
{{--                        "sSortDescending": ": Ordenar colunas de forma descendente"--}}
{{--                    },--}}
{{--                    "select": {--}}
{{--                        "rows": {--}}
{{--                            "_": "Selecionado %d linhas",--}}
{{--                            "0": "Nenhuma linha selecionada",--}}
{{--                            "1": "Selecionado 1 linha"--}}
{{--                        }--}}
{{--                    },--}}
{{--                    "buttons": {--}}
{{--                        "copy": "Copiar para a área de transferência",--}}
{{--                        "copyTitle": "Cópia bem sucedida",--}}
{{--                        "copySuccess": {--}}
{{--                            "1": "Uma linha copiada com sucesso",--}}
{{--                            "_": "%d linhas copiadas com sucesso"--}}
{{--                        }--}}
{{--                    }--}}
{{--                },--}}
{{--                initComplete: function () {--}}
{{--                    this.api().columns().every( function () {--}}
{{--                        var column = this;--}}
{{--                        var select = $('<select><option value=""></option></select>')--}}
{{--                            .appendTo( $(column.footer()).empty() )--}}
{{--                            .on( 'change', function () {--}}
{{--                                var val = $.fn.dataTable.util.escapeRegex(--}}
{{--                                    $(this).val()--}}
{{--                                );--}}

{{--                                column--}}
{{--                                    .search( val ? '^'+val+'$' : '', true, false )--}}
{{--                                    .draw();--}}
{{--                            } );--}}

{{--                        column.data().unique().sort().each( function ( d, j ) {--}}
{{--                            select.append( '<option value="'+d+'">'+d+'</option>' )--}}
{{--                        } );--}}
{{--                    } );--}}
{{--                }--}}
{{--            });--}}

{{--            $('#kt_datatable_search_status, #kt_datatable_search_type').selectpicker();--}}
{{--        }--}}

{{--        jQuery(document).ready(function() {--}}
{{--            callDatatable();--}}
{{--        });--}}

{{--    </script>--}}
@endsection