@extends('home')
@section('title')
  @lang('site.site_name')
@endsection
@section('styles')
  {!! Html::style(Theme::current()->assetPath.'/activities/css/profile-rtl.min.css') !!}
  {!! Html::style(Theme::current()->assetPath.'/global/plugins/bootstrap-markdown/css/bootstrap-markdown.min.css') !!}
  {!! Html::style(Theme::current()->assetPath.'/global/plugins/select2/css/select2.min.css') !!}
  {!! Html::style(Theme::current()->assetPath.'/global/plugins/select2/css/select2-bootstrap.min.css') !!}
  {!! Html::style(Theme::current()->assetPath.'/global/plugins/bootstrap-fileinput/bootstrap-fileinput.css') !!}
  {!! Html::style(Theme::current()->assetPath.'/global/plugins/bootstrap-switch/css/bootstrap-switch-rtl.min.css') !!}
@endsection
@section('content')
  <div class="row">
    <div class="col-md-12">
      <div class="portlet light bordered">
        <div class="portlet-title">
          <div class="caption">
            <i class="fa fa-edit font-purple-soft"></i>
            <span class="caption-subject font-purple-soft bold">{{ __('Activities') }}</span>
            <h1 class="activity-title">
              <small>  </small>
            </h1>
          </div>
          <div class="actions">
            <a href="{!! URL::route('admin.activity.index') !!}" class="btn btn-xs green"> {{ __('Refresh') }}
              <i class="fa fa-refresh"></i>
            </a>
            {{ Form::open(['method' => 'DELETE','class' => 'btn btn-xs ' ,'route' => ['admin.activity.destroy', 0]]) }}
            <button data-placement="bottom" data-toggle="confirmation"
            data-btn-ok-label="{{ __('Yes') }}"
            data-btn-cancel-label="{{ __('No') }}"
            data-title="<span class='caption-subject font-blue bold '>{{ __('Sure Remove') }}</span>"
            type="submit" class="btn btn-danger btn-xs btn-action">  <i class="fa fa-trash-o"></i></button>
            {{ Form::close() }}
            <a href="{{ Route('dashboard.home.page') }}" class="btn btn-xs grey-cascade"> {{ __('Home') }}
              <i class="fa fa-home"></i>
            </a>
          </div>
        </div>
        <div class="portlet-body">
          <table class="table table-striped custom-table table-hover sortable" id="sortable" >
            <thead>
              <tr>
                <th width="5%"><i class="fa fa-building-o"></i></th>
                <th class="hidden-xs"  width="5%">#</th>
                <th><i class="fa fa-bookmark-o"></i> {{ __('Title') }}</th>
                <th width=""><i class="fa fa-newspaper-o"></i> {{ __('Category') }}</th>
                <th width="15%"><i class="fa fa-user"></i> {{ __('Writer') }}</th>
                <th width="15%"><i class="fa fa-calendar"></i> {{ __('Date') }}</th>
                <th class="hidden-xs"  width="10%"><i class="fa fa-cogs"></i> {{ __('Do') }}</th>
              </tr>
            </thead>
            <tbody>
              @foreach ($activities as $index => $activity)
                @continue(!@$activity->subject->id)
                <tr id='{{ $activity->id }}'>
                  <td>
                    {{ $loop->index +1 }}
                  </td>
                  <td class="active">
                    {!! $activity->subject->id !!}
                  </td>
                  <td>
                    <a class="btn btn-sm btn-light" role="button" data-toggle="collapse" href="#log-stack-{{ $index }}" aria-expanded="false" aria-controls="log-stack-{{ $index }}">
                      <i class="fa fa-toggle-on"></i> {!! str_limit($activity->subject->title, 50) !!}
                    </a>
                  </td>
                  <td class="success">
                    <i>{{ $activity->subject->category->title }}</i>
                  </td>
                  <td>
                    {{ @$activity->causer->name }}
                  </td>
                  <th>
                    {{ $activity->created_at->format('Y-m-d h:i:s') }}
                  </th>
                  <td class="warning">
                    @php
                      $font_icon = 'fa fa-cog';
                      switch (@mb_strtolower($activity->description)) {
                        case 'add':
                        $font_icon = 'fa fa-file';
                        break;
                        case 'edited':
                        case 'updated':
                        $font_icon = 'fa fa-edit';
                        break;
                        case 'publish':
                        $font_icon = 'fa fa-check-square-o';
                        break;
                        case 'unpublish':
                        $font_icon = 'fa fa-close';
                        break;
                        default:
                        break;
                      }
                    @endphp
                    <i class="{!! $font_icon !!}"></i>
                    {{ __(ucfirst(@$activity->description)) }}
                  </td>
                </tr>
                <tr>
                  <td colspan="8" class="stack py-0">
                    <div class="stack-content collapse" id="log-stack-{{ $index }}">
                      <ul class="list-group">
                        <li class="list-group-item">
                          <a href="{!! URL::route('admin.news.edit',[$activity->subject->id]) !!}" target="_blank">
                            {!! $activity->subject->title !!}
                            <span class="badge badge-success pull-right">{!! __('Edit') !!}</span>
                          </a>
                        </li>
                        <li class="list-group-item">{!! __('Date created') !!}
                          <span class="badge badge-success">{{ $activity->subject->created_at->format('Y-m-d h:i:s') }}</span>
                        </li>
                        <li class="list-group-item">{!! __('Modified date') !!}
                          <span class="badge badge-info">{{ $activity->subject->updated_at->format('Y-m-d h:i:s') }}</span>
                        </li>
                        <li class="list-group-item">{!! __('Short Link') !!}
                          <span class="badge badge-badge-empty  ">
                            <a style="color:#fff" href="{!! route('go.link',[@$activity->subject->id]) !!}" target="_blank">
                              <i  class="fa fa-link"></i>
                              {{ $activity->subject->id }}
                            </a>
                          </span>
                        </li>
                        <li class="list-group-item">{!! __('Created By') !!}
                          <span class="badge badge-success">{{ @$activity->subject->creator->name }}</span>
                        </li>
                        <li class="list-group-item">{!! __('Modified By') !!}
                          <span class="badge badge-info">{{ @$activity->subject->updater->name }}</span>
                        </li>
                      </ul>
                    </div>
                  </td>
                </tr>
              @endforeach
            </tbody>
          </table>
          <div class="pagination pagination-centered"> {{ $activities->links() }} </div>
        </div>
      </div>
    </div>
  </div>
