@extends('layouts.simple.master')

@section('title', trans(app()->getLocale() . '.view_company'))

@section('css')
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/animate.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/quill.snow.css') }}">
    <style>
        .company-details-wrapper .social-tabs {
            margin-top: 20px;
        }
        .company-details-wrapper .social-box {
            cursor: pointer;
            transition: all 0.3s ease;
        }
        .company-details-wrapper .social-box:hover {
            transform: translateY(-2px);
        }
        .company-details-wrapper .seller-details {
            list-style: none;
            padding: 0;
        }
        .company-details-wrapper .seller-details li {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 12px 0;
            border-bottom: 1px solid #f1f1f1;
        }
        .company-details-wrapper .seller-details li:last-child {
            border-bottom: none;
        }
        .company-details-wrapper .seller-details li div {
            display: flex;
            align-items: center;
            gap: 10px;
        }
        .company-details-wrapper .seller-details li div i {
            color: var(--theme-default);
            width: 20px;
        }
        .company-details-wrapper .seller-details li div h6 {
            margin: 0;
            font-size: 14px;
            font-weight: 600;
        }
        .company-details-wrapper .seller-details li span {
            font-size: 14px;
            color: #666;
        }
        .company-details-wrapper .company-filter {
            padding: 8px 16px;
            margin-right: 8px;
            border-radius: 6px;
            cursor: pointer;
            transition: all 0.3s ease;
            display: inline-block;
            background-color: #f8f9fa;
            color: #666;
            font-weight: 500;
        }
        .company-details-wrapper .company-filter:hover {
            background-color: #e9ecef;
            color: var(--theme-default);
        }
        .company-details-wrapper .company-filter.active {
            background-color: var(--theme-default);
            color: white;
        }
    </style>
@endsection

