@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.title') }}
            </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">{{ __('announcements.announcements') }}</li>
            </ul>
        </div>
        <div class="d-flex align-items-center gap-2 gap-lg-3">
            <a href="{{ route('announcements.create', app('current_company')->uuid) }}" class="btn btn-primary">
                <i class="ki-duotone ki-plus fs-2"></i> {{ __('announcements.send_new') }}
            </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">

        @if(session('success'))
            <div class="alert alert-success d-flex align-items-center p-5 mb-10">
                <i class="ki-duotone ki-shield-check fs-2hx text-success me-4"><span class="path1"></span><span class="path2"></span></i>
                <div class="d-flex flex-column">
                    <h4 class="mb-1 text-success">{{ __('announcements.success_title') }}</h4>
                    <span>{{ session('success') }}</span>
                </div>
            </div>
        @endif

        <!--begin::Stats-->
        <div class="row g-5 g-xl-10 mb-5 mb-xl-10">
            <div class="col-md-3">
                <div class="card card-flush h-md-100 bg-light-primary">
                    <div class="card-body d-flex flex-column justify-content-center px-9 py-6">
                        <span class="fs-2hx fw-bold text-primary">{{ $totalSms }}</span>
                        <span class="fs-6 fw-semibold text-gray-500 pt-1">{{ __('announcements.total_sms') }}</span>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card card-flush h-md-100 bg-light-success">
                    <div class="card-body d-flex flex-column justify-content-center px-9 py-6">
                        <span class="fs-2hx fw-bold text-success">{{ $totalEmail }}</span>
                        <span class="fs-6 fw-semibold text-gray-500 pt-1">{{ __('announcements.total_email') }}</span>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card card-flush h-md-100 bg-light-info">
                    <div class="card-body d-flex flex-column justify-content-center px-9 py-6">
                        <span class="fs-2hx fw-bold text-info">{{ $successCount }}</span>
                        <span class="fs-6 fw-semibold text-gray-500 pt-1">{{ __('announcements.success_delivery') }}</span>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card card-flush h-md-100 bg-light-danger">
                    <div class="card-body d-flex flex-column justify-content-center px-9 py-6">
                        <span class="fs-2hx fw-bold text-danger">{{ $failedCount }}</span>
                        <span class="fs-6 fw-semibold text-gray-500 pt-1">{{ __('announcements.failed_delivery') }}</span>
                    </div>
                </div>
            </div>
        </div>
        <!--end::Stats-->

        <!--begin::Campaigns Card-->
        <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.history') }}</span>
                    <span class="text-muted mt-1 fw-semibold fs-7">{{ __('announcements.history_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 class="min-w-150px">{{ __('announcements.subject') }}</th>
                                <th class="min-w-120px">{{ __('announcements.channel') }}</th>
                                <th class="min-w-120px">{{ __('announcements.target_audience') }}</th>
                                <th class="min-w-120px">{{ __('announcements.success_failed') }}</th>
                                <th class="min-w-120px">{{ __('announcements.creator') }}</th>
                                <th class="min-w-120px">{{ __('announcements.sent_at') }}</th>
                                <th class="text-end min-w-100px">{{ __('announcements.actions') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($campaigns as $campaign)
                                <tr>
                                    <td>
                                        <div class="d-flex align-items-center">
                                            <div class="d-flex flex-column">
                                                <a href="{{ route('announcements.show', ['company' => app('current_company')->uuid, 'campaign' => $campaign]) }}" class="text-gray-900 fw-bold text-hover-primary fs-6">
                                                    {{ $campaign->title }}
                                                </a>
                                                <span class="text-muted fs-7 text-ellipsis" style="max-width: 300px;">
                                                    {{ Str::limit($campaign->content, 60) }}
                                                </span>
                                            </div>
                                        </div>
                                    </td>
                                    <td>
                                        @if($campaign->channel === 'sms')
                                            <span class="badge badge-light-primary fs-7 fw-bold">SMS</span>
                                        @elseif($campaign->channel === 'email')
                                            <span class="badge badge-light-success fs-7 fw-bold">{{ __('announcements.email') }}</span>
                                        @else
                                            <span class="badge badge-light-warning fs-7 fw-bold">{{ __('announcements.email_sms') }}</span>
                                        @endif
                                    </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>
                                    <td>
                                        <div class="d-flex flex-column">
                                            <span class="text-success fw-bold">✓ {{ $campaign->sent_count }} {{ __('announcements.success_badge') }}</span>
                                            <span class="text-danger fw-bold">✗ {{ $campaign->failed_count }} {{ __('announcements.failed_badge') }}</span>
                                        </div>
                                    </td>
                                    <td>
                                        <span class="text-gray-800 fw-semibold">{{ $campaign->creator?->name ?? __('announcements.system') }}</span>
                                    </td>
                                    <td>
                                        <span class="text-gray-800 fw-semibold">{{ $campaign->created_at->format('d.m.Y H:i') }}</span>
                                    </td>
                                    <td class="text-end">
                                        <a href="{{ route('announcements.show', ['company' => app('current_company')->uuid, 'campaign' => $campaign]) }}" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1" title="Detay">
                                            <i class="ki-duotone ki-eye fs-3"><span class="path1"></span><span class="path2"></span><span class="path3"></span></i>
                                        </a>
                                        <form action="{{ route('announcements.destroy', ['company' => app('current_company')->uuid, 'campaign' => $campaign]) }}" method="POST" class="d-inline" onsubmit="return confirm('{{ __('announcements.delete_confirm') }}');">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" class="btn btn-icon btn-bg-light btn-active-color-danger btn-sm" title="Sil">
                                                <i class="ki-duotone ki-trash fs-3"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></i>
                                            </button>
                                        </form>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="7" class="text-center text-muted py-10">
                                        {{ __('announcements.no_records') }}
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

                <!--begin::Pagination-->
                <div class="d-flex justify-content-end mt-4">
                    {{ $campaigns->links() }}
                </div>
                <!--end::Pagination-->
            </div>
        </div>
        <!--end::Campaigns Card-->

    </div>
</div>
@endsection