@extends('layouts.admin')

@section('title', 'Foods')
@section('page-title', 'Food Management')

@section('content')

    <div class="admin-page-header">
        <div>
            <h2>Food Management</h2>
            <p>Manage the NutriTrack food database.</p>
        </div>
    </div>

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

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

    <div class="admin-card">
        <div class="admin-card-header">
            <div>
                <h3>Add Food</h3>
                <p>Enter nutrition values per 100 grams.</p>
            </div>
        </div>

        <form method="POST" action="{{ route('admin.foods.store') }}">
            @csrf

            <div class="form-grid">
                <div class="form-group">
                    <label for="name">Food Name</label>
                    <input class="admin-input" id="name" name="name" value="{{ old('name') }}" required>
                </div>

                <div class="form-group">
                    <label for="calories_per_100g">Calories / 100g</label>
                    <input class="admin-input" id="calories_per_100g" name="calories_per_100g" type="number" min="0"
                        step="0.01" value="{{ old('calories_per_100g', 0) }}" required>
                </div>

                <div class="form-group">
                    <label for="protein_per_100g">Protein / 100g</label>
                    <input class="admin-input" id="protein_per_100g" name="protein_per_100g" type="number" min="0"
                        step="0.01" value="{{ old('protein_per_100g', 0) }}" required>
                </div>

                <div class="form-group">
                    <label for="carbs_per_100g">Carbs / 100g</label>
                    <input class="admin-input" id="carbs_per_100g" name="carbs_per_100g" type="number" min="0" step="0.01"
                        value="{{ old('carbs_per_100g', 0) }}" required>
                </div>

                <div class="form-group">
                    <label for="fat_per_100g">Fat / 100g</label>
                    <input class="admin-input" id="fat_per_100g" name="fat_per_100g" type="number" min="0" step="0.01"
                        value="{{ old('fat_per_100g', 0) }}" required>
                </div>

                <div class="form-group">
                    <label for="new-food-status">Status</label>
                    <input type="hidden" name="status" value="0">
                    <label>
                        <input id="new-food-status" type="checkbox" name="status" value="1" checked>
                        Active
                    </label>
                </div>
            </div>

            <button type="submit" class="admin-btn primary">Add Food</button>
        </form>
    </div>

    <div class="admin-card">
        <form method="GET" action="{{ route('admin.foods') }}" class="toolbar">
            <input class="admin-search" type="search" name="search" value="{{ $search ?? '' }}"
                placeholder="Search foods...">

            <button class="admin-btn primary" type="submit">Search</button>
            <a href="{{ route('admin.foods') }}" class="action-btn">Clear</a>
        </form>

        <div class="table-wrapper">
            <table>
                <thead>
                    <tr>
                        <th>Food</th>
                        <th>Calories</th>
                        <th>Protein</th>
                        <th>Carbs</th>
                        <th>Fat</th>
                        <th>Status</th>
                        <th>Actions</th>
                    </tr>
                </thead>

                <tbody>
                    @forelse ($foods as $food)
                        <tr>
                            <td><strong>{{ $food->name }}</strong></td>
                            <td>{{ number_format($food->calories_per_100g, 2) }} kcal</td>
                            <td>{{ number_format($food->protein_per_100g, 2) }}g</td>
                            <td>{{ number_format($food->carbs_per_100g, 2) }}g</td>
                            <td>{{ number_format($food->fat_per_100g, 2) }}g</td>
                            <td>
                                <span class="badge {{ $food->status ? 'active' : 'inactive' }}">
                                    {{ $food->status ? 'Active' : 'Inactive' }}
                                </span>
                            </td>
                            <td>
                                <details>
                                    <summary class="action-btn">Edit</summary>

                                    <form method="POST" action="{{ route('admin.foods.update', $food) }}">
                                        @csrf
                                        @method('PATCH')

                                        <div class="form-group">
                                            <label>Food Name</label>
                                            <input class="admin-input" name="name" value="{{ $food->name }}" required>
                                        </div>

                                        <div class="form-group">
                                            <label>Calories / 100g</label>
                                            <input class="admin-input" name="calories_per_100g" type="number" min="0"
                                                step="0.01" value="{{ $food->calories_per_100g }}" required>
                                        </div>

                                        <div class="form-group">
                                            <label>Protein / 100g</label>
                                            <input class="admin-input" name="protein_per_100g" type="number" min="0" step="0.01"
                                                value="{{ $food->protein_per_100g }}" required>
                                        </div>

                                        <div class="form-group">
                                            <label>Carbs / 100g</label>
                                            <input class="admin-input" name="carbs_per_100g" type="number" min="0" step="0.01"
                                                value="{{ $food->carbs_per_100g }}" required>
                                        </div>

                                        <div class="form-group">
                                            <label>Fat / 100g</label>
                                            <input class="admin-input" name="fat_per_100g" type="number" min="0" step="0.01"
                                                value="{{ $food->fat_per_100g }}" required>
                                        </div>

                                        <div class="form-group">
                                            <input type="hidden" name="status" value="0">
                                            <label>
                                                <input type="checkbox" name="status" value="1" @checked($food->status)>
                                                Active
                                            </label>
                                        </div>

                                        <button type="submit" class="admin-btn primary">
                                            Save Changes
                                        </button>
                                    </form>
                                </details>

                                <form method="POST" action="{{ route('admin.foods.destroy', $food) }}"
                                    onsubmit="return confirm('Delete this food?')">
                                    @csrf
                                    @method('DELETE')

                                    <button type="submit" class="delete-btn">Delete</button>
                                </form>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="7">No foods found.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        <div class="pagination-wrapper">
            {{ $foods->links() }}
        </div>
    </div>

@endsection