@extends('accounts.nav')

@section('content')
	@parent
	@include('accounts.nav_advanced')

  {{ Former::open('tokens/delete')->addClass('user-form') }}
  {{ Former::legend('token_management') }}

  <div style="display:none">
    {{ Former::text('tokenPublicId') }}
  </div>
  {{ Former::close() }}


  @if (Utils::isPro())
    {{ Button::success_link(URL::to('tokens/create'), trans("texts.add_token"), array('class' => 'pull-right'))->append_with_icon('plus-sign') }}
  @endif

  <!--
    <label for="trashed" style="font-weight:normal; margin-left: 10px;">
        <input id="trashed" type="checkbox" onclick="setTrashVisible()"
            {{ Session::get('show_trash:token') ? 'checked' : ''}}/> {{ trans('texts.show_deleted_tokens')}}
    </label>
  -->

  {{ Datatable::table()
      ->addColumn(
        trans('texts.name'),
        trans('texts.token'),
        trans('texts.action'))
      ->setUrl(url('api/tokens/'))
      ->setOptions('sPaginationType', 'bootstrap')
      ->setOptions('bFilter', false)
      ->setOptions('bAutoWidth', false)
      ->setOptions('aoColumns', [[ "sWidth"=> "40%" ], [ "sWidth"=> "40%" ], ["sWidth"=> "20%"]])
      ->setOptions('aoColumnDefs', [['bSortable'=>false, 'aTargets'=>[2]]])
      ->render('datatable') }}

  <script>
  window.onDatatableReady = function() {
    $('tbody tr').mouseover(function() {
      $(this).closest('tr').find('.tr-action').css('visibility','visible');
    }).mouseout(function() {
      $dropdown = $(this).closest('tr').find('.tr-action');
      if (!$dropdown.hasClass('open')) {
        $dropdown.css('visibility','hidden');
      }
    });
  }

    function setTrashVisible() {
        var checked = $('#trashed').is(':checked');
        window.location = '{{ URL::to('view_archive/token') }}' + (checked ? '/true' : '/false');
    }

  function deleteToken(id) {
    if (!confirm('Are you sure?')) {
      return;
    }

    $('#tokenPublicId').val(id);
    $('form.user-form').submit();
  }
  </script>

@stop