@extends($layoutView ?? 'admin.layout.app')

@section('content')
<div class="d-flex flex-wrap justify-content-between align-items-center gap-3 mb-4">
    <div>
        <h2 class="mb-1">{{ $property->title }}</h2>
        <p class="text-muted mb-0">{{ $property->property_heading ?: 'Property detail overview' }}</p>
    </div>
    <div class="d-flex gap-2">
        <a href="{{ route(($routePrefix ?? 'admin') . '.property.edit', $property->id) }}" class="btn btn-warning">Edit Property</a>
        <a href="{{ route(($routePrefix ?? 'admin') . '.property.index') }}" class="btn btn-outline-secondary">Back</a>
    </div>
</div>

<div class="row g-4">
    <div class="col-lg-8">
        <div class="card border-0 shadow-sm rounded-4">
            <div class="card-body p-4">
                <h4 class="mb-3">Overview</h4>
                <div class="row g-3">
                    <div class="col-md-6"><strong>Head Title:</strong> {{ $property->property_head_title ?: '-' }}</div>
                    <div class="col-md-6"><strong>Type:</strong> {{ $property->property_type ?: '-' }}</div>
                    <div class="col-md-6"><strong>Average Night Rate:</strong> {{ $property->avg_night_rates ?: '-' }}</div>
                    <div class="col-md-6"><strong>Featured:</strong> {{ $property->featured_prop === '1' ? 'Yes' : 'No' }}</div>
                    <div class="col-md-6"><strong>Bedrooms:</strong> {{ $property->property_no_of_bedrooms ?: '-' }}</div>
                    <div class="col-md-6"><strong>Sleeps:</strong> {{ $property->property_no_of_sleeps ?: '-' }}</div>
                    <div class="col-md-6"><strong>Baths:</strong> {{ $property->property_no_of_baths ?: '-' }}</div>
                    <div class="col-md-6"><strong>Beds:</strong> {{ $property->property_beds ?: '-' }}</div>
                    <div class="col-md-6"><strong>Square Feet:</strong> {{ $property->property_feet ?: '-' }}</div>
                    <div class="col-md-6"><strong>Elevator:</strong> {{ $property->property_elevator ?: '-' }}</div>
                    <div class="col-12"><strong>Address:</strong> {{ $property->property_address ?: $property->address ?: '-' }}</div>
                    <div class="col-12"><strong>Description:</strong><br>{{ $property->description ?: '-' }}</div>
                    <div class="col-12"><strong>Property Content:</strong><br>{{ $property->property_content ?: '-' }}</div>
                </div>
            </div>
        </div>

        <div class="card border-0 shadow-sm rounded-4 mt-4">
            <div class="card-body p-4">
                <h4 class="mb-3">Bed Configuration</h4>
                <div class="row g-3">
                    <div class="col-md-4"><strong>King:</strong> {{ $property->pro_king_bed ?: '-' }}</div>
                    <div class="col-md-4"><strong>Queen:</strong> {{ $property->pro_queen_bed ?: '-' }}</div>
                    <div class="col-md-4"><strong>Single:</strong> {{ $property->pro_single_bed ?: '-' }}</div>
                    <div class="col-md-4"><strong>Double:</strong> {{ $property->pro_double_bed ?: '-' }}</div>
                    <div class="col-md-4"><strong>Twin:</strong> {{ $property->pro_twin_bed ?: '-' }}</div>
                    <div class="col-md-4"><strong>Sofa:</strong> {{ $property->pro_sofa_bed ?: '-' }}</div>
                    <div class="col-md-4"><strong>Bunk:</strong> {{ $property->pro_bunk_bed ?: '-' }}</div>
                    <div class="col-md-4"><strong>Cribs:</strong> {{ $property->pro_cribs ?: '-' }}</div>
                    <div class="col-md-4"><strong>Cot:</strong> {{ $property->pro_cot ?: '-' }}</div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-lg-4">
        <div class="card border-0 shadow-sm rounded-4">
            <div class="card-body p-4">
                <h4 class="mb-3">Default Rate</h4>
                <div class="row g-2">
                    <div class="col-12"><strong>Cleaning Fee:</strong> {{ $property->defaultRate->pro_cleaning_fee ?? '-' }}</div>
                    <div class="col-12"><strong>Refundable Amount:</strong> {{ $property->defaultRate->pro_refundable_amt ?? '-' }}</div>
                    <div class="col-12"><strong>Tax Fee:</strong> {{ $property->defaultRate->pro_tax_fee ?? '-' }}</div>
                    <div class="col-12"><strong>Extra:</strong> {{ $property->defaultRate->pro_extra ?? '-' }}</div>
                    <div class="col-12"><strong>Extra GST:</strong> {{ $property->defaultRate->pro_extra_gst ?? '-' }}</div>
                    <div class="col-12"><strong>Weekly Discount:</strong> {{ $property->defaultRate->pro_week_dct ?? '-' }}</div>
                    <div class="col-12"><strong>Monthly Discount:</strong> {{ $property->defaultRate->pro_month_dct ?? '-' }}</div>
                    <div class="col-12"><strong>Currency:</strong> {{ $property->defaultRate->curency ?? '-' }}</div>
                    <div class="col-12"><strong>Policies:</strong><br>{{ $property->defaultRate->can_polices_rules ?? '-' }}</div>
                    <div class="col-12"><strong>Notes:</strong><br>{{ $property->defaultRate->notes ?? '-' }}</div>
                </div>
            </div>
        </div>

        <div class="card border-0 shadow-sm rounded-4 mt-4">
            <div class="card-body p-4">
                <h4 class="mb-3">Recent Payments</h4>
                @forelse($property->payments->take(5) as $payment)
                    <div class="border rounded-3 p-3 mb-2">
                        <div class="fw-semibold">{{ $payment->trans_name }}</div>
                        <div class="small text-muted">{{ $payment->transaction_id }}</div>
                        <div class="small">{{ $payment->trans_curr }} {{ $payment->trans_amt }}</div>
                    </div>
                @empty
                    <div class="text-muted">No payment records found.</div>
                @endforelse
            </div>
        </div>
    </div>
</div>
@endsection