@section('main_content')
    <div class="container-fluid">
        <div class="page-title">
            <div class="row">
                <div class="col-sm-6">
                    <h3>{{ trans(app()->getLocale() . '.company_details') }}</h3>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}"> <svg class="stroke-icon">
                                    <use href="{{ asset('assets/svg/icon-sprite.svg#stroke-home') }}"></use>
                                </svg></a></li>
                        <li class="breadcrumb-item"><a href="{{ route('admin.company.index') }}">{{ trans(app()->getLocale() . '.companies') }}</a></li>
                        <li class="breadcrumb-item active">{{ trans(app()->getLocale() . '.view_company') }}</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
    <!-- Container-fluid starts-->
    <div class="container-fluid company-details-wrapper">
        <!-- Stats Cards Section -->
        <div class="row">
            <div class="col-12">
                <div class="row">
                    <div class="col-xxl-3 col-sm-6">
                        <div class="card widget-11 widget-hover">
                            <div class="card-body">
                                <div class="common-align justify-content-start">
                                    <div class="analytics-tread bg-light-secondary"><svg class="fill-primary">
                                            <use href="{{ asset('assets/svg/icon-sprite.svg#c-revenue') }}"></use>
                                        </svg></div>
                                    <div>
                                        <span class="c-o-light">{{ trans(app()->getLocale() . '.valuation') }}</span>
                                        <h4>{{ $company->valuation ?? 'N/A' }}</h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xxl-3 col-sm-6">
                        <div class="card widget-11 widget-hover">
                            <div class="card-body">
                                <div class="common-align justify-content-start">
                                    <div class="analytics-tread bg-light-primary"><svg class="fill-primary">
                                            <use href="{{ asset('assets/svg/icon-sprite.svg#new-order') }}"></use>
                                        </svg></div>
                                    <div>
                                        <span class="c-o-light">{{ trans(app()->getLocale() . '.investment_amount') }}</span>
                                        <h4>{{ $company->amount ?? 'N/A' }}</h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xxl-3 col-sm-6">
                        <div class="card widget-11 widget-hover">
                            <div class="card-body">
                                <div class="common-align justify-content-start">
                                    <div class="analytics-tread bg-light-warning"><svg class="stroke-warning">
                                            <use href="{{ asset('assets/svg/icon-sprite.svg#stroke-board') }}"></use>
                                        </svg></div>
                                    <div>
                                        <span class="c-o-light">{{ trans(app()->getLocale() . '.equity_offered') }}</span>
                                        <h4>{{ $company->equity ?? 'N/A' }}</h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xxl-3 col-sm-6">
                        <div class="card widget-11 widget-hover">
                            <div class="card-body">
                                <div class="common-align justify-content-start">
                                    <div class="analytics-tread bg-light-success"><svg class="fill-success">
                                            <use href="{{ asset('assets/svg/icon-sprite.svg#analytics-user') }}"></use>
                                        </svg></div>
                                    <div>
                                        <span class="c-o-light">{{ trans(app()->getLocale() . '.total_files') }}</span>
                                        <h4><span class="counter" data-target="{{ $company->files->count() }}">{{ $company->files->count() }}</span></h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Tabs Section -->
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header common-space">
                        <div class="common-f-start">
                            <span class="company-filter active" onclick="showTab('profile')">
                                <i class="fa-solid fa-user me-1"></i> {{ trans(app()->getLocale() . '.profile') }}
                            </span>

                            <span class="company-filter" onclick="showTab('ask')">
                                <i class="fa-solid fa-dollar-sign me-1"></i> {{ trans(app()->getLocale() . '.ask') }}
                            </span>
                            <span class="company-filter" onclick="showTab('information')">
                                <i class="fa-solid fa-info-circle me-1"></i> {{ trans(app()->getLocale() . '.information') }}
                            </span>
                            <span class="company-filter" onclick="showTab('files')">
                                <i class="fa-solid fa-file me-1"></i> {{ trans(app()->getLocale() . '.files') }}
                            </span>
                        </div>
                    </div>
                    <div class="card-body">

                            <!-- Tabs Content -->
                            <div class="tab-content" id="company-tabContent">
                                <!-- Profile Tab -->
                                <div class="tab-pane fade show active" id="tab-profile" role="tabpanel">
                                    <div class="row mt-4">
                                        <div class="col-xl-9">
                                            <div class="row">
                                                <div class="col-12">
                                                    <div class="card">
                                                        <div class="card-body">
                                                            <div class="row">
                                                                <div class="col-md-6 mb-4">
                                                                    <div class="common-f-start">
                                                                        @if ($company->logo_id && $company->logo)
                                                                            <img src="{{ $company->logo->getFileUrl() }}" alt="Company Logo" style="width: 80px; height: 80px; border-radius: 10px; object-fit: cover;">
                                                                        @else
                                                                            <div class="initial-letter d-inline-flex align-items-center justify-content-center" style="width: 80px; height: 80px; border-radius: 10px; background-color: var(--theme-default); color: white; font-size: 32px; font-weight: bold;">
                                                                                {{ strtoupper(substr($company->name ?? 'N', 0, 1)) }}
                                                                            </div>
                                                                        @endif
                                                                        <div class="ms-3">
                                                                            <h5>{{ $company->name ?? 'N/A' }}</h5>
                                                                            @php
                                                                                $locale = app()->getLocale();
                                                                                $categoryName = $company->category && is_array($company->category->name) ? ($company->category->name[$locale] ?? $company->category->name['en'] ?? $company->category->name['ar'] ?? 'N/A') : ($company->category ? $company->category->name : 'N/A');
                                                                            @endphp
                                                                            <span class="c-o-light">{{ $categoryName }}</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <ul class="seller-details mt-4">
                                                                <li>
                                                                    <div>
                                                                        <i class="fa-solid fa-building"></i>
                                                                        <h6>{{ trans(app()->getLocale() . '.company_name') }}</h6>
                                                                    </div>
                                                                    <span>{{ $company->name ?? 'N/A' }}</span>
                                                                </li>
                                                                <li>
                                                                    <div>
                                                                        <i class="fa-solid fa-layer-group"></i>
                                                                        <h6>{{ trans(app()->getLocale() . '.category') }}</h6>
                                                                    </div>
                                                                    @php
                                                                        $locale = app()->getLocale();
                                                                        $categoryName = $company->category && is_array($company->category->name) ? ($company->category->name[$locale] ?? $company->category->name['en'] ?? $company->category->name['ar'] ?? 'N/A') : ($company->category ? $company->category->name : 'N/A');
                                                                    @endphp
                                                                    <span>{{ $categoryName }}</span>
                                                                </li>
                                                                <li>
                                                                    <div>
                                                                        <i class="fa-solid fa-location-dot"></i>
                                                                        <h6>{{ trans(app()->getLocale() . '.city') }}</h6>
                                                                    </div>
                                                                    @php
                                                                        $locale = app()->getLocale();
                                                                        $cityName = $company->city && is_array($company->city->name) ? ($company->city->name[$locale] ?? $company->city->name['en'] ?? $company->city->name['ar'] ?? 'N/A') : ($company->city ? (is_string($company->city->name) ? $company->city->name : 'N/A') : 'N/A');
                                                                    @endphp
                                                                    <span>{{ $cityName }}</span>
                                                                </li>
                                                                <li>
                                                                    <div>
                                                                        <i class="fa-solid fa-chart-line"></i>
                                                                        <h6>{{ trans(app()->getLocale() . '.investment_round') }}</h6>
                                                                    </div>
                                                                    <span>{{ $company->investment_round ?? 'N/A' }}</span>
                                                                </li>
                                                                @if ($company->description)
                                                                <li>
                                                                    <div>
                                                                        <i class="fa-solid fa-file-lines"></i>
                                                                        <h6>{{ trans(app()->getLocale() . '.description') }}</h6>
                                                                    </div>
                                                                    <span>{{ $company->description }}</span>
                                                                </li>
                                                                @endif
                                                                <li>
                                                                    <div>
                                                                        <i class="fa-solid fa-calendar"></i>
                                                                        <h6>{{ trans(app()->getLocale() . '.created_at') }}</h6>
                                                                    </div>
                                                                    <span>{{ $company->created_at}}</span>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-3">
                                            <div class="card">
                                                <div class="card-body">
                                                    <h5 class="mb-3">{{ trans(app()->getLocale() . '.company_owner') }}</h5>
                                                    <div class="common-f-start mb-3">
                                                        @if ($company->owner && $company->owner->image)
                                                            <img src="{{ $company->owner->image->getFileUrl() }}" alt="Owner" style="width: 60px; height: 60px; border-radius: 50%; object-fit: cover;">
                                                        @else
                                                            <div class="initial-letter d-inline-flex align-items-center justify-content-center" style="width: 60px; height: 60px; border-radius: 50%; background-color: var(--theme-default); color: white; font-size: 24px; font-weight: bold;">
                                                                {{ strtoupper(substr($company->owner->name ?? 'N', 0, 1)) }}
                                                            </div>
                                                        @endif
                                                        <div class="ms-3">
                                                            <h6>{{ $company->owner ? $company->owner->name : 'N/A' }}</h6>
                                                            @php
                                                                $ownerTypeLabel = $company->owner && $company->owner->type ? trans(app()->getLocale() . '.' . $company->owner->type) : 'N/A';
                                                            @endphp
                                                            <span class="c-o-light">{{ $ownerTypeLabel }}</span>
                                                        </div>
                                                    </div>
                                                    <ul class="seller-details">
                                                        <li>
                                                            <div>
                                                                <i class="fa-solid fa-envelope"></i>
                                                                <h6>{{ trans(app()->getLocale() . '.email') }}</h6>
                                                            </div>
                                                            <span>{{ $company->owner ? $company->owner->email : 'N/A' }}</span>
                                                        </li>
                                                        <li>
                                                            <div>
                                                                <i class="fa-solid fa-phone"></i>
                                                                <h6>{{ trans(app()->getLocale() . '.phone') }}</h6>
                                                            </div>
                                                            <span>{{ $company->owner && $company->owner->normalized ? $company->owner->normalized : ($company->owner && $company->owner->country_code && $company->owner->number ? $company->owner->country_code . ' ' . $company->owner->number : 'N/A') }}</span>
                                                        </li>
                                                        <li>
                                                            <div>
                                                                <i class="fa-solid fa-user-tag"></i>
                                                                <h6>{{ trans(app()->getLocale() . '.user_type') }}</h6>
                                                            </div>
                                                            @php
                                                                $ownerTypeLabel = $company->owner && $company->owner->type ? trans(app()->getLocale() . '.' . $company->owner->type) : 'N/A';
                                                            @endphp
                                                            <span>{{ $ownerTypeLabel }}</span>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- Ask Tab -->
                                <div class="tab-pane fade" id="tab-ask" role="tabpanel">
                                    <div class="card-body pb-0 mt-4">
                                        <ul class="seller-details">
                                            <li>
                                                <div>
                                                    <i class="fa-solid fa-money-bill-wave"></i>
                                                    <h6>{{ trans(app()->getLocale() . '.use_for_funds') }}</h6>
                                                </div>
                                                <span>{{ $company->use_for_funds ?? 'N/A' }}</span>
                                            </li>
                                            <li>
                                                <div>
                                                    <i class="fa-solid fa-percent"></i>
                                                    <h6>{{ trans(app()->getLocale() . '.equity') }}</h6>
                                                </div>
                                                <span>{{ $company->equity ?? 'N/A' }}</span>
                                            </li>
                                            <li>
                                                <div>
                                                    <i class="fa-solid fa-dollar-sign"></i>
                                                    <h6>{{ trans(app()->getLocale() . '.amount') }}</h6>
                                                </div>
                                                <span>{{ $company->amount ?? 'N/A' }}</span>
                                            </li>
                                            <li>
                                                <div>
                                                    <i class="fa-solid fa-chart-line"></i>
                                                    <h6>{{ trans(app()->getLocale() . '.valuation') }}</h6>
                                                </div>
                                                <span>{{ $company->valuation ?? 'N/A' }}</span>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <!-- Information Tab -->
                                <div class="tab-pane fade" id="tab-information" role="tabpanel">
                                    <div class="card-body pb-0 mt-4">
                                        @if($companyFields->count() > 0)
                                            <ul class="seller-details">
                                                @foreach($companyFields as $field)
                                                    @php
                                                        $fieldValue = $company->fieldValues->where('company_field_id', $field->id)->first();
                                                    @endphp
                                                    <li>
                                                        <div>
                                                            <i class="fa-solid fa-list"></i>
                                                            <h6>{{ $field->label }}</h6>
                                                        </div>
                                                        <span>{{ $fieldValue && $fieldValue->value ? $fieldValue->value : '-' }}</span>
                                                    </li>
                                                @endforeach
                                            </ul>
                                        @else
                                            <div class="text-center py-5">
                                                <i class="fa-solid fa-list" style="font-size: 64px; color: #dee2e6;"></i>
                                                <p class="text-muted mt-3">{{ trans(app()->getLocale() . '.no_company_fields_defined') }}</p>
                                            </div>
                                        @endif
                                    </div>
                                </div>

                                <!-- Files Tab -->
                                <div class="tab-pane fade" id="tab-files" role="tabpanel">
                                    <div class="card-body pb-0 mt-4">
                                        <div class="row">
                                            @forelse($company->files as $file)
                                                <div class="col-md-4 col-sm-6 mb-4">
                                                    <div class="card">
                                                        <div class="card-body">
                                                            <div class="d-flex justify-content-between align-items-start mb-3">
                                                                <div class="d-flex align-items-center">
                                                                    <div class="file-icon me-3">
                                                                        @if(in_array($file->ext, ['pdf']))
                                                                            <i class="fa-solid fa-file-pdf" style="font-size: 40px; color: #dc3545;"></i>
                                                                        @elseif(in_array($file->ext, ['doc', 'docx']))
                                                                            <i class="fa-solid fa-file-word" style="font-size: 40px; color: #0d6efd;"></i>
                                                                        @elseif(in_array($file->ext, ['xls', 'xlsx']))
                                                                            <i class="fa-solid fa-file-excel" style="font-size: 40px; color: #198754;"></i>
                                                                        @elseif(in_array($file->ext, ['jpg', 'jpeg', 'png', 'gif']))
                                                                            <i class="fa-solid fa-file-image" style="font-size: 40px; color: #0dcaf0;"></i>
                                                                        @else
                                                                            <i class="fa-solid fa-file" style="font-size: 40px; color: #6c757d;"></i>
                                                                        @endif
                                                                    </div>
                                                                    <div>
                                                                        <h6 class="mb-1">{{ $file->name ?? trans(app()->getLocale() . '.untitled') }}</h6>
                                                                        <p class="text-muted mb-0" style="font-size: 12px;">
                                                                            {{ $file->size ?? 'N/A' }} • {{ strtoupper($file->ext ?? 'N/A') }}
                                                                        </p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="d-flex justify-content-between align-items-center">
                                                                <span class="badge
                                                                    @if($file->pivot->privacy == 'public') badge-light-success
                                                                    @elseif($file->pivot->privacy == 'protected') badge-light-warning
                                                                    @elseif($file->pivot->privacy == 'high_protected') badge-light-danger
                                                                    @else badge-light-secondary
                                                                    @endif" style="font-size: 11px;">
                                                                    @if($file->pivot->privacy == 'public')
                                                                        <i class="fa-solid fa-globe me-1"></i> {{ trans(app()->getLocale() . '.public') }}
                                                                    @elseif($file->pivot->privacy == 'protected')
                                                                        <i class="fa-solid fa-lock me-1"></i> {{ trans(app()->getLocale() . '.protected') }}
                                                                    @elseif($file->pivot->privacy == 'high_protected')
                                                                        <i class="fa-solid fa-shield-halved me-1"></i> {{ trans(app()->getLocale() . '.high_protected') }}
                                                                    @else
                                                                        {{ ucfirst(str_replace('_', ' ', $file->pivot->privacy)) }}
                                                                    @endif
                                                                </span>
                                                                <a href="{{ $file->getFileUrl() }}" target="_blank" class="btn btn-sm btn-primary">
                                                                    <i class="fa-solid fa-download"></i> {{ trans(app()->getLocale() . '.view') }}
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            @empty
                                                <div class="col-12">
                                                    <div class="card">
                                                        <div class="card-body text-center py-5">
                                                            <i class="fa-solid fa-file-circle-question" style="font-size: 64px; color: #dee2e6;"></i>
                                                            <p class="text-muted mt-3">{{ trans(app()->getLocale() . '.no_files_uploaded') }}</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endforelse
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Container-fluid Ends-->
@endsection

@section('scripts')
    <script src="{{ asset('assets/js/counter/counter-custom.js') }}"></script>
    <script>
        // Initialize counter animation
        document.addEventListener('DOMContentLoaded', function() {
            if (typeof counter !== 'undefined') {
                counter();
            }
        });

        // Tab switching function
        function showTab(tabName) {
            // Hide all tabs
            document.querySelectorAll('.tab-pane').forEach(tab => {
                tab.classList.remove('show', 'active');
            });

            // Remove active class from all filters
            document.querySelectorAll('.company-filter').forEach(filter => {
                filter.classList.remove('active');
            });

            // Show selected tab
            const selectedTab = document.getElementById('tab-' + tabName);
            if (selectedTab) {
                selectedTab.classList.add('show', 'active');
            }

            // Add active class to clicked filter
            event.target.closest('.company-filter').classList.add('active');
        }
    </script>
@endsection