{% extends 'wfbo/_layout.html.twig' %}

{% block wfbo_title %}Settings{% endblock %}

{% macro scheduleTable(scheduleForm, testid) %}
    <div class="table-card" data-testid="{{ testid }}">
        <div style="overflow-x: auto;">
            <table class="w-100" style="border-collapse: collapse;">
                <thead>
                    <tr class="thead-row--light">
                        <th class="th-white">Open</th>
                        <th class="th-white">Day</th>
                        <th class="th-white">From</th>
                        <th class="th-white">To</th>
                    </tr>
                </thead>
                <tbody>
                    {% for day in scheduleForm %}
                        <tr>
                            <td class="td-cell">{{ form_widget(day.enabled) }}</td>
                            <td class="td-cell td-cell--dark td-cell--nowrap fw-semibold">{{ day.vars.label }}</td>
                            <td class="td-cell">
                                <div class="d-flex align-items-center gap-1">
                                    {{ form_widget(day.startHour) }}<span class="td-cell--muted">:</span>{{ form_widget(day.startMinute) }}
                                </div>
                            </td>
                            <td class="td-cell">
                                <div class="d-flex align-items-center gap-1">
                                    {{ form_widget(day.endHour) }}<span class="td-cell--muted">:</span>{{ form_widget(day.endMinute) }}
                                </div>
                            </td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
    {{ form_errors(scheduleForm) }}
{% endmacro %}

