@extends('layouts.app')

@section('content')
    <div class="content-wrapper">
        <div class="content">
            <div class="panel panel-flat" id="inputPanel"  x-data="initImport()">
                <div class="panel-heading">
                    <h5 class="panel-title">Данные aviationweather.gov</h5>
                    <div class="heading-elements">
                        <ul class="icons-list">
                            <li><a data-action="collapse" class="" id="settingsToggle"></a></li>
                        </ul>
                    </div>
                </div>
                <div class="panel-body" x-data="initGlobalMap()" x-init="$nextTick(() => { initMap(); })">
                    <div style="width: 1000px; height: 800px;" id="global-map"></div>
                </div>
            </div>

            <div class="panel panel-flat" id="inputPanel"  x-data="initImport()">
                <div class="panel-heading">
                    <h5 class="panel-title">ИМПОРТ</h5>
                    <div class="heading-elements">
                        <ul class="icons-list">
                            <li><a data-action="collapse" class="" id="settingsToggle"></a></li>
                        </ul>
                    </div>
                </div>
                <div class="panel-body">
                    <form id="mainForm" method="POST" action="/sigwx/process-file" target="iframe" class="col-lg-6"
                          enctype='multipart/form-data'>
                        <input type="hidden" name="_token" value="{!! csrf_token() !!}" />
                        <div class="col-lg-6">
                            <div class="control-label">Выберите изображение SigWx</div>
                            <div class="mt-10">
                                <input type="file" name="file" multiple="false" accept=".png,.jpg,.jpeg" />
                            </div>
                        </div>
                        <div class="col-lg-12 mt-10">
                            <button type="submit" onclick="this.disable()" class="btn btn-success">Импортировать</button>
                        </div>
                    </form>
                    <iframe id="iframe" name="iframe" class="no-border mt-2" width="100%" height="500px" border="none"></iframe>

                </div>
            </div>

        <script>
            window.logs = <?= json_encode($sigwxItems) ?>;
            window.filters = <?= !empty($_GET) ? json_encode($_GET) : '{}' ?>;
        </script>
            <div class="panel panel-flat">
                <div class="panel-body">
                    <div class="table-responsive" x-data="initLogs()" x-init="$nextTick(() => { initMaps(); })">
                        <div class="datatable-header">
                            <form @submit.prevent="searchLogs()">
                                <table>
                                    <tr>
                                        <td class="p-5">
                                            <div id="DataTables_Table_0_filter" class="dataTables_filter form-group pl-2">
                                                <label>
                                                    <span>Поиск:</span>
                                                    <input x-model="filters.searchText" type="search" id="searchText" class="" placeholder="Начните писать...">
                                                </label>
                                            </div>
                                        </td>
                                        <td class="p-5">
                                            <a href="/requests" class="btn btn-primary">Сбросить фильтры</a>
                                        </td>
                                    </tr>
                                </table>
                            </form>
                        </div>
                        <div class="dataTable_pagination">
                            {{ view('vendor.pagination.alpine') }}
                            <div class="summary">
                                <strong>Всего записей:</strong> <span x-text="logs.total">
                            </div>
                        </div>
                        <table class="table dataTable">
                            <thead>
                            <tr>
                                <th>Файл</th>
                                <th>Контент</th>
                                <th>Карта</th>
                            </tr>
                            </thead>
                            <tbody>
                            <template x-for="sigwxItem in Object.values(logs.data)">
                                <tr :class="{'danger': sigwxItem.highlight}" class="pointer">
                                    <td class="long">
                                        <img @click="window.open('/uploads/sigwx/' + sigwxItem.file_name, 'popupWindow', 'width=600,height=1000')" style="max-width:300px;" :src="'/uploads/sigwx/' + sigwxItem.file_name" />
                                    </td>
                                    <td class="long">
                                        <form action="/sigwx/updateData" method="POST">
                                            <input type="hidden" name="_token" value="{!! csrf_token() !!}" />
                                            <input type="hidden" name="id" :value="sigwxItem.id" />
                                            <input type="hidden" name="redirect" :value="window.location.href" />
                                            <textarea :id="sigwxItem.id+'-content'" name="content" style="height: 400px; width: 600px;"  x-text='sigwxItem.content.replace(/\\n/g, "\n")'></textarea>
                                            <button class="btn btn-primary center-block mt-5">Сохранить</button>
                                        </form>
                                    </td>
                                    <td class="long">
                                        <div style="width: 1000px; height: 800px;" :id="'map-'+sigwxItem.id"></div>
                                    </td>

                                </tr>
                            </template>
                            </tbody>
                        </table>
                        <div class="dataTable_pagination">
                            {{ view('vendor.pagination.alpine') }}
                            <div class="summary">
                                <strong>Всего записей:</strong> <span x-text="logs.total"></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection