@@ -46,35 +46,38 @@ $currentPage = 'manage-reports';
|
||||
@foreach($points as $point)
|
||||
<div class="col-md-12">
|
||||
<div class="card mb-3">
|
||||
<div class="card-header">
|
||||
<div class="card-header d-flex justify-content-between align-items-center collapsed" data-toggle="collapse" data-target="#collapse{{ $loop->index }}" aria-expanded="false" aria-controls="collapse{{ $loop->index }}" role="button">
|
||||
<label>
|
||||
<input type="radio" name="reportType" value="{{ $point }}" class="report-type-radio"> {{ $point }}
|
||||
</label>
|
||||
<span class="toggle-icon"></span>
|
||||
</div>
|
||||
<div class="card-body state-checkboxes" style="display: none;" data-point="{{ $point }}">
|
||||
@if($point === 'Redemptions for Specific Restaurants')
|
||||
<label>
|
||||
<input type="checkbox" class="check-all"> Check All
|
||||
</label>
|
||||
<div class="state-checkboxes-container">
|
||||
@foreach($restaurants as $restaurant)
|
||||
<label class="state-checkbox-label">
|
||||
<input type="checkbox" name="restaurants[]" value="{{ $restaurant->id }}" class="state-checkbox"> {{ $restaurant->name }}
|
||||
<div id="collapse{{ $loop->index }}" class="collapse state-checkboxes" data-point="{{ $point }}">
|
||||
<div class="card-body">
|
||||
@if($point === 'Redemptions for Specific Restaurants')
|
||||
<label>
|
||||
<input type="checkbox" class="check-all"> Check All
|
||||
</label>
|
||||
@endforeach
|
||||
</div>
|
||||
@else
|
||||
<label>
|
||||
<input type="checkbox" class="check-all"> Check All
|
||||
</label>
|
||||
<div class="state-checkboxes-container">
|
||||
@foreach($states as $state)
|
||||
<label class="state-checkbox-label">
|
||||
<input type="checkbox" name="states[]" value="{{ $state->id }}" class="state-checkbox"> {{ $state->name }}
|
||||
<div class="state-checkboxes-container">
|
||||
@foreach($restaurants as $restaurant)
|
||||
<label class="state-checkbox-label">
|
||||
<input type="checkbox" name="restaurants[]" value="{{ $restaurant->id }}" class="state-checkbox"> {{ $restaurant->name }}
|
||||
</label>
|
||||
@endforeach
|
||||
</div>
|
||||
@else
|
||||
<label>
|
||||
<input type="checkbox" class="check-all"> Check All
|
||||
</label>
|
||||
@endforeach
|
||||
</div>
|
||||
@endif
|
||||
<div class="state-checkboxes-container">
|
||||
@foreach($states as $state)
|
||||
<label class="state-checkbox-label">
|
||||
<input type="checkbox" name="states[]" value="{{ $state->id }}" class="state-checkbox"> {{ $state->name }}
|
||||
</label>
|
||||
@endforeach
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -115,11 +118,11 @@ $currentPage = 'manage-reports';
|
||||
document.querySelectorAll('input[name="reportType"]').forEach(function(radio) {
|
||||
radio.addEventListener('change', function() {
|
||||
document.querySelectorAll('.state-checkboxes').forEach(function(checkboxDiv) {
|
||||
checkboxDiv.style.display = 'none';
|
||||
checkboxDiv.classList.remove('show');
|
||||
});
|
||||
var selectedPoint = this.value;
|
||||
document.querySelectorAll('.state-checkboxes[data-point="' + selectedPoint + '"]').forEach(function(checkboxDiv) {
|
||||
checkboxDiv.style.display = 'block';
|
||||
checkboxDiv.classList.add('show');
|
||||
});
|
||||
});
|
||||
});
|
||||
@@ -160,6 +163,13 @@ $currentPage = 'manage-reports';
|
||||
background-color: #f8f9fa;
|
||||
padding: 10px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
cursor: pointer;
|
||||
}
|
||||
.card-header .toggle-icon {
|
||||
transition: transform 0.3s;
|
||||
}
|
||||
.card-header.collapsed .toggle-icon {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
.card-body {
|
||||
padding: 10px;
|
||||
@@ -175,5 +185,11 @@ $currentPage = 'manage-reports';
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
.collapse.show {
|
||||
display: block;
|
||||
}
|
||||
.collapse {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
@endsection
|
||||
|
||||
@@ -13,6 +13,7 @@
|
||||
<th>ID</th>
|
||||
<th>First Name</th>
|
||||
<th>Last Name</th>
|
||||
<th>Phone Number</th>
|
||||
<th>Email</th>
|
||||
<th>State</th>
|
||||
<th>Date</th>
|
||||
@@ -25,10 +26,11 @@
|
||||
<td>{{ $user->id }}</td>
|
||||
<td>{{ $user->first_name }}</td>
|
||||
<td>{{ $user->last_name }}</td>
|
||||
<td>{{ $user->phone_number }}</td>
|
||||
<td>{{ $user->email_address }}</td>
|
||||
<td>{{ $user->state->name ?? 'N/A' }}</td>
|
||||
<td>{{ $user->created_at }}</td>
|
||||
</tr>
|
||||
<td>{{ $user->created_at ?? 'N/A'}}</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
Reference in New Issue
Block a user