@extends('layouts.shared.admin-data-listing')

@section('title', 'Resources')
@section('shortDesc', 'See all resources uploaded.')
@section('url', 'admin/resources/new')

@section('filters')
<form method="GET" class="d-flex flex-column gap-3">
    <h5 class="card-title m-0">Filter</h5>

    <select name="status" class="form-select form-select-sm">
        <option disabled selected>By payment status</option>
        <option value="success">Success</option>
        <option value="failed">Failed</option>
    </select>

    <button class="btn-cta text-white fill w-100">Apply</button>
</form>
@endsection

@section('data')
<div class="table-responsive">
    <table class="table table-hover mb-0 align-middle">
        <thead>
            <tr>
                <th>
                    <h6 class="m-0">{{'#'}}</h6>
                </th>
                <th>
                    <h6 class="m-0">{{'Title'}}</h6>
                </th>
                <th>
                    <h6 class="m-0">{{'Category'}}</h6>
                </th>
                <th>
                    <h6 class="m-0 text-nowrap">{{'Price (Ksh)'}}</h6>
                </th>
                <th>
                    <h6 class="m-0">{{'Date'}}</h6>
                </th>
            </tr>
        </thead>
        <tbody>
            @forelse($resources as $key=>$resource)

            <tr>
                <td><span class="small d-block text-muted">{{$key+1}}.</span></td>
                <td>
                    <a href="{{url('admin/resources/edit/'.$resource->uuid)}}">
                        <h6 class="m-0">{{$resource->title}}</h6>
                    </a>
                    <ul class="d-flex gap-3 align-items-center">
                        <li><a href="{{url('admin/resources/edit/'.$resource->uuid)}}">
                                {{'Edit'}}
                            </a></li>
                        <li><a href="{{url('admin/resources/edit/'.$resource->uuid)}}">
                                {{'Delete'}}
                            </a></li>
                    </ul>
                </td>
                <td>
                    <ul class="d-flex flex-column" style="gap:8px">
                        @forelse($resource->categories as $category)
                        <li class="text-nowrap"><span class="status danger">{{$category->name}}</span></li>
                        @empty

                        @endforelse
                    </ul>
                </td>
                <td>{{$resource->price ?? '0'}}</td>
                <td>
                    <span class="small d-block fw-semibold">{{$resource->is_published ? 'Published' : 'Draft'}}</span>
                    <span class="small text-nowrap text-muted">{{ $resource->created_at->format('Y-m-d') }}</span>
                </td>
            </tr>
            @empty
            <p>No payment recordedso far</p>
            @endforelse
        </tbody>
    </table>
    <div class="bs-pagination">
        {{ $resources->links() }}
    </div>
</div>
@endsection