card-type view UI fixed

This commit is contained in:
armiejean 2025-05-20 17:59:56 +08:00
parent 56d7fcba13
commit e56747735b
1 changed files with 73 additions and 29 deletions

View File

@ -3,8 +3,13 @@
@section('page_title', 'View Card Type')
@section('content')
<div class="container">
<h2>View Card Type</h2>
<div class="container-fluid py-4">
<div class="row justify-content-center">
<div class="card">
<div class="card-header border-0 bg-transparent">
<h5 class="mb-0">View Card Type</h5>
</div>
<div class="card-body">
@if (session('success'))
<div class="alert alert-success alert-dismissible fade show" role="alert">
{{ session('success') }}
@ -17,26 +22,65 @@
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif
<div class="card">
<div class="card-body">
<h5 class="card-title">{{ $cardType['cardTypeDescription'] }}</h5>
<p class="card-text"><strong>Card Code:</strong> {{ $cardType['cardCode'] }}</p>
<p class="card-text"><strong>Type:</strong> {{ $cardType['type'] }}</p>
<p class="card-text"><strong>Short Description:</strong> {{ $cardType['cardTypeShortDescription'] }}</p>
<div class="mb-3">
<label class="form-label">Card Type Description</label>
<input type="text" class="form-control" value="{{ $cardType['cardTypeDescription'] }}" readonly>
</div>
<div class="mb-3">
<label class="form-label">Card Code</label>
<input type="text" class="form-control" value="{{ $cardType['cardCode'] }}" readonly>
</div>
<div class="mb-3">
<label class="form-label">Type</label>
<input type="text" class="form-control" value="{{ $cardType['type'] }}" readonly>
</div>
<div class="mb-3">
<label class="form-label">Short Description</label>
<input type="text" class="form-control" value="{{ $cardType['cardTypeShortDescription'] }}" readonly>
</div>
<div class="mb-3">
<label class="form-label">Card Image</label>
@if ($cardType['cardTypeImage'])
<p class="card-text"><strong>Card Image:</strong> <a href="{{ $cardType['cardTypeImage'] }}" target="_blank">View</a></p>
<input type="text" class="form-control" value="{{ $cardType['cardTypeImage'] }}" readonly>
<a href="{{ $cardType['cardTypeImage'] }}" target="_blank" class="mt-2 d-inline-block">View Image</a>
@else
<input type="text" class="form-control" value="No image available" readonly>
@endif
<p class="card-text"><strong>Font Color:</strong> {{ $cardType['virtualCardFontColor'] }}</p>
</div>
<div class="mb-3">
<label class="form-label">Font Color</label>
<input type="text" class="form-control" value="{{ $cardType['virtualCardFontColor'] }}" readonly>
</div>
<div class="mb-3">
<label class="form-label">Cover Image</label>
@if ($cardType['cardTypeCoverImage'])
<p class="card-text"><strong>Cover Image:</strong> <a href="{{ $cardType['cardTypeCoverImage'] }}" target="_blank">View</a></p>
<input type="text" class="form-control" value="{{ $cardType['cardTypeCoverImage'] }}" readonly>
<a href="{{ $cardType['cardTypeCoverImage'] }}" target="_blank" class="mt-2 d-inline-block">View Image</a>
@else
<input type="text" class="form-control" value="No image available" readonly>
@endif
<p class="card-text"><strong>ID Number Required:</strong> {{ $cardType['idNumberRequired'] }}</p>
<p class="card-text"><strong>ID Number Description:</strong> {{ $cardType['idNumberDescription'] ?: 'N/A' }}</p>
<p class="card-text"><strong>Terms and Conditions:</strong> {{ $cardType['termsAndConditions'] }}</p>
<p class="card-text"><strong>FAQs:</strong> {{ $cardType['faqs'] }}</p>
<a href="{{ route('card-types') }}" class="btn btn-secondary">Back</a>
</div>
<div class="mb-3">
<label class="form-label">ID Number Required</label>
<input type="text" class="form-control" value="{{ $cardType['idNumberRequired'] }}" readonly>
</div>
<div class="mb-3">
<label class="form-label">ID Number Description</label>
<input type="text" class="form-control" value="{{ $cardType['idNumberDescription'] ?: 'N/A' }}" readonly>
</div>
<div class="mb-3">
<label class="form-label">Terms and Conditions</label>
<textarea class="form-control" readonly>{{ $cardType['termsAndConditions'] }}</textarea>
</div>
<div class="mb-3">
<label class="form-label">FAQs</label>
<textarea class="form-control" readonly>{{ $cardType['faqs'] }}</textarea>
</div>
<div class="text-end">
<a href="{{ route('card-types') }}" class="btn btn-primary">Back</a>
</div>
</div>
</div>
</div>
</div>
@endsection