This commit is contained in:
sayaliparab
2024-07-04 17:23:21 +05:30
parent 2c86e4feaa
commit ad8feb4fae
2 changed files with 45 additions and 27 deletions

View File

@@ -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

View File

@@ -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>