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('page_title', 'View Card Type')
@section('content') @section('content')
<div class="container"> <div class="container-fluid py-4">
<h2>View Card Type</h2> <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')) @if (session('success'))
<div class="alert alert-success alert-dismissible fade show" role="alert"> <div class="alert alert-success alert-dismissible fade show" role="alert">
{{ session('success') }} {{ session('success') }}
@ -17,25 +22,64 @@
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button> <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div> </div>
@endif @endif
<div class="mb-3">
<div class="card"> <label class="form-label">Card Type Description</label>
<div class="card-body"> <input type="text" class="form-control" value="{{ $cardType['cardTypeDescription'] }}" readonly>
<h5 class="card-title">{{ $cardType['cardTypeDescription'] }}</h5> </div>
<p class="card-text"><strong>Card Code:</strong> {{ $cardType['cardCode'] }}</p> <div class="mb-3">
<p class="card-text"><strong>Type:</strong> {{ $cardType['type'] }}</p> <label class="form-label">Card Code</label>
<p class="card-text"><strong>Short Description:</strong> {{ $cardType['cardTypeShortDescription'] }}</p> <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']) @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 @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']) @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 @endif
<p class="card-text"><strong>ID Number Required:</strong> {{ $cardType['idNumberRequired'] }}</p> </div>
<p class="card-text"><strong>ID Number Description:</strong> {{ $cardType['idNumberDescription'] ?: 'N/A' }}</p> <div class="mb-3">
<p class="card-text"><strong>Terms and Conditions:</strong> {{ $cardType['termsAndConditions'] }}</p> <label class="form-label">ID Number Required</label>
<p class="card-text"><strong>FAQs:</strong> {{ $cardType['faqs'] }}</p> <input type="text" class="form-control" value="{{ $cardType['idNumberRequired'] }}" readonly>
<a href="{{ route('card-types') }}" class="btn btn-secondary">Back</a> </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> </div>
</div> </div>