@extends('adminlte::page')

@section('title', 'Доступность')

@section('plugins.Datatables', true)

@section('content')
    <div class="card">
        <div class="card-header">
            <h3>{{ __('Доступность') }}</h3>
        </div>
        <div class="card-body">
            @if (Session::has('message'))
                <div class="alert alert-info">{{ Session::get('message') }}</div>
            @endif
            <table id="tbl-items" class="table no-footer table-hover" style="width: 100%;" role="grid">
                <thead>
                    <tr>
                        <th rowspan="2" style="width: 250px">Город</th>
                        @foreach($visaTypes as $visaType)
                            <th colspan="5">{!! $visaType->short_name !!}</th>
                        @endforeach
                    </tr>
                    <tr>
                        @foreach($visaTypes as $visaType)
                            <th>Первая дата</th>
                            <th>Обновление</th>
                            <th>Парсинг</th>
                        @endforeach
                    </tr>
                </thead>
                <tbody>
                    @foreach($aDates as $aDate)
                        <tr>
                            <td><a href="/stats/availability/{!! $aDate->data->city_id !!}/show" data-id="{!! $aDate->data->city_id !!}"  class="dates-link">{!! $aDate->data->country->flag . ' ' . $aDate->data->city->name !!}</a></td>
                            @foreach($visaTypes as $visaType)
                                <td>@if($aDate->visaTypes[$visaType->id]->first_available)
                                        {{ \Carbon\Carbon::parse($aDate->visaTypes[$visaType->id]->first_available)->locale('ru')->isoFormat('D MMMM YYYY') }}
                                    @else
                                        -
                                    @endif</td>
                                <td>@if($aDate->visaTypes[$visaType->id]->fd_last_updated)
                                        {{ \Carbon\Carbon::parse($aDate->visaTypes[$visaType->id]->fd_last_updated)
        ->timezone(Config::get('app.timezone'))->locale('ru')->isoFormat('D MMMM, HH:mm:ss') }}
                                    @else
                                        -
                                    @endif</td>
                                <td>@if($aDate->visaTypes[$visaType->id]->fd_last_parsing)
                                        {{ \Carbon\Carbon::parse($aDate->visaTypes[$visaType->id]->fd_last_parsing)
        ->timezone(Config::get('app.timezone'))->locale('ru')->isoFormat('D MMMM, HH:mm:ss') }}
                                    @else
                                        -
                                    @endif</td>
                            @endforeach
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

    <x-adminlte-modal id="modal-show" title="Доступные даты" theme="success" icon="fas fa-info" size="lg" v-centered static-backdrop scrollable>
        <div id="city-dates"></div>
        <x-slot name="footerSlot">
            <x-adminlte-button theme="default" label="Закрыть" data-dismiss="modal"/>
        </x-slot>
    </x-adminlte-modal>
@endsection

@push('js')
    <script>
        $(function() {
            $('#tbl-items').DataTable({
                order: [[0, 'asc']],
                pageLength: 100
            });
            $(document).on('click', '.dates-link', function () {
                $.post(
                    '/stats/availability/' + $(this).data('id') + '/show',
                    {
                        _token: "{!! csrf_token() !!}"
                    }
                ).done(function(response) {
                    $('#city-dates').html(response);
                    $('#modal-show').modal();
                });
                return false;
            });
        });
    </script>
@endpush

@push('scripts')
    <script src="//cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js"></script>
@endpush