@extends('layouts.mastercms')

@section('content')
<div class="content-wrapper container">
@include('flash')

<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script>

</script>

    <div class="section">
    <a href="postcreate" class="btn btn-primary my-2"><i class="fas fa-plus mr-1"></i>Create</a>
                <div class="row space-between">
                    <form>
                        <span class=" d-inline-block my-2">
                            <select class="form-select custom-select catfilter" name="category_id" aria-label="filter by category" placeholder="Filter by category">
                                <option value="">Select Category</option>
                                @foreach($category as $cat)
                                <option value="{{$cat->id}}">{{$cat->title}}</option>
                                @endforeach
                            </select>
                        </span>
                       
                        
                        <div class="d-inline-block">
                            <button class="btn btn-secondary px-4">Filter</button>
                        </div>
                    </form>
                   
                </div>
            
       
   
        <table class='table'>
            <thead>
                <tr>
                <th scope='col'>S.N</th>
                <th scope='col'>Title</th>
                <!-- <th scope='col'>Description</th> -->
                <th scope='col'>Image</th>
                <th scope='col'>File</th>
                <th scope='col'>Date</th>
                <th scope='col'>Action</th>
                </tr>
            </thead>
            
            @foreach($posts as $posts)
            <tbody>
                <tr>
                <td scope="col">{{$posts->id}}</td>
                <td scope="col"><a href="/post/{{$posts->id}}">{{$posts->title}}</a></td>
                <!-- <td scope="col">{{substr($posts->description,150)}}...</td> -->
                @if($posts->url())
                    <td scope='col'><img src="{{$posts->url()}}" width="80" height="80" alt="">
                @else
                    <td>
                    <p>No-image</p>
                    </td>
                </td>

                @endif
                
                <td scope="col">
                @foreach($posts->getMedia('files') as $files)
                    {{$files->file_name}}
                @endforeach
                </td>
                <td scope="col">{{$posts->npdate()['Y']}}-{{$posts->npdate()['F']}}-{{$posts->npdate()['d']}}</td>
                <td scope="col">
                <a href="/post/{{$posts->id}}"><i class="nav-icon fas fa-pen pr-5"></i></a>
                <form action="/postdel/{{$posts->id}}" method='POST' class="d-inline">
                    @csrf
                    @method('DELETE')
                    <button class="btn" onclick="return confirm('Are you sure you want to delete this post?');"><i class="fas fa-trash text-danger"></i></button>
                </form>
                </td>
                </tr>
            </tbody>
            @endforeach
        </table>
    </div>
</div>
@endsection