% layout 'standard', title => 'Dashboard', sb_active => 'dashboard';

%= include 'dashboard/_blog_nav', page => 'media'

% if ( my $confirmation = flash 'confirmation' ) {
    <div style="margin-top: 2em" class="alert alert-success" role="alert">
    <%== $confirmation %>
    </div>
%  }

% if ( my $error_message = flash 'error_message' ) {
    <div style="margin-top: 2em" class="alert alert-danger" role="alert">
    <%== $error_message %>
    </div>
%  }

% if ( $c->stash->{success} ) {
    <div style="margin-top: 2em" class="alert alert-success" role="alert">
    <%= $c->stash->{success_message} %>
    </div>
%  }

% if ( $c->stash->{errors} ) {
    <div style="margin-top: 2em" class="alert alert-danger" role="alert">
        There were errors with your request that could not be resolved:
        <ul>
%      for my $error ( @{$c->stash->{errors}} ) {
            <li><%= $error %></li>
%  }
        </ul>
    </div>
%  }

<form class="row mt-3 gy-2 gx-3 align-items-center" method="POST" enctype="multipart/form-data" action="<%= $c->url_for( 'do_dashboard_blog_media' ) %>">
    <div class="col-auto">
        <label for="upload" class="col-form-label">Upload Images</label>
    </div>
    <div class="col-auto">
        <input type="file" class="form-control" id="upload" name="upload" >
    </div>
    <div class="col-auto">
        <button type="submit" class="btn btn-sm btn-primary">Upload File</button>
    </div>
</form>

% if ( $media_files ) {
    <table style="border: 1px solid #ccc" class="table mt-5">
        <tbody>
            <tr>
                <th class="text-nowrap">Image</th>
                <th class="text-nowrap">Embedd Link</th>
                <th class="text-nowrap">Delete</th>
            </tr>
        </thead>
        <tbody>
            % for my $media_file ( @{$media_files} ) { 
            <tr>
                <td><img width="250px" src="<%= $media_file->{url} %>"></img></td>
                <td><%= $media_file->{markdown} %></td>
                <td>
                    <form style="margin-top: 1.5em" method="POST" action="<%= $c->url_for( 'do_dashboard_blog_media_remove', { file => $media_file->{filename} } ) %>">
                        <input type="hidden" name="setting" value="webroot">
                        <button type="submit" class="btn btn-sm btn-danger float-end">Delete Media File</button>
                    </form>
                </td>
            </tr>
            % }
        </tbody>
    </table>
% }