@extends('providers.layout')

@section('title', 'Customer communications')

@section('content')
<section class="space-y-6">
    <header>
        <h1 class="text-2xl font-semibold">Customer communications</h1>
        <p class="text-sm text-slate-600">Repair {{ $order->tracking_code }} · {{ $order->customer_name }}</p>
        <p><a href="{{ route('admin.orders.show', $order->id) }}">Back to repair</a></p>
    </header>
    @if (session('status')) <p class="rounded bg-green-50 p-3 text-sm text-green-800">{{ session('status') }}</p> @endif
    @if ($errors->any()) <div class="rounded bg-red-50 p-3 text-sm text-red-800"><ul>@foreach ($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul></div> @endif

    <form method="POST" action="{{ route('admin.orders.communications.send', $order->id) }}" class="space-y-3 rounded border p-4">
        @csrf
        <h2 class="font-medium">Send update</h2>
        <div><label for="channel">Channel</label><select id="channel" name="channel"><option value="portal">Customer portal</option><option value="email">Email</option><option value="sms">SMS</option><option value="whatsapp">WhatsApp</option></select></div>
        <div><label for="recipient">Recipient (required for email, SMS, or WhatsApp and must match this repair)</label><input id="recipient" name="recipient" value="{{ old('recipient') }}" placeholder="Email or phone"></div>
        <div><label for="subject">Email subject</label><input id="subject" name="subject" value="{{ old('subject', 'Update on your repair') }}"></div>
        <div><label for="body">Message</label><textarea id="body" name="body" maxlength="4000" required>{{ old('body') }}</textarea></div>
        <button type="submit">Send / post update</button>
        <p class="text-sm text-slate-600">Portal posts are stored as in-app messages. Email, SMS, and WhatsApp are sent only via configured providers; failures are recorded honestly below.</p>
    </form>

    <section>
        <h2 class="font-medium">Thread</h2>
        <ul class="space-y-3">@forelse($communications as $item)
            <li class="rounded border p-3">
                <p><strong>{{ ucfirst($item->channel) }}</strong> · {{ $item->status }} · {{ $item->created_at }}</p>
                @if($item->recipient)<p class="text-sm text-slate-600">To: {{ $item->recipient }}</p>@endif
                @if($item->subject)<p>{{ $item->subject }}</p>@endif
                <p class="whitespace-pre-wrap">{{ $item->body }}</p>
                @if($item->failure_reason)<p class="text-sm text-red-700">Not sent: {{ $item->failure_reason }}</p>@endif
            </li>
        @empty <li>No updates have been sent.</li> @endforelse</ul>
    </section>
</section>
@endsection