@extends('admin.layouts.admin_layout')
@push('css')
<style>
    .company-detail-logo { max-width: 100px; overflow: hidden; border-radius: 8px; }
    .company-detail-logo img { width: 100px; height: 100px; object-fit: cover; border-radius: 8px; display: block; }
    .company-detail-list { list-style: none; padding: 0; margin: 0; }
    .company-detail-list li { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid #f0f0f0; }
    .company-detail-list li:last-child { border-bottom: 0; }
    .company-detail-list .text-muted { font-size: 0.875rem; }
    .job-opening-item { padding: 16px 0; border-bottom: 1px solid #eee; }
    .job-opening-item:last-child { border-bottom: 0; padding-bottom: 0; }
    .job-opening-item .badge { font-weight: 500; }
</style>
@endpush
@section('content')
<div class="page-bar mb-3">
    <ul class="page-breadcrumb mb-0">
        <li><a href="{{ route('admin.home') }}">Home</a> <i class="ri ri-arrow-right-s-line text-muted"></i></li>
        <li><a href="{{ route('list.companies') }}">Companies</a> <i class="ri ri-arrow-right-s-line text-muted"></i></li>
        <li><span>Company Details</span></li>
    </ul>
</div>
@include('flash::message')

{{-- Company overview card --}}
<div class="card mb-4">
    <div class="card-body">
        <div class="row align-items-start">
            <div class="col-md-8">
                <div class="d-flex align-items-start gap-3">
                    <div class="flex-shrink-0">
                        <div class="company-detail-logo">{!! $company->printCompanyImage(100, 100) !!}</div>
                    </div>
                    <div>
                        <h4 class="mb-1">{{ $company->name }}</h4>
                        @if($company->getIndustry('industry'))
                        <p class="text-muted mb-1">{{ $company->getIndustry('industry') }}</p>
                        @endif
                        <p class="mb-0 small text-muted">
                            <i class="ri ri-calendar-line me-1"></i> {{ __('Member Since') }}, {{ $company->created_at->format('M d, Y') }}
                        </p>
                        @if($company->location)
                        <p class="mb-0 small text-muted">
                            <i class="ri ri-map-pin-line me-1"></i> {{ $company->location }}
                        </p>
                        @endif
                    </div>
                </div>
            </div>
            <div class="col-md-4 mt-3 mt-md-0">
                <div class="border-start ps-3">
                    @if(!empty($company->phone))
                    <p class="mb-1 small"><i class="ri ri-phone-line me-1 text-muted"></i> <a href="tel:{{ $company->phone }}">{{ $company->phone }}</a></p>
                    @endif
                    @if(!empty($company->email))
                    <p class="mb-1 small"><i class="ri ri-mail-line me-1 text-muted"></i> <a href="mailto:{{ $company->email }}">{{ $company->email }}</a></p>
                    @endif
                    @if(!empty($company->website) && filter_var($company->website, FILTER_VALIDATE_URL) !== false)
                    <p class="mb-1 small"><i class="ri ri-global-line me-1 text-muted"></i> <a href="{{ $company->website }}" target="_blank" rel="noopener">{{ \Illuminate\Support\Str::limit($company->website, 40) }}</a></p>
                    @else
                    <p class="mb-1 small text-muted">URL not present in profile</p>
                    @endif
                    @if($company->getSocialNetworkHtml())
                    <div class="mt-2">{!! $company->getSocialNetworkHtml() !!}</div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row g-3">
    <div class="col-lg-8">
        {{-- About Company --}}
        <div class="card mb-0">
            <div class="card-header">
                <h5 class="card-title mb-0"><i class="ri ri-information-line me-1"></i> {{ __('About Company') }}</h5>
            </div>
            <div class="card-body">
                <div class="prose">{!! $company->description !!}</div>
            </div>
        </div>

        {{-- Job Openings --}}