@extends('adminlte::page')

@section('title', 'Регистратор')

@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
            <div class="row">
                <div class="col-md-1 pl-1">
                    <div class="form-group">
                        <label>Рeзидент</label>
                        <select name="is_resident" class="form-control form-filter-select" id="filter-resident">
                            <option value="0">Нет</option>
                            <option value="1">Да</option>
                        </select>
                    </div>
                </div>
                <div class="col-md-2 pl-1">
                    <div class="form-group">
                        <label>Виза</label>
                        <select name="visa_type_id" class="form-control form-filter-select" id="filter-visa-type">
                            @foreach($visaTypes as $visaType)
                                <option value="{!! $visaType->id !!}">{!! $visaType->short_name !!}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-md-2 pl-1">
                    <div class="form-group">
                        <label>Страна</label>
                        <select name="country" class="form-control form-filter-select" id="filter-country">
                            @foreach($countries as $country)
                                <option value="{!! $country->id !!}">{!! $country->flag . ' ' . $country->name !!}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-md-2 pl-1">
                    <div class="form-group">
                        <label>Размер группы</label>
                        <select name="group_size" class="form-control form-filter-select" id="filter-group-size">
                            @for($i=1;$i<=5;$i++)
                                <option value="{!! $i !!}">{!! $i !!}</option>
                            @endfor
                        </select>
                    </div>
                </div>
                <div class="col-md-2 pl-1">
                    <div class="form-group">
                        <label>Количество клиентов</label>
                        <select name="quantity" class="form-control form-filter-select" id="filter-quantity">
                            @for($i=1;$i<=100;$i++)
                                <option value="{!! $i !!}">{!! $i !!}</option>
                            @endfor
                        </select>
                    </div>
                </div>
                <div class="col-md-2 pl-1">
                    <div class="form-group">
                        <label>Количество потоков</label>
                        <select name="rthreads_count" class="form-control form-filter-select" id="filter-rthreads">
                            @for($i=1;$i<=$freeThreads;$i++)
                                <option value="{!! $i !!}">{!! $i !!}</option>
                            @endfor
                        </select>
                    </div>
                </div>
                <div class="col-md-1 pl-1 align-self-end">
                    <div class="form-group">
                        <button type="button" class="form-control btn btn-success btn-run">Запустить</button>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="btn-group btn-group-toggle py-2 tab-select" data-toggle="buttons">
                        @foreach($rThreads as $rThread)
                            <label class="btn btn-outline-{!! $rThread->status == 'new' ? 'primary' : ($rThread->status == 'waiting' ? 'warning' : ($rThread->status == 'finished' ? 'success' : ($rThread->status == 'error' ? 'danger' : ($rThread->status == 'stopping' ? 'warning' : 'secondary')))) !!} {!! ($rThread->id == 1 ? 'active' : '') !!}">
                                <input type="radio" name="tab-select" id="option_a{!! $rThread->id !!}" autocomplete="off" data-type="rthread{!! $rThread->id !!}" value="rthread{!! $rThread->id !!}" {!! ($rThread->id == 1 ? 'checked' : '') !!}> Поток {!! $rThread->id !!}
                            </label>
                        @endforeach
                    </div>
                </div>
            </div>
            @foreach($rThreads as $rThread)
                <div class="tab-list tab-rthread{!! $rThread->id !!} {!! ($rThread->id != 1 ? 'collapse' : '') !!}">
                    <div class="row">
                        <div class="col-12">
                            Статус: <b>{!! config('parser.rthreads_statuses')[$rThread->status] !!}</b><br/>
                            @if(in_array($rThread->status, ['waiting', 'processing', 'finished', 'error', 'stopping']))
                                Страна: <b>{!! $rThread->country->flag . ' ' . $rThread->country->name_ru !!}</b><br/>
                                Тип визы: <b>{!! $rThread->visa_type->short_name !!}</b><br/>
                                Резидент: <b>{!! $rThread->is_resident == 1 ? 'Да' : 'Нет' !!}</b><br/>
                                Размер группы: <b>{!! $rThread->group_size !!}</b><br/>
                                Зарегистрировано: <b>{!!$rThread->quantity_done !!}</b><br/>
                                Всего: <b>{!! $rThread->quantity !!}</b><br/>
                            @endif
                            <x-adminlte-textarea name="log{!! $rThread->id !!}" id="log-body{!! $rThread->id !!}" rows=20 disabled>{!! $rThread->log !!}</x-adminlte-textarea>
                            @if(in_array($rThread->status, ['processing']))
                                <x-adminlte-button type="button" label="Остановить" theme="warning" class="fa-pull-right btn-stop" data-id="{!! $rThread->id !!}" icon="fas fa-stop"/>
                            @endif
                            @if(in_array($rThread->status, ['waiting', 'processing', 'finished', 'error', 'stopping']))
                                <x-adminlte-button type="button" label="Обновить лог" theme="success" class="btn-refresh" data-id="{!! $rThread->id !!}" icon="fas fa-spinner"/>
                            @endif
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
@endsection

@push('js')
    <script>
        $(function() {
            $(document).on('click', '.tab-select input', function () {
                var typeId = $(this).data('type');
                $('.tab-list').each(function() {
                    if ($(this).hasClass('tab-' + typeId)) {
                        $(this).show();
                    } else {
                        $(this).hide();
                    }
                });
            });
            $(document).on('click', '.btn-run', function () {
                $('input').attr('disabled', true);
                $('select').attr('disabled', true);
                $.post(
                    '/rthreads/run',
                    {
                        _token: "{!! csrf_token() !!}",
                        is_resident: $('#filter-resident').val(),
                        visa_type_id: $('#filter-visa-type').find(':selected').val(),
                        country: $('#filter-country').find(':selected').val(),
                        group_size: $('#filter-group-size').find(':selected').val(),
                        quantity: $('#filter-quantity').find(':selected').val(),
                        rthreads_count: $('#filter-rthreads').find(':selected').val()
                    }
                ).done(function(response) {
                    location.reload();
                });
                return false;
            });
            $(document).on('click', '.btn-stop', function () {
                var id = $(this).data('id');
                $.post(
                    '/rthreads/stop',
                    {
                        _token: "{!! csrf_token() !!}",
                        id: id,
                    }
                ).done(function(response) {
                    location.reload();
                });
                return false;
            });
            $(document).on('click', '.btn-refresh', function () {
                var id = $(this).data('id');
                $.post(
                    '/rthreads/refresh',
                    {
                        _token: "{!! csrf_token() !!}",
                        id: id,
                    }
                ).done(function(response) {
                    $('#log-body' + id).val(response);
                });
                return false;
            });
        });
    </script>
@endpush