{% block wfbo_content %}

    {% for flash in app.flashes('success') %}
        <div class="alert alert-success mb-4" role="alert" data-testid="flash-success">{{ flash }}</div>
    {% endfor %}

    {{ form_start(settingForm, {attr: {'data-testid': 'settings-form', 'novalidate': 'novalidate', 'data-turbo': 'false'}}) }}

    {# ── Site Name section ── #}
    <div class="card mb-4">
        <div class="card-body">

            <h2 class="wfbo-card-title">
                Site Name
            </h2>
            <p class="wfbo-card-desc">
                The name of this site, shown in the browser tab title across all pages.
            </p>

            <div class="mb-0" style="max-width: 320px;">
                {{ form_label(settingForm.siteName, null, {label_attr: {class: 'form-label--sm'}}) }}
                {{ form_widget(settingForm.siteName) }}
                {{ form_errors(settingForm.siteName) }}
            </div>

        </div>
    </div>

    {# ── House Win Rate section ── #}
    <div class="card mb-4">
        <div class="card-body">

            <h2 class="wfbo-card-title">
                House Win Rate
            </h2>
            <p class="wfbo-card-desc">
                Default house win rate used when no per-game or per-user override is set. Can be overridden per game
                in the Video Karera and Pataasan settings pages, and per user in the user management page.
            </p>

            <div class="mb-0" style="max-width: 320px;">
                {{ form_label(settingForm.houseWinRate, null, {label_attr: {class: 'form-label--sm'}}) }}
                <div class="input-group" style="max-width: 200px;">
                    {{ form_widget(settingForm.houseWinRate, {attr: {class: 'border-end-0'}}) }}
                    <span class="input-group-text input-group-suffix">%</span>
                </div>
                {{ form_errors(settingForm.houseWinRate) }}
            </div>

        </div>
    </div>

    <div class="card mb-4">
        <div class="card-body">

            <h2 class="wfbo-card-title">
                Referral Code
            </h2>
            <p class="wfbo-card-desc">
                When enabled, users must enter a valid referral code to complete registration.
            </p>

            <div class="form-check mb-0" data-testid="input-referral-code-required-wrapper">
                {{ form_widget(settingForm.referralCodeRequired) }}
                {{ form_label(settingForm.referralCodeRequired, null, {label_attr: {class: 'form-check-label'}}) }}
                {{ form_errors(settingForm.referralCodeRequired) }}
            </div>

        </div>
    </div>

    <div class="card mb-4">
        <div class="card-body">

            <h2 class="wfbo-card-title">
                Withdrawal Request Hours
            </h2>
            <p class="wfbo-card-desc">
                Tick the days player withdrawal requests are open and set each day's hours
                (evaluated in Manila time). Outside those hours the form is hidden and the
                weekly schedule is shown instead. Leave every day unticked to accept requests
                any time.
            </p>

            {{ _self.scheduleTable(settingForm.withdrawalWindowSchedule, 'input-withdrawal-window-schedule') }}

        </div>
    </div>

    {# ── Player Restrictions section ── #}
    <div class="card mb-4">
        <div class="card-body">

            <h2 class="wfbo-card-title">
                Player Restrictions
            </h2>
            <p class="wfbo-card-desc">
                When enabled, the selected staff roles will not be able to place bets.
                <em>Restrict Master Agent Playing</em> covers Master Agents only.
                <em>Restrict Agent Playing</em> covers regular Agents only.
                <em>Restrict Admin Playing</em> covers Admin, Finance, and Operations.
            </p>

            <div class="form-check mb-2" data-testid="input-prevent-master-agent-playing-wrapper">
                {{ form_widget(settingForm.preventMasterAgentPlaying) }}
                {{ form_label(settingForm.preventMasterAgentPlaying, null, {label_attr: {class: 'form-check-label'}}) }}
                {{ form_errors(settingForm.preventMasterAgentPlaying) }}
            </div>

            <div class="form-check mb-2" data-testid="input-prevent-agent-playing-wrapper">
                {{ form_widget(settingForm.preventAgentPlaying) }}
                {{ form_label(settingForm.preventAgentPlaying, null, {label_attr: {class: 'form-check-label'}}) }}
                {{ form_errors(settingForm.preventAgentPlaying) }}
            </div>

            <div class="form-check mb-0" data-testid="input-prevent-admin-playing-wrapper">
                {{ form_widget(settingForm.preventAdminPlaying) }}
                {{ form_label(settingForm.preventAdminPlaying, null, {label_attr: {class: 'form-check-label'}}) }}
                {{ form_errors(settingForm.preventAdminPlaying) }}
            </div>

        </div>
    </div>

    {# ── Commission section ── #}
    <div class="card mb-4">
        <div class="card-body">

            <h2 class="wfbo-card-title">
                Master Agent Commissions
            </h2>
            <p class="wfbo-card-desc">
                Percentage of the commission amount to be credited to the referring agent.
            </p>

            <div class="mb-0" style="max-width: 320px;">
                {{ form_label(settingForm.agentCommissionRate, null, {label_attr: {class: 'form-label--sm'}}) }}
                <div class="input-group" style="max-width: 200px;">
                    {{ form_widget(settingForm.agentCommissionRate, {attr: {class: 'border-end-0'}}) }}
                    <span class="input-group-text input-group-suffix">
                        %
                    </span>
                </div>
                {{ form_errors(settingForm.agentCommissionRate) }}
                <p class="form-hint">
                    Enter a value between 0.00 and 100.00
                </p>
            </div>

        </div>
    </div>

    {# ── Minimum withdrawal amount section ── #}
    <div class="card mb-4">
        <div class="card-body">

            <h2 class="wfbo-card-title">
                Minimum Withdrawal Amount
            </h2>
            <p class="wfbo-card-desc">
                The minimum amount a user or agent can withdraw per request. Set to 0 to disable the minimum.
            </p>

            <div class="mb-0" style="max-width: 320px;">
                {{ form_label(settingForm.minimumWithdrawalAmount, null, {label_attr: {class: 'form-label--sm'}}) }}
                <div class="input-group" style="max-width: 200px;">
                    <span class="input-group-text input-group-prefix">
                        ₱
                    </span>
                    {{ form_widget(settingForm.minimumWithdrawalAmount, {attr: {class: 'border-start-0'}}) }}
                </div>
                {{ form_errors(settingForm.minimumWithdrawalAmount) }}
            </div>

        </div>
    </div>

    {# ── Minimum deposit amount section ── #}
    <div class="card mb-4">
        <div class="card-body">

            <h2 class="wfbo-card-title">
                Minimum Deposit Amount
            </h2>
            <p class="wfbo-card-desc">
                The minimum amount a user can deposit per request. Set to 0 to disable the minimum.
            </p>

            <div class="mb-0" style="max-width: 320px;">
                {{ form_label(settingForm.minimumDepositAmount, null, {label_attr: {class: 'form-label--sm'}}) }}
                <div class="input-group" style="max-width: 200px;">
                    <span class="input-group-text input-group-prefix">
                        ₱
                    </span>
                    {{ form_widget(settingForm.minimumDepositAmount, {attr: {class: 'border-start-0'}}) }}
                </div>
                {{ form_errors(settingForm.minimumDepositAmount) }}
            </div>

        </div>
    </div>

    {# ── Max Daily Withdrawal Amount section ── #}
    <div class="card mb-4">
        <div class="card-body">

            <h2 class="wfbo-card-title">
                Max Daily Withdrawal Amount (Players)
            </h2>
            <p class="wfbo-card-desc">
                Maximum total withdrawal amount a player can request in a single day.
                Pending and approved requests both count toward the limit.
                Leave blank for no limit. Does not apply to agents or admin roles.
            </p>

            <div class="mb-0" style="max-width: 320px;">
                {{ form_label(settingForm.maxDailyWithdrawalAmount, null, {label_attr: {class: 'form-label--sm'}}) }}
                <div class="input-group" style="max-width: 200px;">
                    <span class="input-group-text input-group-prefix">
                        ₱
                    </span>
                    {{ form_widget(settingForm.maxDailyWithdrawalAmount, {attr: {class: 'border-start-0'}}) }}
                </div>
                {{ form_errors(settingForm.maxDailyWithdrawalAmount) }}
            </div>

        </div>
    </div>

    {# ── Agent withdrawal hours section ── #}
    <div class="card mb-4">
        <div class="card-body">

            <h2 class="wfbo-card-title">
                Agent Withdrawal Hours
            </h2>
            <p class="wfbo-card-desc">
                Tick the days agents may submit withdrawal requests and set each day's hours
                (Manila time). Leave every day unticked to turn agent withdrawals off entirely.
            </p>

            {{ _self.scheduleTable(settingForm.agentWithdrawalWindowSchedule, 'input-agent-withdrawal-window-schedule') }}

        </div>
    </div>

    <div>
        <button type="submit"
                class="btn btn-admin-save"
                data-testid="btn-save-settings">
            Save Settings
        </button>
    </div>

    {{ form_end(settingForm) }}

{% endblock %}