@extends('layouts.app')
@section('title', __('messages.conversation'))
@section('content')
<div class="page-heading compact"><div><a class="back-link" href="{{ route('inbox') }}">← {{ __('app.inbox') }}</a><h1>{{ $message->sender->display_name_ar ?: $message->sender->display_name_en ?: $message->sender_label }}</h1><p class="muted">{{ __('messages.received_at') }} {{ $message->received_at->timezone(auth()->user()->tenant?->timezone ?? config('app.timezone'))->format('Y-m-d H:i') }}</p></div><span class="pill status-{{ $message->status }}">{{ __('status.'.$message->status) }}</span></div>
<div class="conversation-grid"><section class="panel conversation"><div class="sms-card"><div class="sms-meta"><strong>{{ $message->sender_label }}</strong><time>{{ $message->received_at->format('Y-m-d H:i') }}</time></div><p class="sms-body">{{ $message->body_redacted }}</p></div>
 <h2>{{ __('messages.timeline') }}</h2><ol class="timeline">@foreach($message->events->sortBy('created_at') as $event)<li><strong>{{ __('status.'.$event->to_status) }}</strong><span>{{ optional($event->created_at)->format('Y-m-d H:i') }}</span>@if($event->reason)<p>{{ $event->reason }}</p>@endif @foreach($voiceNotes->where('status_event_id',$event->id) as $audio)<audio controls preload="none" src="{{ route('messages.attachments.show',[$message,$audio->id]) }}">{{ __('messages.audio_unsupported') }}</audio>@endforeach</li>@endforeach
 @foreach($message->notes as $note)<li><strong>{{ $note->user?->name ?? __('messages.note') }}</strong><span>{{ $note->created_at->format('Y-m-d H:i') }}</span>@if($note->body)<p>{{ $note->body }}</p>@endif @foreach($voiceNotes->where('note_id',$note->id) as $attachment)<audio controls preload="none" src="{{ route('messages.attachments.show',[$message,$attachment->id]) }}">{{ __('messages.audio_unsupported') }}</audio>@endforeach</li>@endforeach</ol>
 </section>
 <aside class="panel action-panel"><h2>{{ __('messages.actions') }}</h2>
  @can('interact', $message)
  @if($assignableUsers->isNotEmpty())<form method="post" action="{{ route('messages.assign',$message) }}"><h3>{{ __('messages.reassign') }}</h3>@csrf<label>{{ __('messages.employee') }}</label><select name="user_id" required>@foreach($assignableUsers as $employee)<option value="{{ $employee->id }}">{{ $employee->name }}</option>@endforeach</select><label>{{ __('messages.reason_required_label') }}</label><textarea name="reason" rows="2" required></textarea><button class="secondary full">{{ __('messages.reassign') }}</button></form>@endif
  @if(in_array($message->status,['new','released'],true))<form method="post" action="{{ route('messages.claim',$message) }}">@csrf<button class="primary full">{{ __('messages.claim') }}</button></form>@endif
  <form method="post" action="{{ route('messages.status',$message) }}" enctype="multipart/form-data">@csrf<label for="status">{{ __('messages.change_status') }}</label><select id="status" name="status" required>@foreach(['in_progress','resolved','failed','released','new'] as $state)<option value="{{ $state }}" @selected($message->status===$state)>{{ __('status.'.$state) }}</option>@endforeach</select><label for="reason">{{ __('messages.reason_optional') }}</label><textarea id="reason" name="reason" rows="3" maxlength="2000"></textarea><label for="voice-status">{{ __('messages.voice_note') }}</label><input id="voice-status" type="file" name="voice_note" accept="audio/*"><button type="button" class="secondary" data-voice-recorder data-start="{{ __('messages.record_start') }}" data-stop="{{ __('messages.record_stop') }}" data-recording="{{ __('messages.recording') }}" data-ready="{{ __('messages.record_ready') }}" data-error-permission="{{ __('messages.record_permission_error') }}" data-error-size="{{ __('messages.record_size_error') }}">{{ __('messages.record_start') }}</button><span class="tiny muted" data-recording-status aria-live="polite"></span><button class="secondary full">{{ __('messages.save_status') }}</button></form>
  <form method="post" action="{{ route('messages.notes',$message) }}" enctype="multipart/form-data"><h3>{{ __('messages.add_note') }}</h3>@csrf<textarea name="body" rows="3" maxlength="4000" placeholder="{{ __('messages.note_placeholder') }}"></textarea><label>{{ __('messages.voice_note') }}</label><input type="file" name="voice_note" accept="audio/*"><button type="button" class="secondary" data-voice-recorder data-start="{{ __('messages.record_start') }}" data-stop="{{ __('messages.record_stop') }}" data-recording="{{ __('messages.recording') }}" data-ready="{{ __('messages.record_ready') }}" data-error-permission="{{ __('messages.record_permission_error') }}" data-error-size="{{ __('messages.record_size_error') }}">{{ __('messages.record_start') }}</button><span class="tiny muted" data-recording-status aria-live="polite"></span><button class="secondary full">{{ __('messages.save_note') }}</button></form>
  <form method="post" action="{{ route('messages.referrals',$message) }}"><h3>{{ __('messages.refer_department') }}</h3>@csrf<label for="department">{{ __('messages.department') }}</label><select id="department" name="department_id" required>@foreach(DB::table('departments')->where('tenant_id',$message->tenant_id)->where('active',true)->get() as $d)<option value="{{ $d->id }}">{{ $d->name }}</option>@endforeach</select><textarea name="reason" rows="2" required placeholder="{{ __('messages.reason_optional') }}"></textarea><button class="secondary full">{{ __('messages.refer') }}</button></form>
  @if($referrals->isNotEmpty())<section><h3>{{ __('messages.referrals') }}</h3>@foreach($referrals as $referral)<div class="referral-row"><strong>{{ $referral->department_name }}</strong><span class="pill">{{ __('messages.referral_'.$referral->status) }}</span>@if($referral->status==='open' && (auth()->user()->role!=='employee' || auth()->user()->departments()->whereKey($referral->department_id)->exists()))<form method="post" action="{{ route('referrals.accept',$referral->id) }}">@csrf<button class="secondary">{{ __('messages.accept_referral') }}</button></form>@endif</div>@endforeach</section>@endif
  @else<p class="muted">{{ __('messages.read_only') }}</p>@endcan
 </aside></div>
@endsection