@extends('layouts.master')

@section('page_title', 'View Campaign')
@section('title', 'View Campaign')
@section('main_item', 'Campaigns')
@section('sub_item', 'Campaign Details')

@section('content')
<div class="col-md-12">
    <div class="card shadow-sm">
        <div class="card-body">
            <h4 class="card-title mb-4 text-primary">Campaign Details</h4>

            <div class="mb-3">
                <strong>Name:</strong>
                <p class="text-muted">{{ $campaign->name }}</p>
            </div>

            <div class="mb-3">
                <strong>Message:</strong>
                <p class="text-muted">{{ $campaign->message }}</p>
            </div>

            <div class="mb-3">
                <strong>Send Type:</strong> 
                <span class="badge bg-{{ $campaign->repeat == 0 ? 'success' : 'info' }}">
                    {{ $campaign->repeat == 0 ? 'Send Now' : 'Scheduled' }}
                </span>
            </div>

            @if ($campaign->repeat != 0)
                <div class="mb-3">
                    <strong>Schedule Type:</strong> {{ ucfirst($campaign->schedule_type) }}
                </div>
                <div class="mb-3">
                    <strong>Start Date:</strong> {{ \Carbon\Carbon::parse($campaign->start_date)->format('d M Y') }}
                </div>
                <div class="mb-3">
                    <strong>Send Time:</strong> {{ \Carbon\Carbon::parse($campaign->send_time)->format('h:i A') }}
                </div>
            @endif

            <div class="mb-4">
                <strong>Recipients:</strong>
               <table id="laravel_datatable" class="table table-hover">
                    <thead class="thead-dark">
                        <tr>
                            <th>#</th>
                            <th>Phone Number</th>
                            <th>Status</th>

                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($campaign->recipients as $recipient)
                           @php
                                
                                $originalPhone = $recipient->phone_number;
                                 // If number has exactly 9 digits, assume it's missing +94 and add it
                                if (strlen($originalPhone) === 9 && is_numeric($originalPhone)) {
                                    $convertedPhone = '+94' . $originalPhone;
                                } elseif (Str::startsWith($originalPhone, '0')) {
                                    $convertedPhone = '+94' . substr($originalPhone, 1);
                                } else {
                                    $convertedPhone = $originalPhone;
                                }
                                $status = $smsLogs[$convertedPhone]->status ?? 'pending';
                                
                            @endphp
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td>{{ $recipient->phone_number }}</td>
                                <td>
                                    <span class="badge bg-{{ 
                                        $status == 'pending' ? 'warning' : 
                                        ($status == 'Sent' ? 'success' : 
                                        ($status == 'Failed' ? 'danger' : 'secondary')) 
                                    }}">
                                        {{ ucfirst($status) }}
                                    </span>
                                </td>  
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            <a href="{{ route('campaigns.edit', $campaign->id) }}" class="btn btn-warning">Edit</a>
            <a href="{{ route('campaigns.index') }}" class="btn btn-secondary">Back to List</a>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script src="https://cdn.jsdelivr.net/npm/toastr@2.1.4/toastr.min.js"></script>
@if(session('error_message'))
    <script type="text/javascript">
        document.addEventListener('DOMContentLoaded', function() {
            toastr.options = {
                "positionClass": "toast-top-right",
                "timeOut": "5000"
            };
            toastr.error("{{ session('error_message') }}", "Error");
        });
    </script>
@endif

@if(session('success_message'))
    <script type="text/javascript">
        document.addEventListener('DOMContentLoaded', function() {
            toastr.options = {
                "positionClass": "toast-top-right",
                "timeOut": "5000"
            };
            toastr.success("{{ session('success_message') }}", "Success");
        });
    </script>
@endif
@endsection