@extends('admin.master')
@section('content')
    <section class="main-content">
        <div class="row">
            <div class="col-sm-12">
                @include('admin.flash-message')
                @php
                    $originalPrice = (float) ($record->price ?? $record->amount ?? 0);
                    $discountPercentage = (float) ($record->discount_percentage ?? 0);
                    $discountAmount = round(($originalPrice * $discountPercentage) / 100, 2);
                    $sellingPrice = round($originalPrice - $discountAmount, 2);
                    $physicianFee = (float) ($record->physician_fee ?? 0);
                    $statusLabel = $record->status == '1' ? 'Active' : 'Inactive';
                    $statusClass = $record->status == '1' ? 'success' : 'danger';
                    $imagePath = $record->image ?? $record->image_url;
                @endphp
                <div class="card shadow-sm">
                    <div class="card-header card-default d-flex justify-content-between align-items-center">
                        <span>Service Detail</span>
                        <div>
                            <a href="{{ route('services.edit', ['service' => $record->slug]) }}" class="btn btn-primary btn-sm">Edit Service</a>
                            <a href="{{ route('services.index') }}" class="btn btn-default btn-sm">Back to Listing</a>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-4 mb-3">
                                <label class="fw-bold">Image</label>
                                <div>
                                    <img
                                        src="{{ !empty($imagePath) && \Storage::exists($imagePath) ? \Storage::url($imagePath) : \URL::to('images/no-image.jpg') }}"
                                        alt="{{ $record->title }}"
                                        style="width:100%;max-width:280px;height:180px;object-fit:cover;border-radius:8px;border:1px solid #eee;"
                                    >
                                </div>
                            </div>
                            <div class="col-md-8">
                                <div class="row">
                                    <div class="col-md-12 mb-3">
                                        <label class="fw-bold">Title</label>
                                        <p class="mb-0">{{ $record->title }}</p>
                                    </div>
                                    <div class="col-md-12 mb-3">
                                        <label class="fw-bold">Description</label>
                                        <p class="mb-0">{{ $record->description }}</p>
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <label class="fw-bold">Original Price</label>
                                        <p class="mb-0">${{ number_format($originalPrice, 2) }}</p>
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <label class="fw-bold">Discount Percentage</label>
                                        <p class="mb-0">{{ number_format($discountPercentage, 2) }}%</p>
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <label class="fw-bold">Discount Amount</label>
                                        <p class="mb-0">${{ number_format($discountAmount, 2) }}</p>
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <label class="fw-bold">Selling Price</label>
                                        <p class="mb-0">${{ number_format($sellingPrice, 2) }}</p>
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <label class="fw-bold">Physician Fee</label>
                                        <p class="mb-0">${{ number_format($physicianFee, 2) }}</p>
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <label class="fw-bold">Status</label>
                                        <p class="mb-0">
                                            <span class="badge bg-{{ $statusClass }}">{{ $statusLabel }}</span>
                                        </p>
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <label class="fw-bold">Created Date</label>
                                        <p class="mb-0">{{ date(config('constants.ADMIN_DATE_FORMAT'), strtotime($record->created_at)) }}</p>
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <label class="fw-bold">Updated Date</label>
                                        <p class="mb-0">{{ date(config('constants.ADMIN_DATE_FORMAT'), strtotime($record->updated_at)) }}</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @include('admin.footer')
    </section>
@endsection