@extends('admin.layout.master')

@section('content-header')
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        CMS
        <small> All Cms pages</small>
      </h1>
     <!--  <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li><a href="#">Tables</a></li>
        <li class="active">Data tables</li>
      </ol> -->
    </section>
@stop

@section('content')
<!-- Main content -->
    <div class="page-header clearfix">
        <div class="pull-right">
       <!--  <p>Domain List</p> -->
        </div>

          <div class="pull-left leftmargin15">
            <a href="{{url('cms/create')}}" class="btn btn-bg btn-primary">
                <span><i class="fa fa-plus-circle fa-btn fa-primary"></i> {{ trans('table.new') }}</span></a>
        </div> 
    </div>

    <section class="content">
      <div class="row">
        <div class="col-xs-12">
          
          <!-- /.box -->

          <div class="box">
            <div class="box-header">
              <!-- <h3 class="box-title">Data Table With Full Features</h3> -->
            </div>
            <!-- /.box-header -->
            <div class="box-body">
              <table id="listTable" class="table table-bordered table-striped">
                <thead>
                <tr>
                  <th class="text-left">Title</th>
                  <th class="text-center">Slug</th>
                  <th class="text-center">Created At</th>
                  <!-- <th class="text-center">Status</th> -->
                  <th class="text-center" data-orderable="false">Actions</th>
                </tr>
                </thead>
                <tbody>
                   
                @foreach($cms as $pages)  
                <tr>
                  <td class="text-left">{{$pages->title}}</td>
                  <td class="text-center">{{$pages->slug}}</td>
                  <td class="text-center">{{ Carbon\Carbon::parse($pages->created_at)->formatLocalized('%A %d %B %Y')}}</td>
                  <!-- <td class="text-center"></td> -->
                          
                  <td class="text-center">
                    <!-- <a class="btn  btn-warning"  href=""><span class="fa fa-edit"></span></a> -->
                    <!-- <a class="btn  btn-warning"  href=""><span class="fa fa-close"></span></a> -->
                    <a href= "{{url('cms/'. $pages->id )}}" class="btn btn-primary" title="Show" >
                    <i class="fa fa-fw fa-eye"></i> </a>
                  
                    <a href= "{{url('cms/'. $pages->id .'/edit' )}}"  title="Edit" class="btn btn-warning" >
                    <i class="fa fa-fw fa-edit"></i> </a> 
    
                    <a href= "{{url('cms/'. $pages->id . '/delete' )}}"  title="Delete" class="btn btn-danger"title="Delete">
                    <i class="fa fa-fw fa-times"></i> </a>
                  </td>
                  <!-- <td> 4</td> -->
                  <!-- <td>X</td> -->
                
                </tr>
                  @endforeach

       
</tbody>
<!--                  <tfoot>
                <tr>
                  <th class="text-center">Full Name</th>
                  <th class="text-center">Company Name</th>
                  <th class="text-center">Email</th>
                  <th class="text-center">Address</th>
                  <th class="text-center">Website</th>
                  <th class="text-center">Phone No</th>
                  <th class="text-center">Fax</th>
                  <th class="text-center">License No</th>
                  <th class="text-center">No of Designers</th>
                  <th class="text-center" data-orderable="false">Actions</th>
                </tr>
                </tfoot> --> 
              </table>
            </div>
            <!-- /.box-body -->
          </div>
          <!-- /.box -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </section>
    <!-- /.content -->




@stop

@section('javascript')
<!-- page script -->
<script>
 $(function () {
$("#listTable").DataTable();
});
</script>

@stop