@endsection
@section('scripts')
  {!! Html::script(Theme::current()->assetPath.'/global/plugins/bootstrap-confirmation/bootstrap-confirmation.min.js') !!}
  {!! Html::script(Theme::current()->assetPath.'/global/plugins/select2/js/select2.full.min.js') !!}
  {!! Html::script(Theme::current()->assetPath.'/global/plugins/bootstrap-fileinput/bootstrap-fileinput.js') !!}
  {!! Html::script(Theme::current()->assetPath.'/global/plugins/bootstrap-markdown/lib/markdown.js') !!}
  {!! Html::script(Theme::current()->assetPath.'/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js') !!}
  {!! Html::script(Theme::current()->assetPath.'/global/plugins/bootstrap-markdown/js/bootstrap-markdown.js') !!}
  {!! Html::script(Theme::current()->assetPath.'/global/plugins/jquery-validation/js/jquery.validate.min.js') !!}
  {!! Html::script(Theme::current()->assetPath.'/global/plugins/jquery-validation/js/additional-methods.min.js') !!}
  {!! Html::script(Theme::current()->assetPath.'/activities/scripts/form-validation.js') !!}
  <!--jquery-ui-->
  {!! Html::script(Theme::current()->assetPath.'/global/plugins/jquery-ui/jquery-ui.min.js') !!}
  <script type="text/javascript">
    $( function() {
      $.ajaxSetup({
        headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
      });
    } );
  </script>
@endsection