@extends('admin.master')

@section('title', @trans('Podcast Categories'))

@section('content')
    <!-- start page title -->
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <div class="page-title-right">
                    <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">@trans('Dashboard') </a></li>
                        <li class="breadcrumb-item"><a
                                href="{{ route('admin.category-podcasts.index') }}">>@trans('Categories')</a>
                        </li>
                        <li class="breadcrumb-item active">@trans('All Podcast Categories') </li>
                    </ol>
                </div>
                <h4 class="page-title">@trans('Podcast Categories') </h4>
            </div>
        </div>
    </div>
    <!-- end page title -->

    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <a href="{{ route('admin.category-podcasts.create') }}" class="btn btn-outline-primary float-end"><i
                            class="fa-solid fa-square-plus"></i></a>
                    <button type="button" class="btn btn-outline-info  " data-bs-toggle="modal"
                        data-bs-target="#staticBackdrop">
                        <i class="fa-solid fa-filter"></i>
                    </button>
                    <a href="{{ route('admin.category-podcasts.index') }}" class="btn btn-outline-primary"><i
                            class="fa-solid fa-rotate"></i></a>
                </div>
                @include('admin.pages.podcast.category._model_search')
                <div class="card-body">
                    <form id="update-pages" action="{{ route('admin.category-podcasts.actions') }}" method="post">
                        @csrf
                    </form>
                    <table class="table table-striped dt-responsive nowrap w-100">
                        <thead>
                            <tr>
                            <tr class="bluck-actions" style="display: none" scope="row">
                                <td colspan="8">
                                    <div class="col-md-12 mt-0 mb-0 text-center">
                                        <button form="update-pages" class="btn btn-success btn-sm" type="submit"
                                            name="publish" value="1">
                                            <i class="ri-star-fill"></i>
                                        </button>
                                        <button form="update-pages" class="btn btn-warning btn-sm" type="submit"
                                            name="unpublish" value="1">
                                            <i class="ri-star-s-line"></i>
                                        </button>
                                        <button form="update-pages" class="btn btn-danger btn-sm" type="submit"
                                            name="delete_all" value="1">
                                            <i class="ri-delete-bin-line"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            <th style="width: 1px">
                                <input form="update-pages" class="checkbox-check flat cursor-pointer" type="checkbox"
                                    name="check-all" id="check-all" title="check-all">
                            </th>
                            <th>#</th>
                            <th>@trans('Title') </th>
                            <th>@trans('Podcast Presenter Name') </th>
                            <th>@trans('Date') </th>
                            <th>@trans('image') </th>
                            <th>@trans('Status') </th>
                            <th>@trans('Settings') </th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($categories as $item)
                                <tr>
                                    <td>
                                        <input form="update-pages" class="checkbox-check" type="checkbox"
                                            name="record[{{ $item->id }}]" value="{{ $item->id }}">
                                    </td>
                                    <th scope="row">{{ $loop->index + 1 }}</th>
                                    <td>{{ @$item->transLocale->first()->title }}</td>
                                    <td>{{ $item->name }} </td>
                                    <td>{{ @$item->date }}</td>

                                    <td>
                                        @if ($item->image)
                                            <a href="{{ asset($item->image) }}" target="_blank">
                                                <img src="{{ $item->image}}"class="img-fluid avatar-xl" width="200"
                                                    alt="News Image">
                                            </a>
                                        @else
                                            <span class="text-muted">@trans('No images')</span>
                                        @endif
                                    </td>
                                    </td>
                                    <td>
                                        @if ($item->status == 1)
                                            <span class="badge badge-outline-success">@trans('Active') </span>
                                        @else
                                            <span class="badge badge-outline-danger">@trans('Unactive') </span>
                                        @endif
                                    </td>
                                    <td>
                                        <div class="dropdown">
                                            <button class="btn btn-outline-primary dropdown-toggle" type="button"
                                                id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false">
                                                @trans('Settings')
                                            </button>
                                            <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                                <li>
                                                    <a class="dropdown-item text-center {{ $item->status == 0 ? 'text-success' : 'text-danger' }}"
                                                        href="{{ route('admin.category-podcasts.update-status', $item->id) }}">
                                                        @if ($item->status == 1)
                                                            @trans('Unactive')
                                                        @else
                                                            @trans('Active')
                                                        @endif
                                                    </a>
                                                </li>
                                                <li>
                                                    <a class="dropdown-item text-success text-center"
                                                        href="{{ route('admin.category-podcasts.edit', $item->id) }}">
                                                        @trans('Edit')
                                                    </a>
                                                </li>
                                                <li>
                                                    <button class="dropdown-item text-danger text-center" type="button"
                                                        data-bs-toggle="modal"
                                                        data-bs-target="#danger-header-modal{{ $item->id }}">
                                                        @trans('Delete')
                                                    </button>
                                                </li>
                                            </ul>
                                        </div>



                                        @include('admin.pages.podcast.category._model_delete', [
                                            'id' => $item->id,
                                        ])
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="7" class="text-center">@trans('No categories found') </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div> <!-- end card body-->
                <div class="card-footer">
                    {{ $categories->links('vendor.pagination.bootstrap-5') }}
                </div>
            </div> <!-- end card -->
        </div><!-- end col-->
    </div>
@endsection