@extends('backend::layouts.app')

@section('content')
    <x-ui.breadcrumb title="Magazines">
        <span>Magazines</span>
        <x-slot:actions>
             <a class="dropdown-item" href="{{ route('backend.magazine.create') }}">Create</a>
        </x-slot:actions>
    </x-ui.breadcrumb>

    <x-ui.table-card :items="$rows">
        <table class="table table-hover table-sm mb-0 ">
            <thead>
            <tr>
                <th>Title</th>
                <th>Quarter</th>
                <th>Year</th>
                <th>Published</th>
                <th style="width: 50px">Actions</th>
            </tr>
            </thead>
            <tbody>

            @foreach($rows as $row)
                <tr>
                    <td>{{ $row->title }}</td>
                    <td>{{ $row->quarter }}</td>
                    <td>{{ $row->year }}</td>
                    <td>
                        <livewire:backend.form-control.switch-button
                                table="magazine.status"
                                unique="{{ $row->id }}"
                                value="{{ (bool)$row->status }}"
                        />
                    </td>
                    <td class="td-action">
                        <x-ui.table-action>
                            <a class="dropdown-item" href="{{ route('backend.magazine.pages.manage',$row) }}">Edit pages</a>
                            <a class="dropdown-item" href="{{ route('backend.magazine.edit',$row) }}">Edit</a>

                           <form method="POST" action="{{ route('backend.magazine.destroy',$row) }}">
                                @csrf
                                @method('delete')
                                <button class="dropdown-item" type="submit">Remove</button>
                            </form>
                        </x-ui.table-action>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </x-ui.table-card>
@endsection