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('page_title', 'View Photo Slider')
@section('content') @section('content')
<div class="container-fluid py-4">
<div class="row justify-content-center">
<div class="card"> <div class="card">
<div class="card-header"> <div class="card-header border-0 bg-transparent">
<h5 class="mb-0 fw-bold text-dark">View Photo Slider</h5> <h5 class="mb-0">View Photo Slider</h5>
</div> </div>
<div class="card-body"> <div class="card-body">
<div class="mb-3"> <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>
<div class="mb-3"> <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>
<div class="mb-3"> <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>
<div class="mb-3"> <div class="mb-3">
<strong>Image:</strong> <label class="form-label">Image</label>
@if ($slider['image']) @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 @else
No image available. <input type="text" class="form-control" value="No image available" readonly>
@endif @endif
</div> </div>
<div class="mb-3"> <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>
<div class="mb-3"> <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>
<div class="mb-3"> <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> </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> <a href="{{ route('photo-slider.edit', $slider['photo_slider_uuid']) }}" class="btn btn-primary">Edit</a>
</div> </div>
</div> </div>
</div>
</div>
</div>
@endsection @endsection