@extends('admin.layouts.layouts')

@section('title', 'Details | Candidate Logs')

@section('page-css')
    <style>
        dl.row {
            margin-bottom: 0.75rem;
            padding-bottom: 0.75rem;
            border-bottom: 1px solid #f1f1f1;
        }

        dl.row:last-child {
            border-bottom: none;
        }

        dt {
            font-weight: 600;
        }

        dd {
            margin-bottom: 0;
        }

        table {
            width: 100% !important;
        }

        tr td div div {
            max-width: 300px !important;
        }

        .body-content {
            pointer-events: none;
            /* Disable all clicks */
        }

        .body-content a,
        .body-content button {
            cursor: default;
            /* Optional: show default cursor instead of pointer */
            text-decoration: none;
            /* Optional: remove underline from links */
        }
    </style>
@endsection

@section('content')

    <div class="page-header">
        <h3 class="page-title">Candidate Logs</h3>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item"><a href="javascript:void(0)">Candidate Logs</a></li>
                <li class="breadcrumb-item active" aria-current="page">Details</li>
            </ol>
        </nav>
    </div>

    <div class="container py-4">
        <div class="card shadow-sm rounded border-0 mb-4">
            <div class="card-header bg-dark text-white d-flex justify-content-between align-items-center">
                <h6 class="mb-0 fw-bold">Log Details</h6>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <dl class="row">
                            <dt class="col-sm-5">Email</dt>
                            <dd class="col-sm-7">{{ $log->email ?? '-' }}</dd>
                        </dl>
                    </div>

                    <div class="col-md-6">
                        <dl class="row">
                            <dt class="col-sm-5">Subject</dt>
                            <dd class="col-sm-7">{{ $log->subject ?? '-' }}</dd>
                        </dl>
                    </div>

                    <div class="col-md-6">
                        <dl class="row">
                            <dt class="col-sm-5">Mailer</dt>
                            <dd class="col-sm-7">{{ $log->mailer ?? '-' }}</dd>
                        </dl>
                    </div>

                    <div class="col-md-6">
                        <dl class="row">
                            <dt class="col-sm-5">Error Message</dt>
                            <dd class="col-sm-7">{{ $log->error_message ?? '-' }}</dd>
                        </dl>
                    </div>

                    <div class="col-md-6">
                        <dl class="row">
                            <dt class="col-sm-5">Status</dt>
                            <dd class="col-sm-7">
                                <span class="badge badge-pill badge-{{ $log->status == 'failed' ? 'danger' : 'success' }}">
                                    {{ ucfirst($log->status) }}
                                </span>
                            </dd>
                        </dl>
                    </div>

                    <div class="col-md-6">
                        <dl class="row">
                            <dt class="col-sm-5">Created Date</dt>
                            <dd class="col-sm-7">
                                {{ $log->created_at->format('d-m-Y h:i A') ?? '' }}
                            </dd>
                        </dl>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection