@extends('layouts.app')
@section('title', 'Workout Report')

@section('content')
<style>
    .report-container {
        margin: 20px;
        padding: 2rem;
        background-color: white;
    }

    h2 {
        text-align: center;
        margin-bottom: 2rem;
    }

    .report-meta {
        margin-bottom: 2rem;
        font-size: 1rem;
        color: #374151;
    }

    table {
        width: 100%;
        border-collapse: collapse;
        font-size: 0.95rem;
    }

    th, td {
        border: 1px solid #e5e7eb;
        padding: 0.5rem;
        text-align: left;
    }

    th {
        background-color: #f3f4f6;
        text-transform: uppercase;
        font-weight: 600;
    }

    tbody tr:nth-child(even) {
        background-color: #f9fafb;
    }

    .print-btn {
        margin-bottom: 1rem;
        padding: 0.5rem 1rem;
        background-color: #2563eb;
        color: white;
        border: none;
        border-radius: 6px;
        cursor: pointer;
    }

    .print-btn:hover {
        background-color: #1d4ed8;
    }

     /* 👇 Hide the print button when printing */
    @media print {
        .print-btn {
            display: none !important;
        }
    }
</style>

<div class="report-container">
    <h2>Workout Report</h2>

    <div class="report-meta">
        <p><strong>Name:</strong> {{ $member->name ?? 'All Members' }}</p>
        <p><strong>Member ID:</strong> {{ $member->contact_id ?? '-' }}</p>
        <p><strong>Start Date:</strong> {{ $startDate ?? '-' }}</p>
        <p><strong>End Date:</strong> {{ $endDate ?? '-' }}</p>
    </div>

    <button class="print-btn" onclick="window.print()">Print Report</button>

    <table>
        <thead>
            <tr>
                <th>#</th>
                <th>Day</th>
                <th>From</th>
                <th>To</th>
                <th>Workout</th>
                <th>Category</th>
                <th>Sets</th>
                <th>Reps</th>
                <th>Kg</th>
                <th>Rest</th>
                <th>Remarks</th>
            </tr>
        </thead>
        <tbody>
            @forelse($workouts as $index => $workout)
                <tr>
                    <td>{{ $index + 1 }}</td>
                    <td>{{ $workout->day }}</td>
                    <td>{{ \Carbon\Carbon::parse($workout->workout_date_from)->format('d-m-Y') }}</td>
                    <td>{{ \Carbon\Carbon::parse($workout->workout_date_to)->format('d-m-Y') }}</td>
                    <td>{{ $workout->workout }}</td>
                    <td>{{ $workout->category }}</td>
                    <td>{{ $workout->sets }}</td>
                    <td>{{ $workout->reps }}</td>
                    <td>{{ $workout->kg }}</td>
                    <td>{{ $workout->rest_time }}</td>
                    <td>{{ $workout->remarks }}</td>
                </tr>
            @empty
                <tr>
                    <td colspan="9" style="text-align: center;">No records found.</td>
                </tr>
            @endforelse
        </tbody>
    </table>
</div>
@endsection