@extends('admin/layouts/dashboard')

@section('breadcrumbs', Breadcrumbs::render(Route::currentRouteName()))

@section('content')
    <div class="card">
        <div class="card-header header-elements-inline">
            <h5 class="card-title">Управление архивом</h5>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-sm-12">
                    <code>Авто находящиеся в архиве скрыты из навигации, но доступны по ссылке</code><br><br>
                </div>
            </div>
            <table id="table_archive" class="table table-bordered">
                <thead>
                    <tr>
                        <th>ID</id>
                        <th>Превью</th>
                        <th>Автомобиль</th>
                        <th>Ссылка</th>
                        <th>Статус</th>
                    </tr>
                </thead>

                <tfoot>
                    <tr>
                        <th>ID</th>
                        <th>Превью</th>
                        <th>Автомобиль</th>
                        <th>Ссылка</th>
                        <th>Статус</th>
                    </tr>
                </tfoot>
                @php
                    $bodies = \JustWeCMS\Modules\Auto\Entities\Body::where('archive',1)->get();
                @endphp
                @foreach($bodies as $body)
                    <tr>
                        <td>{{$body->id}}</td>
                        <td>                                   
                            <img src="{{ URL::to('/') }}/{{ $body->preview }}" class="img-responsive" style="width: 100px;">
                        </td>
                        <td>
                            {{$body->model->mark->name}} {{$body->model->name}} {{$body->name}}
                        </td>
                        <td>
                            <a href="{{ route('frontend.catalog.body', [0 => $body->model->mark->slug,1 => $body->model->slug,2 => $body->slug]) }}" target="_blank">Перейти</a>
                        </td>
                        <td>  
                            <div class="form-check form-check-switchery">
                                <div class="form-check form-check-switchery">
                                    <label class="form-check-label">
                                        <input
                                            @if ($body->archive == '1') checked @endif
                                            type="checkbox"
                                            class="form-check-input-switchery js-archive-activity"
                                            data-fouc
                                            data-id="{{$body->id}}"
                                            data-entity="yandex"
                                        >
                                    </label>
                                </div>
                            </div>
                        </td>
                    </tr>
                @endforeach
            </table>
        </div>
    </div>


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

    <script src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script>

    <script>
        $(document).ready( function () {
            function updateStatusArchive($element) {
                var status = $element.prop("checked");
                if (status == true) {
                    status = false;
                } else {
                    status = true;
                }
                var bodyId = $element.data('id');
                $.ajax({
                    method: "GET",
                    url: "/car/archiveBodyUpdate",
                    dataType: "json",
                    data: {
                        "id": bodyId,
                        "status": status,
                    },
                    success : function(data) {
                        if(status == false) {
                            window.FlashMessage.success('Авто перенесено в архив');
                        } else {
                            window.FlashMessage.success('Авто удалено из архива');
                        }
                    }
                });
            }

            $(document).on('click','.js-archive-activity',function(){
                window.elementCheckBox = $(this);
                debouncedFunction();
            });
            
            var debouncedFunction = _.debounce( function() {
                updateStatusArchive(window.elementCheckBox);
            }, 100 );

            $.fn.dataTable.ext.order['dom-checkbox'] = function (settings, col) {
                return this.api().column(col, { order: 'index' }).nodes().map(function (td, i) {
                    if ($('input', td).prop('checked') == false) { return '0'; } else {return '1';}
                });
            }
            $('#table_archive').DataTable({
                dom: "<'row'<'table_archive-left'f>r><'table-scrollable't><'row'<'col-md-5 col-sm-5'i>>",
                "language": {
                    "aria": {
                        "sortAscending": ": activate to sort column ascending",
                        "sortDescending": ": activate to sort column descending"
                    },
                    "emptyTable": "Нет данных в таблице",
                    "info": "Показано с _START_ по _END_ из _TOTAL_ записей",
                    "infoEmpty": "Записи не найдены",
                    "infoFiltered": "(filtered1 от _MAX_ total записей)",
                    "lengthMenu": "_MENU_ записей",
                    "search": "Поиск:",
                    "zeroRecords": "Результатов не найдено"
                },
                "columnDefs": [
                    { "orderDataType": "dom-checkbox", targets: 4 }
                ],
                "order": [
                    [0, 'asc']
                ],

                "pageLength": 300,
            });
        });
    </script>
@endsection

@section('script')
    <script src="/admin/js/form_checkboxes_radios.js"></script>
@endsection