@extends('_layout.layout')

@section('title') Articles
@endsection

@section('modals')
@include('_layout.partials.deletemodal')
@endsection

@section('header')
<h1> <a href="{{route('getCompanyDetails',$company->id)}}">{{$company->name}}</a> <small>Articles</small></h1>
@endsection


@section('content')
<div class="row">
  <div class="col-md-12">
    <div class="portlet box green">
      <div class="portlet-title">
        <div class="caption">
          <i class="icon-globe"></i>
          <span class="caption-subject bold uppercase"> Articles</span>
        </div>
        <div class="actions">
          <a href="{{route('getCreateArticle',$company->id)}}" class="btn btn-circle white"><i class="icon-plus"></i> Create article </a>
        </div>
      </div>
      <div class="portlet-body">
        <div class="table-responsive">
          <table class="table table-striped table-bordered table-hover"><tbody>
          <tr>
            <th style="vertical-align:middle;">Title</th>
            <th style="vertical-align:middle;">Public URL</th>
            <th style="vertical-align:middle;">Page views</th>
            <th style="vertical-align:middle;">Created date</th>
            <th style="vertical-align:middle;">Updated date</th>
            <th style="vertical-align:middle; text-align: center; width: 200px">Actions</th>
          </tr>
          @foreach($articles as $article)
          <tr>
            <td>{{$article->title}}</td>
            <td><a target="_blank" href="{{route('getViewArticle',[$article->id,$article->title_encoded])}}">Preview</a></td>
            <td>{{$article->views}}</td>
            <td>{{$article->created_at}}</td>
            <td>{{$article->updated_at}}</td>

            <td  style="text-align: center;">
              <a href="{{route('getEditArticle',$article->id)}}" class="btn btn-outline btn-circle green btn-sm purple"><i class="fa fa-edit"></i> Edit </a>
              {{ Form::open(['route' => ['deleteArticle',$article->id],'class' => 'form-inline inline deleteItemForm',
                  'id' => 'deleteItemForm'.$article->id, 'data-item-id' => $article->id, 'data-item-data' => $article->title_encoded ]) }}
                {{Form::hidden('_method','DELETE')}}
                <button type="submit" class="btn btn-outline btn-circle dark btn-sm black"><i class="fa fa-trash-o"></i> Delete </a>
              {{ Form::close() }}
            </td>
          </tr>
          @endforeach
        </tbody></table>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection


@section('page-script')
<script>
  $(".deleteItemForm button").on('click', function (e) {
      e.preventDefault();
      $('#deleteModal .modal-title').text('Confirm delete the article:  '+$(this).parent().data('item-data'));
      $('#deleteModal .modal-body').html('Are you sure you want to delete the article?');
      $('#deleteModal-confirmButton').data('item-id',$(this).parent().data('item-id'));
      $('#deleteModal').modal('show');
  });

  $('#deleteModal-confirmButton').on('click', function (e) {
    $("#deleteItemForm"+$(this).data('item-id')).submit();
  });
</script>
@endsection