@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">
                @php
                    $siteURL='http'.(empty($_SERVER['HTTPS'])?'':'s').'://'.$_SERVER['SERVER_NAME'].'/';
                @endphp
                <div class="col-sm-12">
                    <p>После выполненных действий необходимо обновить файлы выгрузки</p>
                </div>
                <div class="col-sm-12">
                    <code><a href="{{ $siteURL }}yandex.xml" target="_blank">{{ $siteURL }}yandex.xml</a></code><br>
                    <code><a href="{{ $siteURL }}target.xml" target="_blank">{{ $siteURL }}target.xml</a></code><br>
                    <code><a href="{{ $siteURL }}google.csv" target="_blank">{{ $siteURL }}google.csv</a></code>
                    <br><br>
                </div>
                
                <div class="col-sm-12">
                    <div class="form-group">
                        <p>Включить в выгрузку все активные авто</p>
                        <div class="row">
                            <div class="col-sm-6">
                                <a href="{{url('/admin/feed/addAll')}}" onclick="return confirm('Вы действительно хотите изменить фид? Это действие не обратимо.')" class="btn btn-success js-add-feed">Выполнить</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12">
                    <div class="form-group">
                        <p>Убрать из выгрузку все авто</p>
                        <div class="row">
                            <div class="col-sm-6">
                                <a href="{{url('/admin/feed/removeAll')}}" onclick="return confirm('Вы действительно хотите изменить фид? Это действие не обратимо.')" class="btn btn-success js-remove-feed">Выполнить</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12">
                    <div class="form-group">
                        <p>Ообновить файлы выгрузки</p>
                        <div class="row">
                            <div class="col-sm-6">
                                <a href="{{url('/admin/feed/updateFile')}}" onclick="return confirm('Вы действительно хотите изменить фид? Это действие не обратимо.')" class="btn btn-success js-update-feed">Обновить</a>
                            </div>
                        </div>
                    </div>
                    <br>
                </div>
            </div>

            <table id="table_feed" class="table table-bordered">
                <thead>
                    <tr>
                        <th>Авто</th>
                        <th>Yandex Фид</th>
                        <th>Google Фид</th>
                        <th>Target Фид</th>
                        <th>VK Фид</th>
                    </tr>
                </thead>

                <tfoot>
                    <tr>
                        <th>Авто</th>
                        <th>Yandex Фид</th>
                        <th>Google Фид</th>
                        <th>Target Фид</th>
                        <th>VK Фид</th>
                    </tr>
                </tfoot>
                @php
                    $bodies = \JustWeCMS\Modules\Auto\Entities\Body::where('active',1)->get();
                @endphp
                @foreach($bodies as $body)
                    <tr>
                        <td>
                            {{$body->model->mark->name}} {{$body->model->name}} {{$body->name}} ({{$body->id}})
                        </td>
                        <td>  
                            <div class="form-check form-check-switchery">
                                <div class="form-check form-check-switchery">
                                    <label class="form-check-label">
                                        <input
                                            @if ($body->has_yandex_feed == '1') checked @endif
                                            type="checkbox"
                                            class="form-check-input-switchery js-feed-activity"
                                            data-fouc
                                            data-id="{{$body->id}}"
                                            data-entity="yandex"
                                        >
                                    </label>
                                </div>
                            </div>
                        </td>
                        <td class="pocet">
                            <div class="form-check form-check-switchery">
                                <div class="form-check form-check-switchery">
                                    <label class="form-check-label">
                                        <input
                                            @if ($body->has_google_feed == '1') checked @endif
                                            type="checkbox"
                                            class="form-check-input-switchery js-feed-activity"
                                            data-fouc
                                            data-id="{{$body->id}}"
                                            data-entity="google"
                                        >
                                    </label>
                                </div>
                            </div>
                        </td>
                        <td class="pocet">
                            <div class="form-check form-check-switchery">
                                <div class="form-check form-check-switchery">
                                    <label class="form-check-label">
                                        <input
                                            @if ($body->has_target_feed == '1') checked @endif
                                            type="checkbox"
                                            class="form-check-input-switchery js-feed-activity"
                                            data-fouc
                                            data-id="{{$body->id}}"
                                            data-entity="target"
                                        >
                                    </label>
                                </div>
                            </div>
                        </td>
                        <td class="pocet">
                            <div class="form-check form-check-switchery">
                                <div class="form-check form-check-switchery">
                                    <label class="form-check-label">
                                        <input
                                            @if ($body->has_vk_feed == '1') checked @endif
                                            type="checkbox"
                                            class="form-check-input-switchery js-feed-activity"
                                            data-fouc
                                            data-id="{{$body->id}}"
                                            data-entity="vk"
                                        >
                                    </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 () {
            $(document).on('click','.js-feed-activity',function(){
                if ($(this).prop('checked') == false) {
                    var status = 0;
                }else {
                    var status = 1;
                }
                var id = $(this).data('id');
                var place = $(this).data('entity');
                $.ajax({
                    method: "GET",
                    url: "/admin/feed/" + id + "/update",
                    dataType: "json",
                    data: {
                        "id": id,
                        "place": place,
                        "status": status
                    },
                    success : function(data) {

                    }
                });
            })

            $.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_feed').DataTable({
                dom: "<'row'<'table_feed-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: 1 },
                    { "orderDataType": "dom-checkbox", targets: 2 },
                    { "orderDataType": "dom-checkbox", targets: 3 },
                    { "orderDataType": "dom-checkbox", targets: 4 }
                ],
                "order": [
                    [0, 'asc']
                ],

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

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