@extends("admin/layouts.master-soyuz")
@section('title','All Blog Post')
@section("body")



<div class="box">
  <div class="box-header">
    <h3 class="box-title">
      All blog posts
    </h3>
    @can('blog.create')
    <a href=" {{url('admin/blog/create')}} " class="btn btn-success pull-right">+ Add new</a>
    @endcan
  </div>
  <!-- /.box-header -->

  <div class="box-body">

    <table id="full_detail_table" class="width100 table table-hover table-responsive">
      <thead>
        <tr class="table-heading-row">
          <th>ID</th>
          <th>Heading</th>
          <th>Description</th>
          <th>User</th>
          <th>Image</th>
          <th>Created at</th>
          <th>Status</th>
          <th>Action</th>
        </tr>
      </thead>
      <tbody>
                @foreach($blogs as $key=> $slider)
        <tr>
          <td>{{$i++}}</td>
          <td>{{$slider->heading}}</td>
          <td>{{substr(strip_tags($slider->des), 0, 50)}}{{strlen(strip_tags(
                $slider->des))>50 ? '...' : ""}}</td>
          <td>{{$slider->user}}</td>
          <td> <img width="80px" height="50px" src="{{url('images/blog/'.$slider->image)}}"></td>

          <td>{{$slider->created_at}}</td>
          <td>
            @can('blog.edit')
            <form action="{{ route('blog.quick.update',$slider->id) }}" method="POST">
              {{csrf_field()}}
              <button @if(env('DEMO_LOCK')==0) type="submit" @else disabled title="This operation is disabled in demo !"
                @endif class="btn btn-xs {{ $slider->status==1 ? "btn-success" : "btn-danger" }}">
                {{ $slider->status ==1 ? 'Active' : 'Deactive' }}
              </button>
            </form>
            @endcan
          </td>
          <td>

            @can('blog.edit')

              <a href=" {{url('admin/blog/'.$slider->id.'/edit')}} " class="btn btn-sm btn-info"><i
                  class="fa fa-pencil"></i>
              </a>

            @endcan

            @can('blog.delete')

              <a @if(env('DEMO_LOCK')==0) data-toggle="modal" data-target="#{{$slider->id}}blog" @else disabled
                title="This operation is disabled in demo !" @endif class="btn btn-sm btn-danger">
                <i class="fa fa-trash"></i>
              </a>

            @endcan




          </td>

        </tr>
        @endforeach

      </tbody>
    </table>
    </table>
  </div>
</div>
</div>



@foreach($blogs as $key=> $slider)
<div id="{{ $slider->id }}blog" class="delete-modal modal fade" role="dialog">
  <div class="modal-dialog modal-sm">
    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <div class="delete-icon"></div>
      </div>
      <div class="modal-body text-center">
        <h4 class="modal-heading">Are You Sure ?</h4>
        <p>Do you really want to delete this blog? This process cannot be undone.</p>
      </div>
      <div class="modal-footer">
        <form method="post" action="{{url('admin/blog/'.$slider->id)}}" class="pull-right">
          {{csrf_field()}}
          {{method_field("DELETE")}}


          <button type="reset" class="btn btn-gray translate-y-3" data-dismiss="modal">No</button>
          <button type="submit" class="btn btn-danger">Yes</button>
        </form>
      </div>
    </div>
  </div>
</div>
@endforeach

<!-- /page content -->
@endsection