{% extends 'washerman/dashboard.html.twig' %}

{% block title %}Schedule{% endblock %}

{% block dashboard_content %}
    <div class="container mt-5">
        <h2 class="mb-4">Weekly Schedule</h2>

        {% for message in app.flashes('success') %}
            <div class="alert alert-success">{{ message }}</div>
        {% endfor %}

        <form method="post">
            <table class="table table-bordered">
                <thead>
                <tr>
                    <th>Day</th>
                    <th>Open</th>
                    <th>Open Time</th>
                    <th>Close Time</th>
                </tr>
                </thead>
                <tbody>
                {% for schedule in schedules %}
                    <tr>
                        <td>{{ days[schedule.dayOfWeek] }}</td>
                        <td>
                            <input type="checkbox"
                                   name="day_{{ schedule.dayOfWeek }}"
                                   {% if not schedule.closed %}checked{% endif %}>
                        </td>
                        <td>
                            <input type="time"
                                   name="open_{{ schedule.dayOfWeek }}"
                                   value="{{ schedule.openTime ? schedule.openTime|date('H:i') : '' }}">
                        </td>
                        <td>
                            <input type="time"
                                   name="close_{{ schedule.dayOfWeek }}"
                                   value="{{ schedule.closeTime ? schedule.closeTime|date('H:i') : '' }}">
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>

            <button type="submit" class="btn btn-primary">Save Schedule</button>
        </form>
    </div>
{% endblock %}