@extends('home')
@section('title')
  @lang('site.site_name')
@endsection
@section('styles')
  {!! 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="page-bar">
    <ul class="page-breadcrumb">
      <li>
        <a href="{{ Route('dashboard.home.page') }}">{{ __('Dashboard') }}</a>
        <i class="fa fa-circle"></i>
      </li>
      <li>
        <a href="{!! URL::route('admin.comments.index','classified') !!}">{{ __('Comments & ratings') }}
        </a>
        <i class="fa fa-circle"></i>
      </li>
      <li>
        <strong>
        </strong>
      </li>
    </ul>
    <div class="page-toolbar">
      <div class="btn-group pull-left">
        <div class="actions">

        </div>
      </div>
    </div>
  </div>
  <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">{{ __('Comments & ratings') }}</span>
            <h1 class="comment-title">
              <small>  </small>
            </h1>
          </div>

        </div>
        <div class="portlet-body">
          <table class="table table-striped custom-table table-hover " >
            <thead>
              <tr>
                <th  width="5%"><i class="fa fa-list"></i></th>
                <th><i class="fa fa-bookmark-o"></i> {{__('Comment')}}</th>
                <th width="30%"></th>
                <th width="15%"> {{__('Rate')}}</th>
                <th width="5%"> {{__('Status')}}</th>
                <th width="5%"> {{__('Action')}}</th>
              </tr>
            </thead>
            <tbody>
              @foreach ($comments as $index => $comment)
                <tr>
                  <td>
                    {!! $loop->iteration !!}
                  </td>
                  <td>
                      <a href="{!! URL::route('admin.comments.edit', [$comment->id]) !!}" >
                        {!! strip_tags(Str::words($comment->body, 10, ' ...')) !!}
                      </a>
                  </td>
                  <td>
                    {{ @$comment->commentable->category->title }} /
                    {{ @$comment->commentable->title }}
                  </td>

                  <td>
                    ({{ @$comment->rate }}/5)
                    <div class="block-star" style="color:#f02">
                      @for ($i=1; $i <= 5 ; $i++)
                        @if ($i <= round($comment->rate) )
                          <i class="fa fa-star fa-3 " aria-hidden="true"></i>
                        @else
                          <i class="fa fa-star-o fa-3 " aria-hidden="true"></i>
                        @endif
                      @endfor
                    </div>
                  </td>
                  <td>
                    {{ Form::open(['method' => 'Put', 'route' => ['admin.comments.update', $comment->id]]) }}
                    <button data-toggle="confirmation"
                    data-btn-ok-label="{{ __('Yes') }}"
                    data-btn-cancel-label="{{ __('No') }}"
                    data-title="<span class='caption-subject font-blue bold '>{{ __('comment publish') }}</span>"
                    type="submit" class="btn  @if($comment->publish) btn-info @endif  btn-xs btn-action"><i class="fa @if($comment->publish) fa-check @else fa-times @endif"></i></button>
                      <input type="hidden" name="nobady" value="1">
                      {{ Form::close() }}
                    </td>
                    <td class="hidden-xs">
                      {{ Form::open(['method' => 'DELETE', 'route' => ['admin.comments.destroy', $comment->id]]) }}
                      <button 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() }}
                    </td>
                  </tr>

                @endforeach
              </tbody>
            </table>
            <div class="pagination pagination-centered"> {{ $comments->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.'/comments/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')
          }
        });
        $( "#sortable tbody" ).sortable( {
          update: function( event, ui ) {
            var order = $(this).sortable("toArray");
            $("tr td:nth-child(2)").text(function() {
              return $(this).parent().index("tr");
            });
            $.ajax({
              data: {order:order},
              type: 'POST',
              url: ''
            });
          }
        }).disableSelection();
      } );
    </script>
  @endsection