sampanna/score_and_win
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changes

Browse Source
This commit is contained in:
sampanna
2026-06-11 12:26:32 +05:45
parent 7f6ae57c3a
commit 7bad51659b
5 changed files with 263 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/dashboard/admin.blade.php
+129 -50
View File
@@ -7,7 +7,7 @@
<div class="flex items-center justify-between mb-7">
<div>
<h1 class="text-slate-900 text-xl font-bold tracking-tight">Student Registrations</h1>
<p class="text-slate-500 text-sm mt-0.5">View registrations and manage student comments.</p>
<p class="text-slate-500 text-sm mt-0.5">Track registrations and goal scores for today's session.</p>
</div>
<div class="flex items-center gap-2.5">
<!-- Search -->
@@ -17,7 +17,7 @@
<circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/>
</svg>
<input type="text" name="search" value="{{ $search ?? '' }}" placeholder="Search name, phone, email…"
class="text-sm text-slate-700 placeholder-slate-400 outline-none bg-transparent w-52">
class="text-sm text-slate-700 placeholder-slate-400 outline-none bg-transparent w-48">
@if(!empty($search))
<a href="{{ route('home') }}" class="text-slate-400 hover:text-slate-600 transition-colors">
<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
@@ -26,14 +26,14 @@
</div>
</form>
<a href="{{ route('registrations.index') }}"
class="flex items-center gap-2 bg-white hover:bg-slate-50 border border-slate-200 text-slate-700 text-sm font-medium px-4 py-2 rounded-lg transition-colors shadow-sm">
class="flex items-center gap-2 bg-white hover:bg-slate-50 border border-slate-200 text-slate-700 text-sm font-medium px-4 py-2 rounded-lg transition-colors shadow-sm">
<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M3 6h18"/><path d="M3 12h18"/><path d="M3 18h18"/>
</svg>
All Registrations
</a>
<a href="{{ route('leaderboard') }}"
class="flex items-center gap-2 bg-white hover:bg-slate-50 border border-slate-200 text-slate-700 text-sm font-medium px-4 py-2 rounded-lg transition-colors shadow-sm">
class="flex items-center gap-2 bg-white hover:bg-slate-50 border border-slate-200 text-slate-700 text-sm font-medium px-4 py-2 rounded-lg transition-colors shadow-sm">
<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<line x1="18" y1="20" x2="18" y2="10"/><line x1="12" y1="20" x2="12" y2="4"/><line x1="6" y1="20" x2="6" y2="14"/>
</svg>
@@ -60,7 +60,7 @@
</div>
<div>
<p class="text-2xl font-bold text-slate-900 leading-none">{{ $total }}</p>
<p class="text-xs text-slate-500 mt-1 font-medium">Total Registrations</p>
<p class="text-xs text-slate-500 mt-1 font-medium">Total Students</p>
</div>
</div>
<div class="bg-white rounded-xl border border-slate-200 px-5 py-4 flex items-center gap-4 shadow-sm">
@@ -95,7 +95,7 @@
<line x1="8" y1="6" x2="21" y2="6"/><line x1="8" y1="12" x2="21" y2="12"/><line x1="8" y1="18" x2="21" y2="18"/>
<line x1="3" y1="6" x2="3.01" y2="6"/><line x1="3" y1="12" x2="3.01" y2="12"/><line x1="3" y1="18" x2="3.01" y2="18"/>
</svg>
Today's Sessions
All Registrations
</div>
<span class="text-xs font-medium text-slate-400 bg-slate-100 px-2 py-0.5 rounded-full">{{ $total }} students</span>
</div>
@@ -106,7 +106,6 @@
<th class="px-5 py-3 text-left text-xs font-semibold text-slate-500 uppercase tracking-wider">Name</th>
<th class="px-5 py-3 text-left text-xs font-semibold text-slate-500 uppercase tracking-wider">Phone</th>
<th class="px-5 py-3 text-left text-xs font-semibold text-slate-500 uppercase tracking-wider">Email</th>
<th class="px-5 py-3 text-left text-xs font-semibold text-slate-500 uppercase tracking-wider">Country</th>
<th class="px-5 py-3 text-center text-xs font-semibold text-slate-500 uppercase tracking-wider">Today's Shots</th>
<th class="px-5 py-3 text-center text-xs font-semibold text-slate-500 uppercase tracking-wider">Total Score</th>
<th class="px-5 py-3 text-right text-xs font-semibold text-slate-500 uppercase tracking-wider">Actions</th>
@@ -134,19 +133,6 @@
</td>
<td class="px-5 py-3.5 text-slate-500">{{ $reg['phone'] }}</td>
<td class="px-5 py-3.5 text-slate-500">{{ $reg['email'] }}</td>
<td class="px-5 py-3.5" onclick="event.stopPropagation()">
<select class="country-select text-xs border border-slate-200 rounded-lg px-2 py-1.5 bg-white
text-slate-700 focus:outline-none focus:ring-2 focus:ring-indigo-400 cursor-pointer max-w-[140px]"
data-reg-id="{{ $reg['id'] }}">
<option value="">— Select —</option>
@foreach($countries as $country)
<option value="{{ $country->id }}"
{{ ($reg['country_id'] ?? null) == $country->id ? 'selected' : '' }}>
{{ $country->title }}
</option>
@endforeach
</select>
</td>
<td class="px-5 py-3.5">
<div class="shots-cell flex items-center justify-center gap-1.5">
@if(is_null($reg['today_goals']))
@@ -280,6 +266,7 @@
</svg>
</div>
<input type="tel" id="phone" placeholder="+977 98XXXXXXXX"
inputmode="numeric"
class="flex-1 px-3 py-2.5 bg-transparent text-sm text-slate-800 placeholder-slate-400 outline-none">
</div>
<button id="sendOtpBtn"
@@ -446,7 +433,7 @@
</div>
<!-- Done state (all 3 recorded) -->
<div id="shotDoneState" class="hidden text-center">
<div id="shotDoneState" class="hidden text-center px-2">
<div class="w-16 h-16 rounded-full bg-emerald-100 flex items-center justify-center mx-auto mb-3">
<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#059669" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<polyline points="20 6 9 17 4 12"/>
@@ -454,6 +441,16 @@
</div>
<p class="text-slate-900 font-bold text-lg">All shots recorded!</p>
<p class="text-slate-500 text-sm mt-1">Session score: <span id="sessionScoreDisplay" class="font-bold text-indigo-600"></span> pts</p>
<button id="correctShotBtn"
class="mt-4 w-full flex items-center justify-center gap-2 px-4 py-2.5 rounded-xl
border-2 border-amber-300 bg-amber-50 hover:bg-amber-100 text-amber-700
text-sm font-semibold transition-all">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7"/>
<path d="M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z"/>
</svg>
Correct a Shot
</button>
</div>
</div>
@@ -596,6 +593,117 @@ function recordShot(result) {
.fail(() => alert('Failed to record shot. Please try again.'));
}
// ── Phone: allow only digits, +, -, spaces ───────────────────
document.getElementById('phone').addEventListener('input', function () {
this.value = this.value.replace(/[^0-9+\-\s]/g, '');
});
document.getElementById('phone').addEventListener('keydown', function (e) {
const allowed = ['Backspace','Delete','ArrowLeft','ArrowRight','Tab','Home','End'];
if (allowed.includes(e.key)) return;
if (!/^[0-9+\-\s]$/.test(e.key)) e.preventDefault();
});
// ── Shot correction — click an already-recorded indicator ────
for (let i = 1; i <= 3; i++) {
document.getElementById('shotIndicator' + i).addEventListener('click', function () {
const shotIndex = i - 1;
// Only allow editing shots that have been recorded
if (shotResults[shotIndex] === undefined) return;
enterCorrectionMode(shotIndex);
});
}
document.getElementById('correctShotBtn').addEventListener('click', function () {
// Default to correcting the last shot
enterCorrectionMode(shotResults.length - 1);
});
function enterCorrectionMode(shotIndex) {
const shotNum = shotIndex + 1;
// Show ready state with correction context
document.getElementById('shotReadyState').classList.remove('hidden');
document.getElementById('shotDoneState').classList.add('hidden');
document.getElementById('currentShotLabel').textContent = 'Correct Shot ' + shotNum + '?';
document.getElementById('currentShotLabel').classList.add('text-amber-600');
// Highlight the indicator being corrected
for (let j = 1; j <= 3; j++) {
const el = document.getElementById('shotIndicator' + j);
if (j === shotNum) {
el.className = 'flex-1 h-10 rounded-lg border-2 border-amber-400 bg-amber-50 flex items-center justify-center text-xs font-bold text-amber-600 animate-pulse transition-all';
}
}
// Override goal/miss to correct this specific shot
const goalBtn = document.getElementById('goalBtn');
const missBtn = document.getElementById('missBtn');
// Remove old listeners by cloning
const newGoalBtn = goalBtn.cloneNode(true);
const newMissBtn = missBtn.cloneNode(true);
goalBtn.parentNode.replaceChild(newGoalBtn, goalBtn);
missBtn.parentNode.replaceChild(newMissBtn, missBtn);
newGoalBtn.addEventListener('click', () => correctShot(shotIndex, true));
newMissBtn.addEventListener('click', () => correctShot(shotIndex, false));
}
function correctShot(shotIndex, result) {
if (!selectedSessionId) return;
const shotNumber = shotIndex + 1;
$.ajax({
url: '{{ route("registrations.correct-shot") }}',
method: 'POST',
data: {
_token: '{{ csrf_token() }}',
session_id: selectedSessionId,
shot_number: shotNumber,
result: result ? 1 : 0,
},
success: function (res) {
// Update local state
shotResults[shotIndex] = result;
// Reset button listeners back to normal
const goalBtn = document.getElementById('goalBtn');
const missBtn = document.getElementById('missBtn');
const newGoalBtn = goalBtn.cloneNode(true);
const newMissBtn = missBtn.cloneNode(true);
goalBtn.parentNode.replaceChild(newGoalBtn, goalBtn);
missBtn.parentNode.replaceChild(newMissBtn, missBtn);
newGoalBtn.addEventListener('click', () => recordShot(true));
newMissBtn.addEventListener('click', () => recordShot(false));
document.getElementById('currentShotLabel').classList.remove('text-amber-600');
currentShot = shotResults.length + 1;
refreshPanel();
// Update scores
document.getElementById('panelTotalScore').textContent = res.total_score;
if (selectedRow) {
selectedRow.dataset.totalScore = res.total_score;
selectedRow.dataset.shots = JSON.stringify(shotResults);
const scoreCell = selectedRow.querySelector('.score-cell');
if (scoreCell) scoreCell.textContent = res.total_score;
const shotsCell = selectedRow.querySelector('.shots-cell');
if (shotsCell) {
shotsCell.innerHTML = shotResults.map((g, i) =>
g ? `<div class="w-7 h-7 rounded-full bg-emerald-100 border-2 border-emerald-400 flex items-center justify-center" title="Shot ${i+1}: Goal">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#059669" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
</div>`
: `<div class="w-7 h-7 rounded-full bg-slate-100 border-2 border-slate-300 flex items-center justify-center" title="Shot ${i+1}: Miss">
<svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="#94a3b8" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
</div>`
).join('');
}
}
},
error: function () { alert('Failed to correct shot. Please try again.'); }
});
}
document.getElementById('goalBtn').addEventListener('click', () => recordShot(true));
document.getElementById('missBtn').addEventListener('click', () => recordShot(false));
document.getElementById('closeShotPanel').addEventListener('click', closeShotPanel);
@@ -799,33 +907,4 @@ document.getElementById('submitRegistrationBtn').addEventListener('click', funct
});
});
</script>
<script>
document.querySelectorAll('.country-select').forEach(sel => {
sel.addEventListener('change', function () {
const regId = this.dataset.regId;
const countryId = this.value;
const flagTarget = this.dataset.flagTarget;
if (!countryId) return;
// Update flag preview if present
if (flagTarget) {
const selectedOption = this.options[this.selectedIndex];
const flagUrl = selectedOption.dataset.flag;
const flagEl = document.getElementById(flagTarget);
if (flagEl && flagUrl) {
flagEl.src = flagUrl;
flagEl.classList.remove('hidden');
}
}
$.ajax({
url: '{{ route("registrations.update-country", ":id") }}'.replace(':id', regId),
method: 'POST',
data: { _token: '{{ csrf_token() }}', country_id: countryId },
error: function () { alert('Failed to update country.'); }
});
});
});
</script>
@endpush