@extends('admin.layouts.layout')

@section('title', 'View Client Discount: ' . $clientDiscount->title)

@section('content')
<div class="mb-4">
    <div class="servicestitle">
        <h3>View Client Discount: {{ $clientDiscount->title }}</h3>
        <div class="d-flex gap-2 ms-auto">            
            @if($permission['clientDiscountEdit'] ?? true)
            <a href="{{ route('client-discounts.edit', $clientDiscount->id) }}" class="btn btn-primary">
                <i class="fas fa-edit"></i> Edit Discount
            </a>
            @endif
            @if($permission['clientDiscountIndex'] ?? true)
            <a href="{{ route('property-age-fees.index') }}" class="btn btn-dark waves-effect">
                <i class="fas fa-arrow-left"></i> Back to Client Discounts
            </a>
            @endif
        </div>
    </div>
    <div class="service_contentarea">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0">Client Discount Details</h5>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label fw-bold">Discount Title:</label>
                                    <div class="form-control-plaintext">{{ $clientDiscount->title }}</div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label fw-bold">Discount Type:</label>
                                    <div class="form-control-plaintext">
                                        <span class="badge bg-info">{{ $clientDiscount->discount_type }}</span>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label fw-bold">Discount Amount:</label>
                                    <div class="form-control-plaintext">
                                        <strong>{{ $clientDiscount->formatted_amount }}</strong>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label fw-bold">Status:</label>
                                    <div class="form-control-plaintext">
                                        {!! $clientDiscount->status_badge !!}
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label fw-bold">Tenant:</label>
                                    <div class="form-control-plaintext">{{ $clientDiscount->tenant->name ?? 'N/A' }}</div>
                                </div>
                            </div>                               
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label fw-bold">Created:</label>
                                    <div class="form-control-plaintext">{{ $clientDiscount->created_at ? \App\Helpers\Helper::showdate($clientDiscount->created_at) : 'N/A' }}</div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label fw-bold">Last Updated:</label>
                                    <div class="form-control-plaintext">{{ $clientDiscount->updated_at ? \App\Helpers\Helper::showdate($clientDiscount->updated_at) : 'N/A' }}</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>    
    </div>
</div>
@endsection

@push('page_css')
<style>
.form-control-plaintext {
    padding: 0.375rem 0;
    margin-bottom: 0;
    color: #495057;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}

.form-label.fw-bold {
    font-weight: 600 !important;
    color: #495057;
}

.badge {
    font-size: 0.875em;
}

.card-header h5 {
    margin-bottom: 0;
    color: #495057;
}

.list-unstyled li {
    padding: 0.25rem 0;
    border-bottom: 1px solid #f8f9fa;
}

.list-unstyled li:last-child {
    border-bottom: none;
}
</style>
@endpush