@extends('admin.layouts.app')
@section('title','CSR Company — '.$company->company_name)
@section('breadcrumb')
    <span>/</span> <a href="{{ route('admin.csr.companies.index') }}" style="color:inherit;text-decoration:none;">CSR Companies</a>
    <span>/</span> {{ $company->company_name }}
@endsection

@section('content')
<div class="page-header">
    <div>
        <h1>{{ $company->company_name }}</h1>
        <p class="page-subtitle"><code>{{ $company->company_code }}</code></p>
    </div>
    <div class="d-flex gap-2">
        @if(auth()->user()->hasPermission('csr_companies.edit'))
        <a href="{{ route('admin.csr.companies.edit',$company) }}" class="btn btn-primary"><i class="fas fa-edit me-2"></i>Edit</a>
        @endif
        <a href="{{ route('admin.csr.companies.index') }}" class="btn btn-outline-secondary"><i class="fas fa-arrow-left me-2"></i>Back</a>
    </div>
</div>

<div class="row g-4">
    <!-- Company & Contact -->
    <div class="col-lg-6">
        <div class="card h-100" style="border-top:3px solid #7c3aed;">
            <div class="card-header"><h6 class="mb-0 fw-700"><i class="fas fa-building text-primary me-2"></i>Company Details</h6></div>
            <div class="card-body" style="font-size:13px;">
                <div class="d-flex justify-content-between py-1 border-bottom"><span class="text-muted">Type</span><span>{{ $company->company_type ?? '—' }}</span></div>
                <div class="d-flex justify-content-between py-1 border-bottom"><span class="text-muted">Registration No.</span><span>{{ $company->registration_number ?? '—' }}</span></div>
                <div class="d-flex justify-content-between py-1 border-bottom"><span class="text-muted">Website</span><span>{{ $company->website_url ? '' : '—' }}
                    @if($company->website_url)<a href="{{ $company->website_url }}" target="_blank">{{ $company->website_url }}</a>@endif
                </span></div>
                <div class="d-flex justify-content-between py-1 border-bottom"><span class="text-muted">Status</span><span class="badge bg-{{ $company->status==='active'?'success':'secondary' }}">{{ ucfirst($company->status) }}</span></div>
                <div class="d-flex justify-content-between py-1"><span class="text-muted">Address</span><span class="text-end">{{ $company->address ?? '—' }}</span></div>
            </div>
        </div>
    </div>

    <div class="col-lg-6">
        <div class="card h-100" style="border-top:3px solid #2563eb;">
            <div class="card-header"><h6 class="mb-0 fw-700"><i class="fas fa-address-card text-primary me-2"></i>Contact Person</h6></div>
            <div class="card-body" style="font-size:13px;">
                <div class="d-flex justify-content-between py-1 border-bottom"><span class="text-muted">Name</span><span>{{ $company->contact_person_name ?? '—' }}</span></div>
                <div class="d-flex justify-content-between py-1 border-bottom"><span class="text-muted">Position</span><span>{{ $company->contact_position ?? '—' }}</span></div>
                <div class="d-flex justify-content-between py-1 border-bottom"><span class="text-muted">Email</span><span>{{ $company->contact_email ?? '—' }}</span></div>
                <div class="d-flex justify-content-between py-1"><span class="text-muted">Phone</span><span>{{ $company->contact_phone ?? '—' }}</span></div>
            </div>
        </div>
    </div>

    <!-- CSR Stats -->
    <div class="col-12">
        <div class="row g-3">
            <div class="col-6 col-md-3"><div class="card p-3 text-center" style="border-top:3px solid #2563eb;"><div style="font-size:11px;color:#64748b;font-weight:600;text-transform:uppercase;">Total Projects</div><div style="font-size:20px;font-weight:700;">{{ $stats['total_projects'] }}</div></div></div>
            <div class="col-6 col-md-3"><div class="card p-3 text-center" style="border-top:3px solid #16a34a;"><div style="font-size:11px;color:#64748b;font-weight:600;text-transform:uppercase;">Active</div><div style="font-size:20px;font-weight:700;">{{ $stats['active_projects'] }}</div></div></div>
            <div class="col-6 col-md-3"><div class="card p-3 text-center" style="border-top:3px solid #0369a1;"><div style="font-size:11px;color:#64748b;font-weight:600;text-transform:uppercase;">Total Budget</div><div style="font-size:18px;font-weight:700;">₹{{ number_format($stats['total_budget'],2) }}</div></div></div>
            <div class="col-6 col-md-3"><div class="card p-3 text-center" style="border-top:3px solid #dc2626;"><div style="font-size:11px;color:#64748b;font-weight:600;text-transform:uppercase;">Total Spent</div><div style="font-size:18px;font-weight:700;">₹{{ number_format($stats['total_spent'],2) }}</div></div></div>
        </div>
    </div>

    @if($company->csr_goals)
    <div class="col-12">
        <div class="card">
            <div class="card-header"><h6 class="mb-0 fw-700"><i class="fas fa-bullseye text-warning me-2"></i>CSR Goals</h6></div>
            <div class="card-body" style="font-size:13px;">{{ $company->csr_goals }}</div>
        </div>
    </div>
    @endif

    @if($company->csr_report_file)
    <div class="col-12">
        <a href="{{ fileUrl($company->csr_report_file,'csr') }}" target="_blank" class="btn btn-outline-success btn-sm"><i class="fas fa-file me-2"></i>View CSR Report File</a>
    </div>
    @endif

    <!-- Recent Projects -->
    <div class="col-12">
        <div class="card">
            <div class="card-header d-flex align-items-center justify-content-between">
                <h6 class="mb-0 fw-700"><i class="fas fa-project-diagram text-primary me-2"></i>Recent Projects</h6>
                <span class="badge bg-primary">{{ $company->projects->count() }} total</span>
            </div>
            <div class="card-body p-0">
                <table class="table table-hover mb-0">
                    <thead style="background:#f8fafc;">
                        <tr><th class="ps-3">Code</th><th>Title</th><th>Category</th><th>Budget</th><th>Spent</th><th>Status</th></tr>
                    </thead>
                    <tbody>
                        @forelse($company->projects->take(5) as $p)
                        <tr>
                            <td class="ps-3"><code style="font-size:11px;">{{ $p->project_code }}</code></td>
                            <td style="font-size:12px;"><a href="{{ route('admin.csr.projects.show',$p) }}">{{ Str::limit($p->project_title,30) }}</a></td>
                            <td style="font-size:12px;">{{ $p->category->name ?? '—' }}</td>
                            <td style="font-weight:700;">₹{{ number_format($p->budget_allocation,2) }}</td>
                            <td style="font-weight:700;color:#dc2626;">₹{{ number_format($p->total_spent,2) }}</td>
                            <td><span class="badge bg-light text-dark border">{{ ucfirst($p->status) }}</span></td>
                        </tr>
                        @empty
                        <tr><td colspan="6" class="text-center py-4 text-muted">No projects yet</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection