@extends('adminlte::page')

@section('title', 'Content')

@section('content_header')
    <div class="d-flex justify-content-between align-items-center my-2">
        <h1 class="text-dark text-bold mb-0">Content List</h1>
        <a href="{{ route('content.writer.dash') }}" class="btn btn-primary">
            Dashboard
        </a>
    </div>
    
@stop

@section('content')
    <div class="card shadow rounded-lg  mb-3 p-2">
        <div class="card-header">
            <div class="row mt-12">
                <div class="col-md-4 float-left ">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb bg-white">
                            <li class="breadcrumb-item text-bold"><a href="{{ route('admin.home') }}">Home</a></li>
                            <li class="breadcrumb-item text-bold active" aria-current="page">Content </li>
                        </ol>
                    </nav>
                </div>

                @php $title = ""; $ct = ""; @endphp
                @if(request()->has('cat'))
                  @php $ct = request('cat'); @endphp
                @endif

                @if(request()->has('title'))
                  @php $title = request('title'); @endphp
                @endif

                <div class="col-md-2 float-left ">
                  <select name="cat_nm" id="cat_nm" class="form-control col-md-12 mb-12">
                      <option value="">select category</option>
                      <option value="1" @if($ct == 1) selected @endif>Forums</option>
                      <option value="2" @if($ct == 2) selected @endif>Blogs</option>
                      <option value="3" @if($ct == 3) selected @endif>Website Content</option>
                      <option value="4" @if($ct == 4) selected @endif>FAQ's</option>
                      <option value="5" @if($ct == 5) selected @endif>Tools</option>
                      <option value="6" @if($ct == 6) selected @endif>Others</option>
                      <option value="7" @if($ct == 7) selected @endif>US Blog</option>
                  </select>
                </div>

                <div class="col-md-3 float-left">
                  <input type="text" id="ctn_title" value="{{$title}}" class="form-control" name="ctn_title" placeholder="search by title">
                </div>

                <div class="col-md-1 float-left">
                  <a href="javascript:;" class="btn btn-primary" onclick="go_filter();">Filter</a>
                </div>

                <div class="col-md-1 float-left">
                    <a href="{{url('admin/content/add')}}" class="btn btn-primary float-md-right ml-2" role="button" aria-pressed="true"><i class="fas fa-plus"></i> New</a>
                </div>
            </div>
           
        </div>

        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered w-100" id="dataTable" cellspacing="0">
                    <thead>
                        <tr>
                            <th>No.</th>
                            <th>Category</th>
                            <th>Title</th>
                            <th>Created Date</th>
                            <th>Remark</th>
                            <th>Description</th>
                            <th>Action</th>
                        </tr>
                    </thead>

                    <tbody>
                     @php $i= 1; @endphp
                      
							@foreach($content as $value)
                            <tr>
                                <td style="width:1%">{{$i}}.</td>
                                <td style="width:3%">Others</td>
                                <td style="width:10%">{{$value->title}}</td>
                                <td style="width:3%">{{ $value->created_at->format('d-M-Y') }}</td>
                                <td style="width:9%" >{{ $value->remark }}</td>
                                <td style="width:15%" >{{ strip_tags($value->content) }}</td>
                                <td style="width:2%">
                                    <a href="{{url('admin/content/edit',$value->id)}}"><i class="fas fa-pencil-alt text-info"></i></a>
									&nbsp;&nbsp;
                                    <a href="{{url('admin/content/delete',$value->id)}}"><i class="fas fa-trash-alt text-danger"></i></a>
                                </td>
                                @php $i++; @endphp
                            </tr>
                        @endforeach
                    </tbody>
                </table>
              
            </div>
            <div class="mt-3">{!! $content->appends(request()->query())->links('pagination::bootstrap-5') !!}<div>
        </div>
    </div>
@stop

@section('css')

@stop

@section('js')

<script>
function go_filter(){
	var cat_nm = $("#cat_nm").val(); 
	var ctn_title = $("#ctn_title").val(); 
	var baseUrl = window.location.origin;
    window.location.href = baseUrl+'/admin/content/emp/index?title='+ctn_title+'&cat='+cat_nm;   
}


$('#ctn_title').on('keypress', function(e) { 
    if (e.which === 13) { 
        e.preventDefault(); 
        go_filter(); 
    }
});
</script>

@stop