armiejean
/
cms-frontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

photo-slider view UI fixed

This commit is contained in:
armiejean 2025-05-20 17:50:13 +08:00
parent 650f00f66e
commit 24f5710996
1 changed files with 45 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
resources/views/pages/photo-slider-view.blade.php
View File

@ -3,40 +3,53 @@
@section('page_title', 'View Photo Slider')
@section('content')
<div class="container-fluid py-4">
<div class="row justify-content-center">
<div class="card">
<div class="card-header">
<h5 class="mb-0 fw-bold text-dark">View Photo Slider</h5>
<div class="card-header border-0 bg-transparent">
<h5 class="mb-0">View Photo Slider</h5>
</div>
<div class="card-body">
<div class="mb-3">
<strong>Title:</strong> {{ $slider['title'] }}
<label class="form-label">Title</label>
<input type="text" class="form-control" value="{{ $slider['title'] }}" readonly>
</div>
<div class="mb-3">
<strong>Description:</strong> {{ $slider['description'] }}
<label class="form-label">Description</label>
<input type="text" class="form-control" value="{{ $slider['description'] }}" readonly>
</div>
<div class="mb-3">
<strong>Type:</strong> {{ $slider['type'] }}
<label class="form-label">Type</label>
<input type="text" class="form-control" value="{{ $slider['type'] }}" readonly>
</div>
<div class="mb-3">
<strong>Image:</strong>
<label class="form-label">Image</label>
@if ($slider['image'])
<img src="{{ $slider['image'] }}" alt="{{ $slider['title'] }}" style="max-width: 200px; height: auto;">
<div>
<img src="{{ $slider['image'] }}" alt="{{ $slider['title'] }}" style="max-width: 200px; height: auto;" class="form-control-img">
</div>
@else
No image available.
<input type="text" class="form-control" value="No image available" readonly>
@endif
</div>
<div class="mb-3">
<strong>Start Date:</strong> {{ $slider['startDate'] }}
<label class="form-label">Start Date</label>
<input type="text" class="form-control" value="{{ $slider['startDate'] }}" readonly>
</div>
<div class="mb-3">
<strong>End Date:</strong> {{ $slider['endDate'] }}
<label class="form-label">End Date</label>
<input type="text" class="form-control" value="{{ $slider['endDate'] }}" readonly>
</div>
<div class="mb-3">
<strong>Active:</strong> {{ $slider['isActive'] ? 'Yes' : 'No' }}
<label class="form-label">Active</label>
<input type="text" class="form-control" value="{{ $slider['isActive'] ? 'Yes' : 'No' }}" readonly>
</div>
<a href="{{ route('photo-slider') }}" class="btn btn-secondary">Back</a>
<div class="text-end">
<a href="{{ route('photo-slider') }}" class="btn btn-primary">Back</a>
<a href="{{ route('photo-slider.edit', $slider['photo_slider_uuid']) }}" class="btn btn-primary">Edit</a>
</div>
</div>
</div>
</div>
</div>
@endsection