@extends('layouts.user')

@section('title', 'Settings')
@section('page-title', 'Settings')
@section('page-subtitle', 'Configure your nutrition goals.')

@section('content')

    <div class="page-heading">
        <div>
            <h2>Settings</h2>
            <p>Set your daily calorie target.</p>
        </div>
    </div>

    @if (session('success'))
        <div class="card">{{ session('success') }}</div>
    @endif

    @if ($errors->any())
        <div class="card">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <div class="card form-card">
        <h3>Daily Nutrition Goal</h3>

        <p class="form-description">
            Set a daily calorie target between 500 and 10,000 kcal.
        </p>

        <form method="POST" action="{{ route('user.settings.update') }}">
            @csrf
            @method('PATCH')

            <div class="form-group">
                <label for="calorie_target">Daily Calorie Target</label>

                <div class="input-suffix">
                    <input id="calorie_target" name="calorie_target" class="form-control" type="number" min="500"
                        max="10000" value="{{ old('calorie_target', $calorieTarget) }}" required>
                    <span>kcal</span>
                </div>
            </div>

            <button type="submit" class="btn btn-primary">
                Save Target
            </button>
        </form>
    </div>

@endsection