@extends('layouts.app')
@section('title','Company 360 - '.$company->name_en)
@section('content')
<div class="space-y-5" x-data="{tab:'overview',contact:false,upload:false}">
<header class="erp-panel"><div class="flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between"><div><div class="flex items-center gap-2"><span class="erp-status" data-status="{{ $company->status }}">{{ str($company->status)->replace('_',' ')->title() }}</span><span class="font-mono text-xs font-bold text-orange-600">{{ $company->company_code }}</span></div><h1 class="mt-2 text-2xl font-bold text-[#0b1f38]">{{ $company->name_en }}</h1><p class="text-xs text-slate-500">{{ $company->trade_license_number ?: 'No trade license recorded' }} · {{ $company->trn ?: 'No TRN' }} · {{ $company->industry ?: 'Industry not set' }}</p></div><div class="flex flex-wrap gap-2"><a href="{{ route('app.corporate.companies.edit',$company) }}" class="rounded-xl border px-4 py-2 text-xs font-bold">Edit profile</a><button @click="contact=true" class="rounded-xl bg-slate-900 px-4 py-2 text-xs font-bold text-white">+ Contact</button><button @click="upload=true;tab='documents'" class="rounded-xl bg-orange-600 px-4 py-2 text-xs font-bold text-white">+ Document</button><a href="{{ route('app.corporate.employees.create',['company_id'=>$company->id]) }}" class="rounded-xl bg-blue-600 px-4 py-2 text-xs font-bold text-white">+ Employee</a></div></div><nav class="mt-5 flex gap-1 overflow-x-auto border-t pt-4 text-xs font-bold">@foreach(['overview'=>'Overview','contacts'=>'Contacts','employees'=>'Employees','documents'=>'Documents','renewals'=>'Renewals','finance'=>'Finance','activity'=>'Activity'] as $key=>$label)<button @click="tab='{{ $key }}'" :class="tab==='{{ $key }}'?'bg-[#0b1f38] text-white':'text-slate-500'" class="rounded-xl px-4 py-2">{{ $label }}</button>@endforeach</nav></header>

<section x-show="tab==='overview'" class="grid gap-5 lg:grid-cols-3"><article class="erp-panel lg:col-span-2"><div class="erp-panel-heading"><div><h2>Legal and government profile</h2><p>Current company master data.</p></div></div><dl class="mt-4 grid gap-4 text-xs sm:grid-cols-2 lg:grid-cols-3">@foreach(['Legal name'=>$company->legal_name,'Trade name'=>$company->trade_name,'Business type'=>$company->business_type,'License authority'=>$company->licensing_authority,'License expiry'=>optional($company->trade_license_expiry)->format('d M Y'),'Establishment card'=>$company->establishment_card_number,'Establishment expiry'=>optional($company->establishment_card_expiry)->format('d M Y'),'Immigration file'=>$company->immigration_file_number,'Immigration expiry'=>optional($company->immigration_expiry)->format('d M Y'),'MOHRE number'=>$company->mohre_establishment_number,'Main sponsor'=>$company->main_sponsor_owner,'Address'=>collect([$company->address,$company->area,$company->emirate])->filter()->join(', ')] as $label=>$value)<div><dt class="text-[10px] uppercase text-slate-400">{{ $label }}</dt><dd class="mt-1 font-bold text-slate-800">{{ $value ?: 'Not set' }}</dd></div>@endforeach</dl></article><article class="erp-panel"><div class="erp-panel-heading"><div><h2>Commercial account</h2><p>Live credit exposure.</p></div></div><dl class="mt-4 space-y-3 text-xs"><div class="rounded-xl bg-slate-50 p-3"><dt>Credit limit</dt><dd class="text-xl font-bold">AED {{ number_format((float)$company->credit_limit,2) }}</dd></div><div class="flex justify-between"><dt>Terms</dt><dd class="font-bold">{{ $company->credit_days }} days</dd></div><div class="flex justify-between"><dt>Account manager</dt><dd class="font-bold">{{ $company->accountManager?->name??'Unassigned' }}</dd></div><div class="flex justify-between"><dt>Employees</dt><dd class="font-bold">{{ $company->corporateEmployees->count() }}</dd></div></dl></article></section>

<section x-show="tab==='contacts'" class="erp-panel"><div class="erp-panel-heading"><div><h2>Authorized contacts</h2><p>People permitted to coordinate company work.</p></div><button @click="contact=true">+ Add</button></div><div class="mt-4 overflow-x-auto"><table class="erp-table"><thead><tr><th>Name</th><th>Role / Department</th><th>Mobile</th><th>Email</th><th>Authorization</th></tr></thead><tbody>@forelse($company->contacts as $c)<tr><td><strong>{{ $c->name }}</strong><small>{{ $c->is_primary?'Primary contact':'' }}</small></td><td>{{ collect([$c->designation,$c->department])->filter()->join(' · ') }}</td><td>{{ $c->mobile }}<small>{{ $c->whatsapp }}</small></td><td>{{ $c->email }}</td><td>{{ str($c->authorization_level)->title() }}</td></tr>@empty<tr><td colspan="5"><div class="erp-empty"><strong>No contacts</strong><p>Add an authorized HR, PRO or owner contact.</p></div></td></tr>@endforelse</tbody></table></div></section>

<section x-show="tab==='employees'" class="erp-panel"><div class="erp-panel-heading"><div><h2>Corporate employee roster</h2><p>Identity and expiring document workload.</p></div><a href="{{ route('app.corporate.employees.create',['company_id'=>$company->id]) }}">+ Employee</a></div><div class="mt-4 overflow-x-auto"><table class="erp-table"><thead><tr><th>Employee</th><th>Designation</th><th>Identity</th><th>Current documents</th><th>Status</th></tr></thead><tbody>@forelse($company->corporateEmployees as $e)<tr><td><a href="{{ route('app.corporate.employees.show',$e) }}" class="font-bold text-blue-700">{{ $e->full_name }}</a><small>{{ $e->corporate_employee_code }}</small></td><td>{{ collect([$e->designation,$e->department])->filter()->join(' · ') }}</td><td>{{ $e->passport_number }}<small>{{ $e->emirates_id }}</small></td><td>{{ $e->currentDocuments->count() }}</td><td><span class="erp-status" data-status="{{ $e->status }}">{{ str($e->status)->replace('_',' ')->title() }}</span></td></tr>@empty<tr><td colspan="5"><div class="erp-empty"><strong>No employees</strong><p>Add employees individually or through bulk import.</p></div></td></tr>@endforelse</tbody></table></div></section>

<section x-show="tab==='documents'" class="space-y-5"><article x-show="upload" class="erp-panel"><div class="erp-panel-heading"><div><h2>Upload company document</h2><p>A new upload becomes current; prior versions remain immutable.</p></div><button @click="upload=false">×</button></div><form method="POST" enctype="multipart/form-data" action="{{ route('app.corporate.companies.documents.store',$company) }}" class="mt-4 grid gap-3 md:grid-cols-4">@csrf<select name="document_type" class="erp-input" required>@foreach(['trade_license','establishment_card','immigration_card','mohre_labour_card','vat_certificate','moa','tenancy_contract','ejari','chamber_certificate','insurance','bank_document','owner_passport','owner_eid','partner_document','noc','other'] as $v)<option value="{{ $v }}">{{ str($v)->replace('_',' ')->title() }}</option>@endforeach</select><input name="document_number" placeholder="Document number" class="erp-input"><input type="date" name="issue_date" class="erp-input"><input type="date" name="expiry_date" class="erp-input"><input name="issuing_country" placeholder="Issuing country" class="erp-input"><input name="issuing_authority" placeholder="Issuing authority" class="erp-input"><input type="file" name="attachment" accept=".pdf,.jpg,.jpeg,.png,.webp" class="erp-input" required><label class="flex items-center gap-2 text-xs"><input type="checkbox" name="reminder_enabled" value="1" checked>Expiry reminders</label><textarea name="notes" placeholder="Private notes" class="erp-input md:col-span-3"></textarea><button class="rounded-xl bg-orange-600 px-4 text-xs font-bold text-white">Upload version</button></form></article><article class="erp-panel"><div class="erp-panel-heading"><div><h2>Secure document vault</h2><p>Private local storage, verification and complete version history.</p></div><button @click="upload=true">+ Upload</button></div><div class="mt-4 overflow-x-auto"><table class="erp-table"><thead><tr><th>Document</th><th>Validity</th><th>Version</th><th>Review</th><th>Actions</th></tr></thead><tbody>@forelse($company->documents->sortByDesc('id') as $d)<tr><td><strong>{{ str($d->document_type)->replace('_',' ')->title() }}</strong><small>{{ $d->document_number?:'No number' }}</small></td><td>{{ optional($d->expiry_date)->format('d M Y')?:'No expiry' }}<small>{{ $d->status }}</small></td><td>v{{ $d->version_number }} · {{ $d->is_current?'Current':'Historical' }}</td><td><span class="erp-status" data-status="{{ $d->verification_status }}">{{ str($d->verification_status)->title() }}</span></td><td><div class="flex flex-wrap gap-2">@if($d->attachment_path)<a href="{{ route('app.corporate.companies.documents.preview',[$company,$d]) }}" target="_blank">Preview</a><a href="{{ route('app.corporate.companies.documents.download',[$company,$d]) }}">Download</a>@endif<a href="{{ route('app.corporate.companies.documents.history',[$company,$d]) }}">History</a>@if($d->verification_status==='pending')<form method="POST" action="{{ route('app.corporate.companies.documents.review',[$company,$d]) }}">@csrf<input type="hidden" name="decision" value="verified"><button class="font-bold text-emerald-700">Verify</button></form>@endif</div></td></tr>@empty<tr><td colspan="5"><div class="erp-empty"><strong>No company documents</strong><p>Upload the trade license and establishment records.</p></div></td></tr>@endforelse</tbody></table></div></article></section>

