@extends('admin.layouts.layout')

@section('title', 'Call History')

@section('content')
<div class="card">
    <div class="card-header d-flex align-items-center justify-content-between">
        <strong>Call History</strong>
        <a href="{{ route('communications.dialer') }}" class="btn btn-sm btn-primary">Open Dialer</a>
    </div>
    <div class="card-body p-0">
        <table class="table table-hover mb-0">
            <thead>
                <tr>
                    <th>Date</th>
                    <th>Agent</th>
                    <th>To Number</th>
                    <th>Direction</th>
                    <th>Status</th>
                    <th>Duration</th>
                    <th>Disposition</th>
                    <th>Recording</th>
                </tr>
            </thead>
            <tbody>
                @forelse($logs as $log)
                <tr>
                    <td>{{ $log->created_at->format('M d, Y H:i') }}</td>
                    <td>{{ $log->agent?->name ?? '--' }}</td>
                    <td>{{ $log->to_number }}</td>
                    <td>
                        <span class="badge bg-{{ $log->direction === 'outbound' ? 'primary' : 'info' }}">
                            {{ ucfirst($log->direction) }}
                        </span>
                    </td>
                    <td>
                        @php
                            $sc = match($log->status) {
                                'completed' => 'success', 'failed' => 'danger',
                                'busy', 'no-answer' => 'warning', default => 'secondary'
                            };
                        @endphp
                        <span class="badge bg-{{ $sc }}">{{ ucfirst($log->status ?? '--') }}</span>
                    </td>
                    <td>{{ $log->duration_formatted }}</td>
                    <td>{{ $log->disposition ? ucwords(str_replace('-', ' ', $log->disposition)) : '--' }}</td>
                    <td>
                        @if($log->recording_url)
                            <a href="{{ $log->recording_url }}" target="_blank" class="btn btn-sm btn-outline-secondary">Play</a>
                        @else
                            --
                        @endif
                    </td>
                </tr>
                @empty
                <tr><td colspan="8" class="text-center text-muted py-4">No calls yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="card-footer">{{ $logs->links() }}</div>
</div>
@endsection