@extends('layouts.app')

@section('content')
<!--begin::Toolbar-->
<div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
    <div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
        <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
            <h1 class="page-heading d-flex text-gray-900 fw-bold fs-3 flex-column justify-content-center my-0">
                {{ __('announcements.details') }}
            </h1>
            <ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
                <li class="breadcrumb-item text-muted">
                    <a href="{{ route('dashboard', app('current_company')->uuid) }}" class="text-muted text-hover-primary">{{ __('announcements.home') }}</a>
                </li>
                <li class="breadcrumb-item">
                    <span class="bullet bg-gray-500 w-5px h-2px"></span>
                </li>
                <li class="breadcrumb-item text-muted">
                    <a href="{{ route('announcements.index', app('current_company')->uuid) }}" class="text-muted text-hover-primary">{{ __('announcements.announcements') }}</a>
                </li>
                <li class="breadcrumb-item">
                    <span class="bullet bg-gray-500 w-5px h-2px"></span>
                </li>
                <li class="breadcrumb-item text-muted">{{ __('announcements.detail') }}</li>
            </ul>
        </div>
        <div class="d-flex align-items-center gap-2 gap-lg-3">
            <a href="{{ route('announcements.index', app('current_company')->uuid) }}" class="btn btn-sm btn-light">
                {{ __('announcements.back_btn') }}
            </a>
        </div>
    </div>
</div>
<!--end::Toolbar-->

<!--begin::Content-->
<div id="kt_app_content" class="app-content flex-column-fluid">
    <div id="kt_app_content_container" class="app-container container-xxl">

        <div class="row g-5 g-xl-10 mb-8">
            <!-- Sol Kart: Bilgiler -->
            <div class="col-lg-6">
                <div class="card card-flush h-lg-100">
                    <div class="card-header pt-7">
                        <h3 class="card-title fw-bold text-gray-900">{{ __('announcements.summary') }}</h3>
                    </div>
                    <div class="card-body pt-5">
                        <table class="table table-bordered table-striped fs-6">
                            <tbody>
                                <tr>
                                    <td class="fw-bold text-gray-600 w-150px">{{ __('announcements.subject_colon') }}</td>
                                    <td class="fw-bold text-gray-900">{{ $campaign->title }}</td>
                                </tr>
                                <tr>
                                    <td class="fw-bold text-gray-600">{{ __('announcements.channel_label') }}:</td>
                                    <td>
                                        @if($campaign->channel === 'sms')
                                            <span class="badge badge-light-primary">SMS</span>
                                        @elseif($campaign->channel === 'email')
                                            <span class="badge badge-light-success">{{ __('announcements.email') }}</span>
                                        @else
                                            <span class="badge badge-light-warning">{{ __('announcements.email_sms') }}</span>
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                    <td class="fw-bold text-gray-600">{{ __('announcements.target_audience') }}:</td>
                                    <td>
                                        @if($campaign->target_type === 'all')
                                            <span class="badge badge-light-dark">{{ __('announcements.target_all') }}</span>
                                        @elseif($campaign->target_type === 'selected')
                                            <span class="badge badge-light-info">{{ __('announcements.target_selected') }}</span>
                                        @elseif($campaign->target_type === 'single')
                                            <span class="badge badge-light-secondary">{{ __('announcements.target_single') }}</span>
                                        @elseif($campaign->target_type === 'birthday')
                                            <span class="badge badge-light-danger">{{ __('announcements.target_birthday') }}</span>
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                    <td class="fw-bold text-gray-600">{{ __('announcements.success_failed') }}:</td>
                                    <td>
                                        <span class="text-success fw-bold">✓ {{ $campaign->sent_count }} {{ __('announcements.success_delivery_colon') }}</span><br>
                                        <span class="text-danger fw-bold">✗ {{ $campaign->failed_count }} {{ __('announcements.failed_delivery_colon') }}</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="fw-bold text-gray-600">{{ __('announcements.created_staff') }}:</td>
                                    <td>{{ $campaign->creator?->name ?? __('announcements.system') }}</td>
                                </tr>
                                <tr>
                                    <td class="fw-bold text-gray-600">{{ __('announcements.sent_at') }}:</td>
                                    <td>{{ $campaign->created_at->format('d.m.Y H:i:s') }}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <!-- Sağ Kart: Mesaj Metni -->
            <div class="col-lg-6">
                <div class="card card-flush h-lg-100 bg-light-neutral">
                    <div class="card-header pt-7">
                        <h3 class="card-title fw-bold text-gray-900">{{ __('announcements.sent_template_text') }}</h3>
                    </div>
                    <div class="card-body pt-5">
                        <div class="bg-white rounded p-5 border border-gray-300 min-h-150px fs-6 text-gray-800" style="white-space: pre-wrap;">{{ $campaign->content }}</div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Gönderim Detay Tablosu (Loglar) -->
        <div class="card card-flush">
            <div class="card-header pt-7">
                <h3 class="card-title align-items-start flex-column">
                    <span class="card-label fw-bold text-gray-900">{{ __('announcements.delivery_report') }}</span>
                    <span class="text-muted mt-1 fw-semibold fs-7">{{ __('announcements.log_desc') }}</span>
                </h3>
            </div>
            <div class="card-body pt-5">
                <div class="table-responsive">
                    <table class="table table-row-bordered table-row-gray-300 align-middle g-5 gs-0">
                        <thead>
                            <tr class="fw-bold text-muted fs-7 text-uppercase">
                                <th>{{ __('announcements.recipients') }}</th>
                                <th>{{ __('announcements.recipient_address') }}</th>
                                <th>{{ __('announcements.channel') }}</th>
                                <th>{{ __('announcements.status') }}</th>
                                <th>{{ __('announcements.error_detail') }}</th>
                                <th class="text-end">{{ __('announcements.date') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($logs as $log)
                                <tr>
                                    <td>
                                        @if($log->customer)
                                            <a href="{{ route('customers.show', ['company' => app('current_company')->uuid, 'customer' => $log->customer]) }}" class="text-gray-900 fw-bold text-hover-primary">
                                                {{ $log->customer->first_name }} {{ $log->customer->last_name }}
                                            </a>
                                        @else
                                            <span class="text-muted">{{ __('announcements.unknown_customer') }}</span>
                                        @endif
                                    </td>
                                    <td>
                                        <span class="text-gray-800 fw-semibold">{{ $log->recipient }}</span>
                                    </td>
                                    <td>
                                        @if($log->channel === 'sms')
                                            <span class="badge badge-light-primary fs-8">SMS</span>
                                        @else
                                            <span class="badge badge-light-success fs-8">{{ __('announcements.email') }}</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if($log->status === 'success')
                                            <span class="badge badge-success fs-7">✓ {{ __('announcements.delivered') }}</span>
                                        @else
                                            <span class="badge badge-danger fs-7">✗ {{ __('announcements.error') }}</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if($log->status === 'failed')
                                            <span class="text-danger fs-7 fw-semibold">{{ $log->error_message ?? __('announcements.unknown_error') }}</span>
                                        @else
                                            <span class="text-muted fs-8">-</span>
                                        @endif
                                    </td>
                                    <td class="text-end text-gray-600 fs-7">
                                        {{ $log->created_at->format('d.m.Y H:i:s') }}
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="6" class="text-center text-muted py-10">
                                        {{ __('announcements.no_logs') }}
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

                <div class="d-flex justify-content-end mt-4">
                    {{ $logs->links() }}
                </div>
            </div>
        </div>

    </div>
</div>
@endsection