@extends ('backend.layouts.app')

@section ('title', trans('labels.backend.articles.management'))


@section('content')
    <div class="box box-info">

        <div class="box-header with-border">
           
<div class="box-tools pull-right">
    <div class="btn-group">
        <button type="button" class="btn btn-warning btn-flat dropdown-toggle" data-toggle="dropdown">Export
            <span class="caret"></span>
            <span class="sr-only">Toggle Dropdown</span>
        </button>
        <ul class="dropdown-menu" role="menu">
            <li id="copyButton"><a href="#"><i class="fa fa-clone"></i> Copy</a></li>
            <li id="csvButton"><a href="#"><i class="fa fa-file-text-o"></i> CSV</a></li>
            <li id="excelButton"><a href="#"><i class="fa fa-file-excel-o"></i> Excel</a></li>
            <li id="pdfButton"><a href="#"><i class="fa fa-file-pdf-o"></i> PDF</a></li>
            <li id="printButton"><a href="#"><i class="fa fa-print"></i> Print</a></li>
        </ul>
    </div>
<!--Action Button-->
<div class="btn-group">
    <button type="button" class="btn btn-primary btn-flat dropdown-toggle" data-toggle="dropdown">Action
        <span class="caret"></span>
        <span class="sr-only">Toggle Dropdown</span>
    </button>
    <ul class="dropdown-menu" role="menu">
            <li>
                <a href="{{ route( 'admin.articles.createinitiative' ) }}">
                    <i class="fa fa-plus"></i> Create New
                </a>
            </li>
    </ul>
</div>
<div class="clearfix"></div>
            </div>
        </div><!--box-header with-border-->

        <div class="box-body">
            <div class="table-responsive data-table-wrapper">
                <table id="articles-table" class="table table-condensed table-hover table-bordered">
                    <thead>
                        <tr>
                           <th>{{ trans('labels.backend.articles.table.id') }}</th>
                            <th>{{ trans('labels.backend.articles.table.tt') }}</th>
                           <th>{{ trans('labels.backend.articles.table.Author') }}</th>
                            <th>{{ trans('labels.backend.articles.table.cat') }}</th>
                           <th>{{ trans('labels.backend.articles.table.pub') }}</th>
                            <th>Status</th>
                           <th>Start date</th>
                            <th>End date </th>
                            <th>{{ trans('labels.general.actions') }}</th>
                           
                        </tr>
                    </thead>
                    <thead class="transparent-bg">
                        <tr>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($articles as $article)
                        <tr>
                            <td>{{$article->article_id}}</td>
                            <td>{{$article->title}}</td>
                             <td>{{$article->authorname}}</td>
                              <td>{{$article->category_name}}</td>
                              <td>{{Carbon\Carbon::parse($article->publish_date)->format('jS M Y').' '.$article->publish_time}}</td>
                            <td>@if($article->type=='1') {{$article->name}} @elseif($article->type=='2') Home Page Block1 @elseif($article->type=='3') Home Page Block2 @elseif($article->type=='4') {{$article->name}} @else @endif</td>
                            <td>{{Carbon\Carbon::parse($article->start_date)->format('jS M Y')}}</td>
                           <td>{{Carbon\Carbon::parse($article->end_date)->format('jS M Y')}}</td>
                            <td><button type="button" class="btn btn-danger btn-xs delete" id="{{$article->article_id}}"><i data-toggle="tooltip" data-placement="top" title="" class="fa fa-trash" data-original-title="Delete"></i></button></td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div><!--table-responsive-->
        </div><!-- /.box-body -->
    </div><!--box-->
@endsection
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>    
        <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
        <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
<script type="text/javascript">
     $(document).on('click', '.delete', function(){
        var _token = $('input[name="_token"]').val();
        var id = $(this).attr("id");
swal({
  title: "Are you sure?",
  text: "Are you sure you want to delete this records?",
  type: "warning",
  showCancelButton: true,
  closeOnConfirm: false,
  showLoaderOnConfirm: true
}, function () {
    $.ajax({
        url:"{{ url('admin/articles/delete_initiative') }}",
        method:"POST",
        data:{id:id, _token:_token},
        success:function(data)
        {
          window.location.reload();
        }
        })
  setTimeout(function () {
    swal("Done!", "Deleted!", "success");
  }, 2000);
});
        });
</script>