@extends('cfp.layouts.master')
@section('content')
    <div class="content">
        <div class="row">
            <div class="col-12">
                <div class="block block-rounded block-bordered">
                    <div class="block-header block-header-default">
                        <h3 class="block-title">Contas <small>todas as contas</small></h3>
                        <form action="{{ route("cfp.accounts") }}" method="get">
                            @csrf
                            <div class="input-group m-0">
                                @if (request()->query("search"))
                                    <div class="input-group-prepend">
                                        <a class="btn btn-sm btn-info" href="{{ route("cfp.accounts") }}">See all</a>
                                    </div>
                                @endif
                                <input type="text" name="search" class="form-control form-control-sm" placeholder="USN or username ...">
                                <div class="input-group-append">
                                    <button class="btn btn-sm btn-success" type="submit">Search</button>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="block-content">
                        @include('cfp.components.error_alert')
                        <div class="table-responsive">
                            <table class="table table-bordered table-striped table-vcenter">
                                <thead class="thead-dark text-center">
                                    <tr>
                                        <th>ID</th>
                                        <th>Usuário</th>
                                        <th>E-Mail</th>
                                        <th>Permissão</th>
                                        <th>Criado em <i class="fa fa-fw fa-hand-point-up"></i></th>
                                        <th>Atualizado em <i class="fa fa-fw fa-hand-point-up"></i></th>
                                        <th>Ações</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($accounts as $account)
                                        <tr>
                                            <td class="text-center">{{ $account->USN }}</td>
                                            <td>{{ $account->USER_ID }}</td>
                                            <td class="text-center">{{ $account->E_MAIL ?? "..." }}</td>
                                            <td>{!! Helper::web_getAuthorityLev($account->AUTHORITY_LEV, true) !!}</td>
                                            <td class="text-center">
                                                <span class="tp" data-tippy-content="{{ Helper::date_stringFormat($account->REG_DATE) }}">
                                                    {{ Helper::date_stringFormat($account->REG_DATE, false) }}
                                                </span>
                                            </td>
                                            <td class="text-center">
                                                <span class="tp" data-tippy-content="{{ Helper::date_stringFormat($account->LAST_UPD_DATE) }}">
                                                    {{ Helper::date_stringFormat($account->LAST_UPD_DATE, false) }}
                                                </span>
                                            </td>
                                            <td class="text-center">
                                                <div class="btn-group">
                                                    <a href="{{ route("cfp.accounts.view", $account->USN) }}" class="btn btn-sm btn-success tp" data-tippy-content="Ver detalhes">
                                                        <i class="fa fa-fw fa-eye"></i>
                                                    </a>
                                                    @if (!is_null($account->user))
                                                        <a href="{{ route("cfp.chars.view", $account->user->USN) }}" class="btn btn-sm btn-primary tp" data-tippy-content="Ver personagem">
                                                            <i class="fa fa-fw fa-user"></i>
                                                        </a>
                                                    @endif
                                                    <div class="btn-group tp" role="group" data-tippy-content="Clique para expandir">
                                                        <button type="button" id="btnGroupActions" class="btn btn-sm btn-info" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                            <i class="fa fa-fw fa-edit"></i>
                                                        </button>
                                                        <div class="dropdown-menu" aria-labelledby="btnGroupActions">
                                                            <a class="dropdown-item changeData" href="#" data-url="{{ URL::temporarySignedRoute("cfp.api.changes", now()->addMinute(), ["alpha" => "password"]) }}" data-title="Qual a nova senha?" data-placeholder="Nova senha ..." data-input="password" data-usn="{{ $account->USN }}" data-reload="false">Alterar Senha</a>
                                                            <a class="dropdown-item changeData" href="#" data-url="{{ URL::temporarySignedRoute("cfp.api.changes", now()->addMinute(), ["alpha" => "email"]) }}" data-title="Qual o novo e-mail?" data-placeholder="Novo e-mail ..." data-input="email" data-usn="{{ $account->USN }}" data-reload="true">Alterar E-mail</a>
                                                            <a class="dropdown-item changeData" href="#" data-url="{{ URL::temporarySignedRoute("cfp.api.changes", now()->addMinute(), ["alpha" => "title"]) }}" data-title="Qual o novo título?" data-placeholder="Selecione um título ..." data-input="select" data-select="true" data-options-url="{{ route("cfp.api.getTitles") }}" data-usn="{{ $account->USN }}" data-reload="true">Alterar Título</a>
                                                        </div>
                                                    </div>

                                                    <div class="btn-group tp" role="group" data-tippy-content="BAN HAMMER!">
                                                        <button type="button" id="btnGroupActions" class="btn btn-sm btn-warning rounded-right" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                            <i class="fa fa-fw fa-hammer"></i>
                                                        </button>
                                                        <div class="dropdown-menu" aria-labelledby="btnGroupActions">
                                                            <a class="dropdown-item" href="{{ route("cfp.account.hammer", ["alpha" => "add", "id" => $account->USN]) }}">Aplicar Punição</a>
                                                            <a class="dropdown-item" href="{{ route("cfp.account.hammer", ["alpha" => "remove", "id" => $account->USN]) }}">Remover Punição</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr class="text-center">
                                            <td colspan="7">No accounts found, try again later.</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                        <div class="row justify-content-center">
                            {{ $accounts->links() }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection