Route call wrong method

I have this routes:

PHP Code:

$routes->group('admin', function ($routes) {

    $routes->group('media', [
        'filter'         => 'permission:manage-media',
        'namespace'        => 'App\Controllers',
        'controller'    => 'Media',
        'except'        => 'show'
    ], function ($routes) {

        $routes->get('/', 'Media::index');
        $routes->delete('(:any)', 'Media::delete/$1');
        $routes->post('move', 'Media::move');

        $routes->get('(:any)/details', 'Media::details/$1');
        $routes->get('filter', 'Media::filter');

        $routes->get('directory', 'Media::directory');
        $routes->post('directory', 'Media::directory');
        $routes->delete('directory/(:any)', 'Media::directory/$1');
    });
}); 


this is what CI returns:



now if I call a delete method for admin/media/1 all works as expected, but when I call admin/media/directory/1

using:

PHP Code:

$.ajax({
    url: `<?= route_to('admin/media/directory') ?>/1`,
    method: 'DELETE',
}).done((data, textStatus, jqXHR) => {
    Toast.fire({
        icon: 'success',
        title: jqXHR.statusText,
    });
}).fail((error) => {
    Toast.fire({
        icon: 'error',
        title: error.responseJSON.messages.error,
    });
}) 


this will call the method delete() of the Media controller instead of call the method directory, why?