{% load action_buttons %}
{% load environment_templatetags %}

{% if recent_workflow %}
    {% if recent_workflow_failed %}
    <div class="alert alert-danger" role="alert">
            {{ recent_workflow.display_type }}
            failed! {{ workflow.error_information|default_if_none:"Try again later." }}
        </div>
    {% elif recent_workflow_succeeded %}
        <div class="alert alert-success" role="alert">
            {{ recent_workflow.display_type }}
            finished! {{ workflow_finished_message|default_if_none:"" }}
        </div>
    {% endif %}
{% endif %}

<div class="d-flex flex-column align-items-end px-4 mb-3">
    <a class="btn btn-primary btn-sm" href="{% url 'create_shared_workspace' %}">
      + Shared Workspace
    </a>
</div>

<div id="accordion">
    {% if shared_workspaces %}
        {% for workspace in shared_workspaces %}
            <div class="card {{ workspace|has_errors|yesno:'workspace-with-errors,' }}">
                <div class="card-header py-3" id="{{ heading }}">
                    <div class="d-flex justify-content-between">
                        <div>
                            <h6 class="mb-0">
                                {{ workspace.gcp_project_id }}
                            </h6>
                            {% if workspace.gcp_billing_id %}
                                {% if workspace.is_owner %}
                                    <small>
                                        <span class="d-inline font-weight-bold" style="padding-top: 0.375rem;">
                                            Billing Account:
                                        </span>
                                        <span class="d-inline font-weight-normal">
                                            ({{ billing_account_id_to_name_map|get_dict_value:workspace.gcp_billing_id }}, {{ workspace.gcp_billing_id }})
                                        </span>
                                    </small>
                                    <small class="d-block">
                                        <span style="padding-top: 0.375rem;">
                                            <a class="m-auto" href="{% url 'update_workspace_billing_account' workspace_project_id=workspace.gcp_project_id current_billing_account_id=workspace.gcp_billing_id %}">
                                                Change billing account
                                            </a>
                                        </span>
                                    </small>
                                {% endif %}
                            {% elif workspace.is_owner %}
                                {# No billing account attached - show warning and change billing button #}
                                <small>
                                    <span class="d-inline font-weight-bold text-danger" style="padding-top: 0.375rem;">
                                        ⚠️ No billing account connected
                                    </span>
                                </small>
                                <small class="d-block">
                                    <span style="padding-top: 0.375rem;">
                                        <a class="m-auto btn btn-sm btn-warning" href="{% url 'update_workspace_billing_account' workspace_project_id=workspace.gcp_project_id current_billing_account_id='none' %}">
                                            Connect billing account
                                        </a>
                                    </span>
                                </small>
                            {% endif %}
                            
                            {# Display billing-specific error message when billing issues are detected #}
                            {% if workspace|has_billing_issues %}
                                <div class="alert alert-warning mt-2 mb-2" role="alert">
                                    <strong>⚠️ Billing Configuration Required:</strong>
                                    This workspace requires billing account configuration to function properly.
                                    {% if workspace.is_owner %}
                                        <br><small>Please use the "Change billing account" button above to resolve this issue.</small>
                                    {% else %}
                                        <br><small>Please contact the workspace owner to resolve billing issues.</small>
                                    {% endif %}
                                </div>
                            {% endif %}
                            
                            {# Display service errors as badges #}
                            {% service_error_display entity=workspace group_by_severity=True %}
                        </div>
                        {% if not workspace.status.value == "created" %}
                            <div class="d-flex align-items-center justify-content-between">
                                <h6 class="m-0 mr-5">
                                    {{ workspace.status.value|capfirst }}...
                                </h6>
                                <div class="loader" style="font-size: 3.5px; margin: 0; margin-right: 0.3rem;">Loading...</div>
                            </div>
                        {% else %}
                            <div class="d-flex align-items-center">
                                {% if workspace|has_errors %}
                                    <span class="badge badge-warning ml-2">Service Issues</span>
                                {% endif %}
                                {% if workspace|has_billing_issues %}
                                    <span class="badge badge-danger ml-2">Billing Issues</span>
                                {% endif %}
                                {% shared_workspace_destroy_modal_button shared_workspace=workspace %}
                            </div>
                        {% endif %}
                    </div>
                </div>
                {% if workspace.status.value == "created" %}
                    <div class="card-body">
                        {% if workspace.buckets %}
                            {% comment %} Show buckets even if there are service errors {% endcomment %}
                            <ul class="list-group list-group-flush">
                                {% for bucket in workspace.buckets %}
                                    <li class="list-group-item">
                                        <div class="row">
                                            <div class="col-md-8">
                                                <p>
                                                    {{ bucket.name }}
                                                </p>
                                            </div>
                                            <div class="col-md-3">
                                            {% if bucket.is_owner %}
                                                {% delete_shared_bucket_modal_button shared_bucket=bucket %}
                                                <a href="{% url 'manage_shared_bucket' shared_workspace_name=workspace.gcp_project_id shared_bucket_name=bucket.name %}" class="btn btn-sm btn-primary">
                                                    Manage
                                                </a>
                                            {% elif bucket.is_admin %}
                                                <a href="{% url 'manage_shared_bucket_files' shared_workspace_name=workspace.gcp_project_id shared_bucket_name=bucket.name %}" class="btn btn-sm btn-primary">
                                                    Manage files
                                                </a>
                                            {% else %}
                                                Shared
                                            {% endif %}
                                            </div>
                                        </div>
                                    </li>
                                {% endfor %}
                            </ul>
                        {% else %}
                            <div class="text-center">
                                {% if workspace|has_billing_issues %}
                                    <div class="text-muted mb-2">
                                        <i class="fa fa-exclamation-triangle text-warning"></i>
                                        Workspace functionality disabled due to billing issues.
                                        {% if workspace.is_owner %}
                                            <br><small>Please resolve billing configuration above to create buckets.</small>
                                        {% else %}
                                            <br><small>Contact the workspace owner to resolve billing issues.</small>
                                        {% endif %}
                                    </div>
                                {% elif workspace|has_errors %}
                                    <div class="text-muted mb-2">
                                        No buckets available due to service issues above.
                                    </div>
                                {% else %}
                                    You don't have any buckets in this workspace.<br>
                                    Create one using the button below.
                                {% endif %}
                            </div>
                        {% endif %}
                        {% if workspace.is_owner and workspace|workspace_functional and not workspace|has_billing_issues %}
                        <div class="row mt-3">
                            <a class="m-auto" href="{% url 'create_shared_bucket' workspace_id=workspace.gcp_project_id %}">
                                Create shared bucket
                            </a>
                        </div>
                        {% elif workspace.is_owner and not workspace|workspace_functional %}
                        <div class="row mt-3">
                            <div class="m-auto text-muted">
                                <small>Cannot create shared bucket due to service issues above</small>
                            </div>
                        </div>
                        {% endif %}
                    </div>
                {% endif %}
            </div>
        {% endfor %}
    {% else %}
        <div class="text-center" style="margin-top: -3rem;">
            You don't have any shared workspaces yet.<br>
            Create one before creating a bucket.
        </div>
    {% endif %}
</div>