@extends('employee.layouts.app')
@section('title', get_setting('site_name').' | '.__('Disciplinary case'))
@section('content')
    @php
        $statusKey = str_replace('-', '_', (string) $case->status);
    @endphp
    <style>
        .emp-dm-wrap .card {
            border-radius: 14px;
            border: 1px solid #edf0f6;
            box-shadow: 0 0.125rem 0.5rem rgba(15, 23, 42, 0.04);
        }
        .emp-dm-wrap .card-header {
            background: #fff;
            border-bottom: 1px solid #edf0f6;
            font-weight: 700;
            padding: 0.9rem 1.15rem;
        }
        .emp-dm-badge {
            display: inline-flex;
            align-items: center;
            padding: 4px 10px;
            border-radius: 999px;
            font-size: 11px;
            font-weight: 800;
            white-space: nowrap;
        }
        .emp-dm-badge.open { background: rgba(14, 165, 233, .12); color: #0369a1; }
        .emp-dm-badge.investigation { background: rgba(245, 158, 11, .14); color: #b45309; }
        .emp-dm-badge.show_cause { background: rgba(239, 68, 68, .12); color: #991b1b; }
        .emp-dm-badge.verdict_pending { background: rgba(139, 92, 246, .12); color: #6d28d9; }
        .emp-dm-badge.closed { background: rgba(100, 116, 139, .14); color: #334155; }
        .emp-dm-badge.dismissed { background: rgba(34, 197, 94, .12); color: #166534; }
        .emp-dm-meta {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
            gap: 0.75rem;
            margin-bottom: 1.25rem;
        }
        .emp-dm-meta-item {
            background: #f8fafc;
            border: 1px solid #edf0f6;
            border-radius: 10px;
            padding: 0.75rem 0.9rem;
        }
        .emp-dm-meta-item .lbl {
            font-size: 10px;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: .06em;
            color: #64748b;
            margin-bottom: 0.25rem;
        }
        .emp-dm-meta-item .val {
            font-size: 14px;
            font-weight: 700;
            color: #0f172a;
        }
        .emp-dm-summary {
            background: #f8fafc;
            border: 1px solid #edf0f6;
            border-radius: 10px;
            padding: 1rem 1.15rem;
            font-size: 14px;
            line-height: 1.6;
            color: #334155;
            white-space: pre-wrap;
            word-break: break-word;
        }
        .emp-dm-hint {
            font-size: 0.8125rem;
            color: #64748b;
            padding: 0.85rem 1rem;
            background: #f0f9ff;
            border: 1px solid #bae6fd;
            border-radius: 10px;
        }
        .emp-dm-label {
            display: block;
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: .06em;
            color: rgba(15, 23, 42, .55);
            margin-bottom: 6px;
        }
        .emp-dm-reply-box {
            background: #f0fdf4;
            border: 1px solid #bbf7d0;
            border-radius: 10px;
            padding: 1rem 1.15rem;
            white-space: pre-wrap;
            word-break: break-word;
            font-size: 14px;
            line-height: 1.6;
        }
        .emp-dm-alert-banner {
            background: #fffbeb;
            border: 1px solid #fde68a;
            border-radius: 10px;
            padding: 0.85rem 1rem;
            margin-bottom: 1rem;
            font-size: 13px;
        }
    </style>

    <div class="container-fluid emp-dm-wrap">
        <div class="row mt-3">
            <div class="col-12 col-xl-10 mx-auto">

                <div class="d-flex flex-wrap justify-content-between align-items-center mb-3">
                    <div>
                        <h4 class="page-title mb-0">{{ __('Case') }} #{{ $case->id }}</h4>
                        <p class="text-muted mb-0 small">{{ $case->incident->category->name ?? __('Disciplinary case') }}</p>
                    </div>
                    <a href="{{ route('employee.dm.index') }}" class="btn btn-outline-secondary btn-sm">
                        <i class="fas fa-arrow-left mr-1"></i> {{ __('Back to list') }}
                    </a>
                </div>

                @if (session()->has('success'))
                    <div class="alert alert-success">{{ session('success') }}</div>
                @endif
                @if (session()->has('error'))
                    <div class="alert alert-danger">{{ session('error') }}</div>
                @endif

                <div class="card mb-3">
                    <div class="card-header d-flex flex-wrap align-items-center justify-content-between">
                        <span><i class="fas fa-folder-open mr-1 text-muted"></i> {{ __('Case details') }}</span>
                        <span class="emp-dm-badge {{ $statusKey }}">{{ \App\Models\DisciplinaryCase::statusLabel($case->status) }}</span>
                    </div>
                    <div class="card-body">
                        <div class="emp-dm-meta">
                            <div class="emp-dm-meta-item">
                                <div class="lbl">{{ __('Category') }}</div>
                                <div class="val">{{ $case->incident->category->name ?? '—' }}</div>
                            </div>
                            <div class="emp-dm-meta-item">
                                <div class="lbl">{{ __('Incident date') }}</div>
                                <div class="val">{{ $case->incident->incident_date?->format('Y-m-d') ?? '—' }}</div>
                            </div>
                            <div class="emp-dm-meta-item">
                                <div class="lbl">{{ __('Compliance total') }}</div>
                                <div class="val">{{ $complianceTotal }}</div>
                            </div>
                            @if($case->finalAction && $case->status === \App\Models\DisciplinaryCase::STATUS_CLOSED)
                                <div class="emp-dm-meta-item">
                                    <div class="lbl">{{ __('Outcome') }}</div>
                                    <div class="val">{{ $case->finalAction->name }}</div>
                                </div>
                            @endif
                        </div>

                        <label class="emp-dm-label">{{ __('Summary') }}</label>
                        <div class="emp-dm-summary mb-3">{{ $case->incident->description }}</div>

                        @if($settings?->grievance_instructions)
                            <div class="emp-dm-hint mb-3">
                                <i class="fas fa-info-circle mr-1"></i>
                                {!! nl2br(e($settings->grievance_instructions)) !!}
                            </div>
                        @endif

                        @if($case->hasShowCauseNotice())
                            <a class="btn btn-outline-primary btn-sm" target="_blank" href="{{ route('employee.dm.cases.show_cause_print', $case->id) }}">
                                <i class="fas fa-print mr-1"></i> {{ __('View / Print show-cause notice') }}
                            </a>
                        @endif
                        @if($case->hasWarningLetter())
                            <a class="btn btn-outline-secondary btn-sm ml-1" target="_blank" href="{{ route('employee.dm.cases.warning_print', $case->id) }}">
                                <i class="fas fa-print mr-1"></i> {{ __('View / Print warning letter') }}
                            </a>
                        @endif
                    </div>
                </div>

                @if($case->hearing_at)
                    <div class="card mb-3">
                        <div class="card-header"><i class="fas fa-calendar-alt mr-1 text-muted"></i> {{ __('Hearing schedule') }}</div>
                        <div class="card-body">
                            <div class="emp-dm-meta mb-0">
                                <div class="emp-dm-meta-item">
                                    <div class="lbl">{{ __('When') }}</div>
                                    <div class="val">{{ $case->hearing_at->format('d M Y H:i') }}</div>
                                </div>
                                <div class="emp-dm-meta-item">
                                    <div class="lbl">{{ __('Location') }}</div>
                                    <div class="val">{{ $case->hearing_location ?: '—' }}</div>
                                </div>
                            </div>
                            @if($case->hearing_notes)
                                <div class="emp-dm-summary mt-3 mb-0">{{ $case->hearing_notes }}</div>
                            @endif
                        </div>
                    </div>
                @endif

                @if($case->status === \App\Models\DisciplinaryCase::STATUS_SHOW_CAUSE)
                    <div class="card mb-3">
                        <div class="card-header">
                            <i class="fas fa-pen mr-1 text-muted"></i> {{ __('Your written reply') }}
                        </div>
                        <div class="card-body">
                            @if($case->employee_reply_at)
                                <div class="alert alert-success py-2 mb-3">
                                    <i class="fas fa-check-circle mr-1"></i>
                                    {{ __('Reply submitted at :t', ['t' => $case->employee_reply_at]) }}
                                </div>
                                <div class="emp-dm-reply-box">{{ $case->employee_reply_text }}</div>
                            @else
                                <div class="emp-dm-alert-banner">
                                    <i class="fas fa-exclamation-circle mr-1 text-warning"></i>
                                    {{ __('A written reply is required for this show-cause notice.') }}
                                </div>
                                <form method="post" action="{{ route('employee.dm.cases.reply', $case->id) }}">
                                    @csrf
                                    <div class="form-group">
                                        <label class="emp-dm-label" for="employee_reply_text">{{ __('Your response') }}</label>
                                        <textarea name="employee_reply_text"
                                                  id="employee_reply_text"
                                                  class="form-control @error('employee_reply_text') is-invalid @enderror"
                                                  rows="6"
                                                  required
                                                  minlength="10"
                                                  placeholder="{{ __('Explain your position…') }}">{{ old('employee_reply_text') }}</textarea>
                                        @error('employee_reply_text')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                    </div>
                                    <button type="submit" class="btn btn-primary">
                                        <i class="fas fa-paper-plane mr-1"></i> {{ __('Submit reply') }}
                                    </button>
                                </form>
                            @endif
                        </div>
                    </div>
                @endif

                @if($case->appeal)
                    <div class="card mb-3">
                        <div class="card-header d-flex justify-content-between align-items-center">
                            <span><i class="fas fa-balance-scale mr-1 text-muted"></i> {{ __('Your appeal') }}</span>
                            <span class="emp-dm-badge {{ \App\Models\DisciplinaryAppeal::statusBadgeClass($case->appeal->status) }}">
                                {{ \App\Models\DisciplinaryAppeal::statusLabel($case->appeal->status) }}
                            </span>
                        </div>
                        <div class="card-body">
                            <label class="emp-dm-label">{{ __('Grounds') }}</label>
                            <div class="emp-dm-summary mb-0">{{ $case->appeal->grounds }}</div>
                            @if($case->appeal->decision_notes)
                                <label class="emp-dm-label mt-3">{{ __('HR decision notes') }}</label>
                                <div class="emp-dm-summary mb-0">{{ $case->appeal->decision_notes }}</div>
                            @endif
                        </div>
                    </div>
                @elseif($case->canEmployeeAppeal())
                    <div class="card mb-3">
                        <div class="card-header"><i class="fas fa-gavel mr-1 text-muted"></i> {{ __('Appeal this decision') }}</div>
                        <div class="card-body">
                            @if($case->appeal_deadline_at)
                                <p class="small text-muted">{{ __('Deadline') }}: {{ $case->appeal_deadline_at->format('d M Y') }}</p>
                            @endif
                            <form method="post" action="{{ route('employee.dm.cases.appeal', $case->id) }}">
                                @csrf
                                <div class="form-group">
                                    <label class="emp-dm-label" for="grounds">{{ __('Appeal grounds') }}</label>
                                    <textarea name="grounds" id="grounds" class="form-control @error('grounds') is-invalid @enderror" rows="5" required minlength="10">{{ old('grounds') }}</textarea>
                                    @error('grounds')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>
                                <button type="submit" class="btn btn-primary">{{ __('Submit appeal') }}</button>
                            </form>
                        </div>
                    </div>
                @endif

            </div>
        </div>
    </div>
@endsection