UI Design

@extends('mobile.layout.mobile-layout') @section('content')

@csrf

Training Day

{{-- Hrs of Sleep Div --}}

{{-- Header for Hrs of Sleep --}}

Hrs of Sleep

{{-- Buttons for selecting hours of sleep --}}

{{-- Info icon button (currently inactive) --}}

{{-- Hidden input field to store the selected value for hours of sleep --}}

{{-- Alertness Div --}}

{{-- Header for Alertness --}}

Alertness

{{-- Buttons for selecting alertness levels --}}

{{-- Info icon button for Alertness --}}

{{-- Description area for selected alertness level --}}

{{-- Hidden input field to store the selected value for alertness --}}

{{-- Excitement Div --}}

{{-- Header for Excitement --}}

Excitement

{{-- Buttons for selecting excitement levels --}}

{{-- Info icon button for Excitement --}}

{{-- Description area for selected excitement level --}}

{{-- Hidden input field to store the selected value for excitement --}}

{{-- Stress Div --}}

{{-- Header for Stress --}}

Stress

{{-- Buttons for selecting stress levels --}}

{{-- Info icon button for Stress --}}

{{-- Description area for selected stress level --}}

{{-- Hidden input field to store the selected value for stress --}}

{{-- Soreness Div --}}

{{-- Header for Soreness --}}

Soreness

{{-- Buttons for selecting soreness levels --}}

{{-- Info icon button for Soreness --}}

{{-- Description area for selected soreness level --}}

{{-- Hidden input field to store the selected value for soreness --}}

{{-- Score Div --}}

{{-- Container for displaying the score --}}

SCORE {{-- Score input field, read-only --}}

%

{{-- Save Button --}}

{{-- Modal --}} {{-- Script to handle modal popup and info display --}} @endsection