@extends('admin.layouts.app')
@section('title','Services')
@section('content')
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
   <!-- Content Header (Page header) -->
   <section class="content-header">
      <h1>
         Blog
      </h1>
      <ol class="breadcrumb">
         <li><a href="{{ url('admin/dashboard') }}"><i class="fa fa-dashboard"></i> Home</a></li>
         <li class="active">Blog</li>
      </ol>
   </section>
   <section class="content">
      <div class="row">
         <div class="col-md-12">
            <div class="box collapsed-box">
               <div class="box-header with-border">
                  <h3 class="box-title">Add Blog</h3>
                  <div class="box-tools pull-right">
                     <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-plus"></i>
                     </button>
                  </div>
               </div>
               <!-- /.box-header -->
               <div class="box-body" style="display: none;">
                  <!-- Info boxes -->
                  <div class="row">
                     <div class="col-md-2"></div>
                     <div class="col-md-8">
                        <form class="form-horizontal" action="{{ action('AdminController\BlogController@store') }}" id="add_form" method="post" enctype="multipart/form-data">
                           @csrf
                           <div class="box-body">
                              <div class="form-group">
                                 <label for="" class="col-sm-2 control-label">Blog <span style="color: red;">*</span></label>
                                 <div class="col-sm-10">
                                    <input type="text" class="form-control"  placeholder="Title" name="name"  required>
                                 </div>
                              </div>
                              <div class="form-group">
                                 <label for="" class="col-sm-2 control-label">Description<span style="color: red;">*</span></label>
                                 <div class="col-sm-10">
                                    <textarea type="text" class="form-control" id="editor1" placeholder="Description.." name="description" rows="3" required></textarea>
                                 </div>
                              </div>
                              <div class="form-group">
                                 <label for="" class="col-sm-2 control-label">Choose Image<span style="color: red;">*</span></label>
                                 <div class="col-sm-10">
                                    <input type="file" name="image_name" id="file" class="form-control"  onchange="fileValidation(this)" accept="image/jpg, image/jpeg, image/png" required>
                                 </div>
                              </div>
                              <div class="form-group">
                                 <label for="" class="col-sm-2 control-label"></label>
                                 <div class="col-sm-10">
                                    <!-- <img id="output_image" src="{{ asset('admin') }}/dist/img/placeholder/download.png" style="width: 200px;height: 200px;"/> -->
                                 </div>
                              </div>
                           </div>
                           <!-- /.box-body -->
                           <div class="box-footer text-right">
                              <button type="reset" class="btn btn-default">Reset</button>
                              <button type="submit" class="btn btn-main">Submit</button>
                           </div>
                           <!-- /.box-footer -->
                        </form>
                     </div>
                     <div class="col-md-2"></div>
                  </div>
               </div>
               <!-- /.box-footer -->
            </div>
            <!-- /.box -->
         </div>
      </div>
          <div class="row">
         <div class="col-md-12">
          <div class="box">
            <div class="box-header with-border">
              <h3 class="box-title">Blog List</h3>

              <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                </button>
               
              </div>
            </div>
            <!-- /.box-header -->
              <div class="box-body">
              <div class="table-responsive">
              <table id="example1" class="table table-bordered table-striped">
                <thead>
                <tr>
                  <th>S.No</th>
                  <th> Name</th>
                  <th> Description</th>
                  <th>Image</th>
                  <th>Status</th>
                  <th>Action</th>
                </tr>
                </thead>
                <tbody>
                @php $sr = 1 @endphp
                @foreach($blogs as $blog)
                <tr>
                  <td>{{ $sr++ }}</td>
                  <td> {{ $blog->name ?? '' }} </td>
                  
                  <td> {!!Str::limit($blog->description, 700, $end='.......')!!} </td>
                  <td><img src="{{ asset($blog->image_path ?? 'admin/dist/img/placeholder/download.png') }}" style="width: 60px; height: 40px;"></td>
                  <td> 
                     @if($blog->status == 1)
                       <button class="btn btn-success btn-xs">Active</button>
                     @else
                       <button class="btn btn-danger btn-xs">Deactive</button>
                     @endif

                  </td>
                  <td>
                    <div style="width: 140px;">
                    <button type="button" href="#" data-href="{{ action('AdminController\BlogController@update', [$blog->id]) }}" class="btn btn-primary btn-xs edit_model" data-toggle="modal" data-target="edit_model"  data-container=".edit_model"><i class="fa fa-edit"></i></button>

                    <button type="button" href="{{ action('AdminController\BlogController@delete', [$blog->id]) }}" class="btn btn-danger btn-xs" id="delete"><i class="fa fa-trash-o"></i></button>
                    <a type="button" 
                     @if($blog->status == 1)
                      id="deactivate"
                      class="btn btn-danger btn-xs" 
                     @else
                      id="activate"
                      class="btn btn-success btn-xs" 
                     @endif

                     href="{{ action('AdminController\BlogController@status', [$blog->id]) }}" 
                     >
                     @if($blog->status == 1)
                      Deactivate 
                     @else
                      Activate
                     @endif
                       
                  </a>
                </div>
                  </td>
                </tr>
                @endforeach                
              </tbody>
              </table>
            </div>
            </div>
              <!-- /.box-footer -->
          </div>
          <!-- /.box -->
        </div>
        </div>
   </section>
   <!-- /.content -->
</div>
<!-- /.content-wrapper -->



@endsection

@section('js')
<script>
  
  $(function () {
    CKEDITOR.replace('editor1')
  })
</script>

@endsection