@php($title = __('servers.title_servers_list') )

@extends('layouts.main')

@section('breadclumbs')
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="/">GameAP</a></li>
        <li class="breadcrumb-item active">{{ __('servers.game_servers') }}</li>
    </ol>
@endsection

@section('content')
    <a class='btn btn-success' href="{{ route('admin.servers.create') }}"><span class="fa fa-plus-square"></span>&nbsp;{{ __('servers.create') }}</a>
    <hr>

    @include('components.grid', [
        'modelsList' => $servers,
        'labels' => [__('servers.name'), __('servers.game'), __('servers.ip_port')],
        'attributes' => ['name', 'game.name', ['twoSeparatedValues', ['server_ip', ':', 'server_port']]],
        // 'viewRoute' => 'admin.servers.show',
        'editRoute' => 'admin.servers.edit',
        'destroyRoute' => 'admin.servers.destroy',
        'destroyConfirmAction' => '',
    ])

    {!! $servers->links() !!}
@endsection

@section('footer-scripts')
    <script>
        var confirmed = false;

        $(document).on("click", ".btn-delete", function(e) {
            if (!confirmed) {
                e.preventDefault();
                bootbox.prompt({
                    title: '{{ __('servers.delete_confirm_msg') }}',
                    value: [],
                    buttons: {
                        confirm: {
                            label: '{{ __('main.yes') }}',
                            className: 'btn-success'
                        },
                        cancel: {
                            label: '{{ __('main.no') }}',
                            className: 'btn-danger'
                        }
                    },
                    inputType: 'checkbox',
                    inputOptions: [{
                        text: '{{ __('servers.delete_files') }}',
                        value: 'delete_files'
                    }],
                    callback: function (result) {
                        if (result) {
                            if ($.inArray('delete_files', result) !== -1) {
                                $('<input>').attr('type', 'hidden')
                                    .attr('value','delete_files')
                                    .attr('name','delete_files')
                                    .appendTo($(e.target).parent());
                            }

                            confirmed = true;
                            $(e.target).trigger(e.type);
                        }
                    }
                });
            }

            confirmed = false;
        });
    </script>
@endsection