@extends('adminlte::page')

@section('title', 'SN Registration Detail')

@section('content_header')
    <div class="d-flex justify-content-between align-items-center">
        <h1 class="m-0">SN Registration Detail</h1>
        <a href="{{ route('sn.index') }}" class="btn btn-secondary">Back</a>
    </div>
@endsection

@section('content')
    <div class="card">
        <div class="card-body">
            <dl class="row mb-0">
                <dt class="col-sm-3">ID</dt>
                <dd class="col-sm-9">{{ $reg->id }}</dd>

                <dt class="col-sm-3">Serial Number</dt>
                <dd class="col-sm-9"><code>{{ $reg->serial_number }}</code></dd>

                <dt class="col-sm-3">Name</dt>
                <dd class="col-sm-9">{{ $reg->name ?? '-' }}</dd>

                <dt class="col-sm-3">Phone</dt>
                <dd class="col-sm-9">{{ $reg->phone ?? '-' }}</dd>

                <dt class="col-sm-3">Device ID</dt>
                <dd class="col-sm-9" style="word-break: break-all;">{{ $reg->device_id ?? '-' }}</dd>

                <dt class="col-sm-3">Expires At</dt>
                <dd class="col-sm-9">{{ optional($reg->expires_at)->format('Y-m-d H:i') ?? '-' }}</dd>

                <dt class="col-sm-3">Created</dt>
                <dd class="col-sm-9">{{ optional($reg->created_at)->format('Y-m-d H:i') }}</dd>

                <dt class="col-sm-3">Updated</dt>
                <dd class="col-sm-9">{{ optional($reg->updated_at)->format('Y-m-d H:i') }}</dd>
            </dl>
        </div>
    </div>
@endsection