<section x-show="tab==='renewals'" class="erp-panel"><div class="erp-panel-heading"><div><h2>Renewal pipeline</h2><p>Document-driven opportunities.</p></div></div><div class="mt-4 overflow-x-auto"><table class="erp-table"><thead><tr><th>Renewal</th><th>Document</th><th>Expiry</th><th>Owner</th><th>Status</th></tr></thead><tbody>@forelse($renewals as $r)<tr><td><a href="{{ route('app.renewals.show',$r) }}" class="font-bold">{{ $r->renewal_number }}</a></td><td>{{ str($r->document_type)->replace('_',' ')->title() }}</td><td>{{ optional($r->expiry_date)->format('d M Y') }}</td><td>{{ $r->assignedUser?->name??'Unassigned' }}</td><td>{{ str($r->status)->replace('_',' ')->title() }}</td></tr>@empty<tr><td colspan="5"><div class="erp-empty"><strong>No renewals</strong></div></td></tr>@endforelse</tbody></table></div></section>
<section x-show="tab==='finance'" class="erp-panel"><div class="erp-panel-heading"><div><h2>Invoices and receipts</h2><p>Corporate balances and payment evidence.</p></div></div><div class="mt-4 overflow-x-auto"><table class="erp-table"><thead><tr><th>Invoice</th><th>Date</th><th>Total</th><th>Balance</th><th>Status</th></tr></thead><tbody>@forelse($invoices as $i)<tr><td><a href="{{ route('app.billing.invoices.show',$i) }}">{{ $i->invoice_number }}</a></td><td>{{ optional($i->invoice_date)->format('d M Y') }}</td><td>AED {{ number_format((float)$i->total_amount,2) }}</td><td>AED {{ number_format((float)$i->balance_due,2) }}</td><td>{{ str($i->status)->title() }}</td></tr>@empty<tr><td colspan="5"><div class="erp-empty"><strong>No invoices</strong></div></td></tr>@endforelse</tbody></table></div></section>
<section x-show="tab==='activity'" class="erp-panel"><div class="erp-panel-heading"><div><h2>Audit activity</h2><p>Company and document history.</p></div></div><div class="mt-4 divide-y">@forelse($activity as $a)<div class="flex justify-between py-3 text-xs"><span><strong>{{ str($a->action)->replace('.',' ')->title() }}</strong><small class="block text-slate-400">{{ $a->user?->name??'System' }}</small></span><time>{{ optional($a->created_at)->format('d M Y H:i') }}</time></div>@empty<div class="erp-empty"><strong>No activity</strong></div>@endforelse</div></section>

<div x-show="contact" x-cloak class="fixed inset-0 z-50 grid place-items-center bg-slate-950/70 p-4"><form method="POST" action="{{ route('app.corporate.companies.add_contact',$company) }}" class="w-full max-w-xl space-y-3 rounded-3xl bg-white p-6">@csrf<div class="flex justify-between"><h2 class="font-bold">Add authorized contact</h2><button type="button" @click="contact=false">×</button></div><div class="grid gap-3 sm:grid-cols-2"><input name="name" placeholder="Name *" required class="erp-input"><input name="designation" placeholder="Designation" class="erp-input"><input name="department" placeholder="Department" class="erp-input"><input name="mobile" placeholder="Mobile *" required class="erp-input"><input name="whatsapp" placeholder="WhatsApp" class="erp-input"><input type="email" name="email" placeholder="Email" class="erp-input"><input name="authorization_level" placeholder="Authorization level" class="erp-input"><label class="flex items-center gap-2 text-xs"><input type="checkbox" name="is_primary" value="1">Primary contact</label></div><button class="w-full rounded-xl bg-orange-600 p-3 text-xs font-bold text-white">Save contact</button></form></div>
</div>
@endsection