@extends('admin.layouts.main')
@section('title', 'Service: ' . ($service->domain ?: $service->product?->name ?? 'N/A'))
@section('menu', 'Services')

@section('content')
<div class="row">
    <div class="col-md-6">
        <div class="portlet light">
            <div class="portlet-title">
                <div class="caption caption-md">
                    <span class="caption-subject theme-font bold uppercase">Service Details</span>
                </div>
                <div class="actions">
                    <a href="{{ route('admin.services.edit', $service) }}" class="btn btn-sm blue"><i class="fa fa-pencil"></i> Edit</a>
                </div>
            </div>
            <div class="portlet-body">
                @php
                    $badgeClass = match($service->status) {
                        'active' => 'success', 'pending' => 'warning', 'suspended' => 'danger',
                        'terminated' => 'dark', 'cancelled' => 'secondary', default => 'secondary',
                    };
                @endphp
                <table class="table table-bordered table-striped">
                    <tr><th style="width:40%">Domain / Name</th><td>{{ $service->domain ?: ($service->product?->name ?? 'N/A') }}</td></tr>
                    <tr><th>Client</th><td>@if($service->user)<a href="{{ route('admin.customers.show', $service->user) }}">{{ $service->user->first_name }} {{ $service->user->last_name }}</a>@else N/A @endif</td></tr>
                    <tr><th>Product</th><td>{{ $service->product?->name ?? 'N/A' }}</td></tr>
                    <tr><th>Status</th><td><span class="label label-sm label-{{ $badgeClass }}">{{ ucfirst($service->status) }}</span></td></tr>
                </table>

                @if($service->suspension_reason)
                <div class="alert alert-danger">
                    <strong>Suspension Reason:</strong> {{ $service->suspension_reason }}
                </div>
                @endif
            </div>
        </div>

        <div class="portlet light">
            <div class="portlet-title">
                <div class="caption caption-md">
                    <span class="caption-subject theme-font bold uppercase">Billing & Dates</span>
                </div>
            </div>
            <div class="portlet-body">
                <table class="table table-bordered table-striped">
                    <tr><th style="width:40%">Billing Cycle</th><td>{{ $service->billingCycle?->name ?? 'N/A' }}</td></tr>
                    <tr><th>Registration Price</th><td>{{ $service->registration_price ? number_format($service->registration_price, 2) : 'N/A' }}</td></tr>
                    <tr><th>Renewal Price</th><td>{{ $service->renewal_price ? number_format($service->renewal_price, 2) : 'N/A' }}</td></tr>
                    <tr><th>Registration Date</th><td>{{ $service->registration_date?->format('M d, Y') ?? 'N/A' }}</td></tr>
                    <tr><th>Next Due Date</th><td>{{ $service->next_due_date?->format('M d, Y') ?? 'N/A' }}</td></tr>
                </table>
            </div>
        </div>
    </div>

    <div class="col-md-6">
        @if($service->cancel_requested)
        <div class="portlet light">
            <div class="portlet-title">
                <div class="caption caption-md">
                    <span class="caption-subject theme-font bold uppercase font-red">Cancellation Request</span>
                </div>
            </div>
            <div class="portlet-body">
                <table class="table table-bordered table-striped">
                    <tr><th style="width:40%">Cancel Type</th><td>{{ ucfirst(str_replace('_', ' ', $service->cancel_type ?? 'N/A')) }}</td></tr>
                    <tr><th>Requested At</th><td>{{ $service->cancel_request_date?->format('M d, Y H:i') ?? 'N/A' }}</td></tr>
                </table>
            </div>
        </div>
        @endif

        <div class="portlet light">
            <div class="portlet-title">
                <div class="caption caption-md">
                    <span class="caption-subject theme-font bold uppercase">Actions</span>
                </div>
            </div>
            <div class="portlet-body">
                @if($service->status === 'active')
                    <form action="{{ route('admin.services.suspend', $service) }}" method="POST" style="margin-bottom:10px;">
                        @csrf
                        <div class="row">
                            <div class="col-md-8">
                                <input type="text" name="reason" class="form-control input-sm" value="Suspended by admin" placeholder="Suspension reason">
                            </div>
                            <div class="col-md-4">
                                <button type="submit" class="btn btn-danger btn-sm btn-block" onclick="return confirm('Suspend this service?')"><i class="fa fa-ban"></i> Suspend</button>
                            </div>
                        </div>
                    </form>
                @elseif($service->status === 'suspended')
                    <form action="{{ route('admin.services.unsuspend', $service) }}" method="POST" style="margin-bottom:10px;">
                        @csrf
                        <button type="submit" class="btn btn-success btn-block btn-sm" onclick="return confirm('Unsuspend this service?')"><i class="fa fa-check-circle"></i> Unsuspend Service</button>
                    </form>
                @endif

                @if(in_array($service->status, ['active', 'suspended']))
                    <form action="{{ route('admin.services.terminate', $service) }}" method="POST">
                        @csrf
                        <button type="submit" class="btn btn-danger btn-block btn-sm" onclick="return confirm('Terminate this service? This cannot be undone.')"><i class="fa fa-trash"></i> Terminate Service</button>
                    </form>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection