@php($edit = 'dashboard.episodes.edit')
@php($destroy = 'dashboard.episodes.destroy')
@php($id = "dropdownMenuButton{$episode->id}")
@php($episode_id = "EpisodeModal{$episode->id}")
@php($episode_label_id = "EpisodeModalLabel{$episode->id}")
@canany(['delete','update'],$episode)
    @if (Route::has($edit) || Route::has($destroy))
        <div class="dropdown">
            <button class="btn btn-sm btn-primary dropdown-toggle" type="button" role="button" data-toggle="dropdown"
                    aria-expanded="false">
                @lang('main.actions') <i class="mdi mdi-chevron-down"></i>
            </button>

            <div class="dropdown-menu">
                @can('update',$episode)
                    @if (Route::has($edit))
                        <a href="{{ route($edit,compact('episode')) }}" class="dropdown-item text-warning text-center">
                            <i class="fa fa-pen"></i> @lang('main.edit')
                        </a>
                    @endif
                @endcan

                @can('delete',$episode)
                    @if (Route::has($destroy))
                        <a type="button" class="dropdown-item text-center text-danger mt-2" data-toggle="modal"
                           data-target="#{{ $episode_id }}">
                            <i class="fa fa-trash "></i> @lang('main.delete')
                        </a>
                    @endif
                @endcan
            </div>
        </div>
        @can('delete',$episode)
            @if (Route::has($destroy))
                <!-- Modal -->
                <div class="modal fade" id="{{ $episode_id }}" tabindex="-1" aria-labelledby="{{ $episode_label_id }}"
                     aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="{{ $episode_label_id }}">@lang('main.delete')</h5>
                                <button type="button" class="btn-close" data-dismiss="modal"
                                        aria-label="Close"></button>
                            </div>
                            <div class="modal-body">
                                @lang("Are you sure delete this :type ? ",['type'=>'episode'])
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-sm btn-secondary"
                                        data-dismiss="modal">@lang('main.close')</button>
                                <form class="d-inline-block text-center btn btn-sm"
                                      action="{{ route($destroy,compact('episode')) }}"
                                      method="post">@csrf @method('DELETE')
                                    <button type="submit" class="btn btn-sm btn-danger">
                                        <i class="fa fa-trash"></i>
                                    </button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            @endif
        @endcan


    @endif

@endcanany