@extends('adminlte::page')

@section('title', 'Client Detail')

@section('content_header')
    <h1>Client Detail</h1>
@endsection

@section('content')
    <div class="card mb-3">
        <div class="card-body">
            <dl class="row">
                <dt class="col-sm-3">Type</dt>
                <dd class="col-sm-9">
                    <span class="badge badge-{{ $client->client_type==='corporate' ? 'primary' : 'secondary' }}">{{ ucfirst($client->client_type) }}</span>
                </dd>
                <dt class="col-sm-3">Name</dt>
                <dd class="col-sm-9">{{ $client->display_name }}</dd>
                <dt class="col-sm-3">Email</dt>
                <dd class="col-sm-9">{{ $client->email ?? '—' }}</dd>
                <dt class="col-sm-3">Phone</dt>
                <dd class="col-sm-9">{{ $client->phone ?? '—' }}</dd>
            </dl>
            <a href="{{ route('clients.edit', $client) }}" class="btn btn-warning">Edit</a>
            <a href="{{ route('clients.index') }}" class="btn btn-secondary">Back</a>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-6">
            <div class="card">
                <div class="card-header"><h3 class="card-title">Cases</h3></div>
                <div class="card-body table-responsive p-0">
                    <table class="table table-striped table-hover table-sm mb-0">
                        <thead class="thead-light">
                            <tr>
                                <th>Case No</th>
                                <th>Title</th>
                                <th>Status</th>
                                <th>Opened</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($client->cases as $case)
                            <tr>
                                <td><a href="{{ route('cases.show', $case) }}">{{ $case->case_number }}</a></td>
                                <td><a href="{{ route('cases.show', $case) }}">{{ $case->title }}</a></td>
                                <td><span class="badge badge-info">{{ ucfirst($case->status) }}</span></td>
                                <td>{{ optional($case->date_opened)->format('Y-m-d') }}</td>
                            </tr>
                            @empty
                            <tr><td colspan="4" class="text-center text-muted">No cases</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="col-lg-6">
            <div class="card">
                <div class="card-header"><h3 class="card-title">Tasks</h3></div>
                <div class="card-body table-responsive p-0">
                    <table class="table table-striped table-hover table-sm mb-0">
                        <thead class="thead-light">
                            <tr>
                                <th>Title</th>
                                <th>Case</th>
                                <th>Assignee</th>
                                <th>Due</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($client->tasks as $t)
                            <tr>
                                <td><a href="{{ route('tasks.edit', $t) }}" title="View / Edit Task">{{ $t->title }}</a></td>
                                <td>
                                    @if($t->case)
                                        <a href="{{ route('cases.show', $t->case) }}">{{ $t->case->title }}</a>
                                    @else
                                        —
                                    @endif
                                </td>
                                <td>{{ $t->assignee?->name }}</td>
                                <td>{{ optional($t->due_date)->format('Y-m-d') ?? '—' }}</td>
                                <td><span class="badge badge-secondary">{{ ucfirst($t->status) }}</span></td>
                            </tr>
                            @empty
                            <tr><td colspan="5" class="text-center text-muted">No tasks</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection

@include('partials.datatables')