@extends('mainlayout.layout')
@section('title', config('app.name') . ' | ' . $case->subject)
@section('topbar-search', 'enabled')

@section('content')
<main class="portal-workspace">
    <header class="portal-page-header"><div><a class="portal-back-link" href="{{ route('support.cases.index') }}"><i class="bx bx-left-arrow-alt"></i> Cases</a><span class="portal-eyebrow">Case {{ substr($case->public_id, 0, 8) }}</span><h1>{{ $case->subject }}</h1><p>{{ ucfirst($case->type) }} · {{ optional($case->property)->name ?: 'No project linked' }}</p></div><span class="portal-priority-label priority-{{ $case->priority }}">{{ ucfirst($case->priority) }} priority</span></header>
    @if(session('message'))<div class="alert alert-success" role="status">{{ session('message') }}</div>@endif
    <div class="portal-detail-grid"><div>
        <section class="portal-card"><header class="portal-card-header"><div><h2>Conversation and history</h2><p>Customer replies and internal operational notes.</p></div></header>
            <div class="portal-case-description"><strong>Original issue</strong><p>{{ $case->description }}</p></div>
            <form class="portal-inline-form" method="POST" action="{{ route('support.cases.events.store', $case) }}">@csrf<div class="portal-form-grid"><label><span>Entry type</span><select name="type"><option value="public_reply">Customer reply</option><option value="internal_note">Internal note</option><option value="call">Call</option><option value="message">Message</option><option value="escalation">Escalation</option></select></label><label class="portal-checkbox align-end"><input type="checkbox" name="is_customer_visible" value="1"><span>Customer-visible</span></label></div><label><span>Details</span><textarea name="body" rows="3" required></textarea></label><button class="btn btn-mlk-primary" type="submit">Add update</button></form>
            <div class="portal-timeline">@forelse($case->events as $event)<article><span class="portal-timeline-dot"></span><div><strong>{{ ucfirst(str_replace('_', ' ', $event->type)) }} @if($event->is_customer_visible)<span class="portal-status">Customer visible</span>@endif</strong><p>{{ $event->body }}</p><small>{{ optional($event->actor)->first_name }} · {{ $event->created_at->format('M d, Y H:i') }}</small></div></article>@empty<div class="portal-empty compact">No case activity recorded.</div>@endforelse</div>
        </section>
    </div><aside>
        <section class="portal-card portal-side-form"><h2>Case status</h2><div class="mb-3">@include('support.cases.partials.status-pill', ['case' => $case])</div><form method="POST" action="{{ route('support.cases.update', $case) }}">@csrf @method('PATCH')<label><span>Status</span><select name="status">@foreach(\App\Models\SupportCase::STATUSES as $status)<option value="{{ $status }}" @selected($case->status === $status)>{{ ucfirst(str_replace('_', ' ', $status)) }}</option>@endforeach</select></label><label><span>Priority</span><select name="priority">@foreach(\App\Models\SupportCase::PRIORITIES as $priority)<option value="{{ $priority }}" @selected($case->priority === $priority)>{{ ucfirst($priority) }}</option>@endforeach</select></label><label><span>Resolution</span><textarea name="resolution" rows="4">{{ $case->resolution }}</textarea></label><button class="btn btn-mlk-primary btn-block" type="submit">Save case</button></form></section>
        <section class="portal-card portal-facts"><h2>Context</h2><dl><div><dt>Customer</dt><dd>@if($case->customer)<a href="{{ route('support.customers.show', $case->customer) }}">{{ trim($case->customer->first_name . ' ' . $case->customer->last_name) }}</a>@else Not linked @endif</dd></div><div><dt>Order</dt><dd>@if($case->order)<a href="{{ route('support.orders.show', $case->order) }}">{{ $case->order->referenceid ?: $case->order->id }}</a>@else Not linked @endif</dd></div><div><dt>Project</dt><dd>@if($case->property)<a href="{{ route('support.properties.show', $case->property) }}">{{ $case->property->name }}</a>@else Not linked @endif</dd></div><div><dt>Management firm</dt><dd>@if(optional($case->property)->propertyowner)<a href="{{ route('support.property-owners.show', $case->property->propertyowner) }}">{{ $case->property->propertyowner->name }}</a>@else Not linked @endif</dd></div><div><dt>Plot</dt><dd>{{ optional($case->plot)->plotnumber ?: 'Not linked' }}</dd></div><div><dt>First response</dt><dd>{{ optional($case->first_response_due_at)->format('M d, H:i') ?: 'Not set' }}</dd></div><div><dt>Resolution target</dt><dd>{{ optional($case->resolution_due_at)->format('M d, H:i') ?: 'Not set' }}</dd></div></dl></section>
    </aside></div>
</main>
@endsection