{% extends "layouts/dashboard.twig" %}

{% block title %}{{ title }} - {{ platformName }}{% endblock %}

{% block content %}
<div class="container-fluid px-4">
    <h1 class="mt-4">{{ title }}</h1>
    <ol class="breadcrumb mb-4">
        <li class="breadcrumb-item"><a href="{{ url('admin/dashboard') }}">{{ __('dashboard.dashboard') }}</a></li>
        <li class="breadcrumb-item"><a href="{{ url('admin/companies') }}">{{ __('company.title') }}</a></li>
        <li class="breadcrumb-item active">{{ company.bus_name }}</li>
    </ol>
    
    <div class="card mb-4">
        <div class="card-header">
            <i class="bi bi-building me-1"></i>
            {{ __('company.details_title') }}
        </div>
        <div class="card-body">
            <div class="row mb-3">
                <label class="col-sm-2 col-form-label fw-bold">{{ __('company.company_name') }}</label>
                <div class="col-sm-10">
                    <p class="form-control-plaintext">{{ company.bus_name }}</p>
                </div>
            </div>

            <div class="row mb-3">
                <label class="col-sm-2 col-form-label fw-bold">{{ __('company.slug') }}</label>
                <div class="col-sm-10">
                    <p class="form-control-plaintext">{{ company.bus_slug }}</p>
                </div>
            </div>

            <div class="row mb-3">
                <label class="col-sm-2 col-form-label fw-bold">{{ __('company.email') }}</label>
                <div class="col-sm-10">
                    <p class="form-control-plaintext">{{ company.bus_email }}</p>
                </div>
            </div>

            <div class="row mb-3">
                <label class="col-sm-2 col-form-label fw-bold">{{ __('company.description') }}</label>
                <div class="col-sm-10">
                    <p class="form-control-plaintext">{{ company.bus_description ?: __('company.na') }}</p>
                </div>
            </div>

            <div class="row mb-3">
                <label class="col-sm-2 col-form-label fw-bold">{{ __('company.phone') }}</label>
                <div class="col-sm-10">
                    <p class="form-control-plaintext">{{ company.bus_phone ?: __('company.na') }}</p>
                </div>
            </div>

            <div class="row mb-3">
                <label class="col-sm-2 col-form-label fw-bold">{{ __('company.website') }}</label>
                <div class="col-sm-10">
                    {% if company.website %}
                        <p class="form-control-plaintext">
                            <a href="{{ company.bus_website }}" target="_blank">{{ company.bus_website }}</a>
                        </p>
                    {% else %}
                        <p class="form-control-plaintext">{{ __('company.na') }}</p>
                    {% endif %}
                </div>
            </div>

            <div class="row mb-3">
                <label class="col-sm-2 col-form-label fw-bold">{{ __('company.tax_id') }}</label>
                <div class="col-sm-10">
                    <p class="form-control-plaintext">{{ company.bus_tax_id ?: __('company.na') }}</p>
                </div>
            </div>

            <div class="row mb-3">
                <label class="col-sm-2 col-form-label fw-bold">{{ __('company.business_type') }}</label>
                <div class="col-sm-10">
                    <p class="form-control-plaintext">
                        {% if company.bus_type == 'individual' %}
                            {{ __('company.individual') }}
                        {% elseif company.bus_type == 'business' %}
                            {{ __('company.business') }}
                        {% elseif company.bus_type == 'nonprofit' %}
                            {{ __('company.nonprofit') }}
                        {% else %}
                            {{ company.bus_type|capitalize }}
                        {% endif %}
                    </p>
                </div>
            </div>

            <div class="row mb-3">
                <label class="col-sm-2 col-form-label fw-bold">{{ __('company.status') }}</label>
                <div class="col-sm-10">
                    {% if company.bus_status == 'active' %}
                        <span class="badge bg-success">{{ __('company.active') }}</span>
                    {% else %}
                        <span class="badge bg-secondary">{{ __('company.inactive') }}</span>
                    {% endif %}
                </div>
            </div>

            <div class="row mb-3">
                <label class="col-sm-2 col-form-label fw-bold">{{ __('company.address') }}</label>
                <div class="col-sm-10">
                    <p class="form-control-plaintext">
                        {% if company.bus_address or company.bus_city or company.bus_state or company.bus_country or company.bus_postal_code %}
                            {{ company.bus_address }}<br>
                            {% if company.bus_city or company.bus_state or company.bus_postal_code %}
                                {{ company.bus_city }}{{ company.bus_city and company.bus_state ? ', ' : '' }}{{ company.bus_state }} {{ company.bus_postal_code }}<br>
                            {% endif %}
                            {% if company.bus_country %}
                                {{ company.bus_country }}
                            {% endif %}
                        {% else %}
                            {{ __('company.na') }}
                        {% endif %}
                    </p>
                </div>
            </div>

            <div class="row mb-3">
                <label class="col-sm-2 col-form-label fw-bold">{{ __('company.logo') }}</label>
                <div class="col-sm-10">
                    <img src="{{ company.logo_url }}" alt="{{ __('company.alt_logo') }}" class="img-thumbnail" style="max-height: 150px;">
                </div>
            </div>

            <div class="row mb-3">
                <label class="col-sm-2 col-form-label fw-bold">{{ __('company.business_card') }}</label>
                <div class="col-sm-10">
                    {% if company.bus_business_card %}
                        <img src="{{ company.business_card_url }}" alt="{{ __('company.alt_business_card') }}" class="img-thumbnail" style="max-height: 150px;">
                    {% else %}
                        <p class="form-control-plaintext">{{ __('company.na') }}</p>
                    {% endif %}
                </div>
            </div>

            <div class="row mb-3">
                <label class="col-sm-2 col-form-label fw-bold">{{ __('company.document') }}</label>
                <div class="col-sm-10">
                    {% if company.bus_document %}
                        <a href="{{ company.document_url }}" target="_blank" class="btn btn-sm btn-outline-primary">
                            <i class="bi bi-file-earmark-text me-1"></i> {{ __('company.view_document') }}
                        </a>
                    {% else %}
                        <p class="form-control-plaintext">{{ __('company.na') }}</p>
                    {% endif %}
                </div>
            </div>

            <div class="row mb-3">
                <label class="col-sm-2 col-form-label fw-bold">{{ __('company.created_at') }}</label>
                <div class="col-sm-10">
                    <p class="form-control-plaintext">{{ company.created_at|date("Y-m-d H:i:s") }}</p>
                </div>
            </div>

            <div class="row mb-3">
                <label class="col-sm-2 col-form-label fw-bold">{{ __('company.updated_at') }}</label>
                <div class="col-sm-10">
                    <p class="form-control-plaintext">{{ company.updated_at|date("Y-m-d H:i:s") }}</p>
                </div>
            </div>

            <div class="d-flex justify-content-between mt-4">
                <a href="{{ url('admin/companies') }}" class="btn btn-secondary">{{ __('company.back_to_list') }}</a>
                <div>
                    <a href="{{ url('admin/companies/' ~ company.bus_id ~ '/edit') }}" class="btn btn-primary">{{ __('company.edit_company') }}</a>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}