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

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

{% 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 Requests
            </h2>
            <p class="wfbo-card-desc">
                When disabled, players can't submit new withdrawal requests - the form is hidden
                site-wide until this is turned back on.
            </p>

            <div class="form-check mb-0" data-testid="input-withdrawal-requests-enabled-wrapper">
                {{ form_widget(settingForm.withdrawalRequestsEnabled) }}
                {{ form_label(settingForm.withdrawalRequestsEnabled, null, {label_attr: {class: 'form-check-label'}}) }}
                {{ form_errors(settingForm.withdrawalRequestsEnabled) }}
            </div>

        </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 day section ── #}
    <div class="card mb-4">
        <div class="card-body">

            <h2 class="wfbo-card-title">
                Agent Withdrawal Day
            </h2>
            <p class="wfbo-card-desc">
                The day of the week on which agents are allowed to submit withdrawal requests. Select "Disabled" to turn off agent withdrawals entirely.
            </p>

            <div class="mb-0" style="max-width: 320px;" data-testid="input-agent-withdrawal-day-wrapper">
                {{ form_label(settingForm.agentWithdrawalDay, null, {label_attr: {class: 'form-label--sm'}}) }}
                {{ form_widget(settingForm.agentWithdrawalDay) }}
                {{ form_errors(settingForm.agentWithdrawalDay) }}
            </div>

        </div>
    </div>

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

    {{ form_end(settingForm) }}

{% endblock %}