{$_title = '[`Countries & regions`]'}

<div id="c-settings-content">
    <div class="contacts-background">
        <div class="block not-padded c-core-content">
            <h1 class="c-page-header wa-page-heading">[`Countries & regions`]</h1>
            {*<div class="tab-content">*}
                <div class="block double-padded">
                    <div class="fields form" style="width:100%;">
                        <form id="regions-form" action="{$wa_app_url}?module=settings&action=regions">
                            <div class="field">
                                <div class="name">
                                    [`Country`]
                                </div>
                                <div class="value no-shift">
                                    <i class="icon16 overhanging" style="background: url({$wa_url}wa-content/img/country/{$country.iso3letter}.gif) no-repeat;"></i>
                                    {$selected = false}
                                    <select>
                                        {if !$country.iso3letter}
                                            <option value="">[`Select a country`]</option>
                                        {/if}
                                        {foreach $countries as $c}
                                            {if $c.name}
                                                <option value="{$c.iso3letter|escape}"{if !$selected && $c.iso3letter === $country.iso3letter} selected {$selected = true} {/if}>{$c.name|escape}</option>
                                            {else}
                                                <option disabled></option>
                                            {/if}
                                        {/foreach}
                                    </select>
                                    <a href="javascript:void(0)" style="position:relative;top:2px;left:10px;" title="[`Clone on top of the list`]">
                                        <input type="hidden" name="country_fav" value="{ifset($country.fav_sort, '')}">
                                        <i id="favorite-country" class="icon16 star{if $country.fav_sort === null}-empty{/if}"></i>
                                    </a>
                                </div>
                            </div>
                            {if $country.iso3letter}
                                <input type="hidden" name="country" value="{$country.iso3letter|escape}">
                                <div class="field">
                                    <div class="name">
                                        [`Regions`]
                                    </div>
                                    <div class="value no-shift">
                                        <table class="zebra">
                                            <thead>
                                            <tr>
                                                <th>[`Region name`]</th>
                                                <th>[`Region code`]</th>
                                                <th class="min-width"></th>
                                            </tr>
                                            </thead>
                                            <tbody>

                                            {foreach $regions as $r}
                                                <tr data-orig-code="{$r.code|escape}">
                                                    <td><input type="text" name="region_names[]" placeholder="[`Region name`]" value="{$r.name|escape}" rel="{$r.name|escape}"></td>
                                                    <td><input type="text" name="region_codes[]" placeholder="[`Region code`]" value="{$r.code|escape}"></td>
                                                    <td class="min-width"><a class="nowrap" href="javascript:void(0)">
                                                            {if $r.fav_sort === null}
                                                                <input type="hidden" name="region_favs[]" value="">
                                                                <i class="icon16 fav star-empty" title="[`Clone on top of the list`]"></i>
                                                            {else}
                                                                <input type="hidden" name="region_favs[]" value="{ifset($r.fav_sort, '')}">
                                                                <i class="icon16 fav star" title="[`Clone on top of the list`]"></i>
                                                            {/if}
                                                            <i class="icon16 delete"></i>
                                                        </a></td>
                                                </tr>
                                                {foreachelse}
                                                <tr class="empty-stub">
                                                    <td colspan="3">
                                                        <em class="grey">[`No regions (states, provinces) are defined for this country.`]</em>
                                                    </td>
                                                </tr>
                                            {/foreach}

                                            <tr class="white">
                                                <td colspan="3"><a id="add-region-link" href="javascript:void(0)" class="inline-link"><i class="icon16 add"></i><b><i>[`Add region`]</i></b></a></td>
                                            </tr>

                                            {* Template for new rows *}
                                            <tr class="hidden highlighted just-added template-new">
                                                <td><input type="text" name="region_names[]" value="" placeholder="[`Region name`]"></td>
                                                <td><input type="text" name="region_codes[]" value="" placeholder="[`Region code`]"></td>
                                                <td class="min-width"><a href="javascript:void(0)">
                                                        <input type="hidden" name="region_favs[]" value="">
                                                        <i class="icon16" style="background: none;"></i>
                                                        <i class="icon16 delete"></i>
                                                    </a></td>
                                            </tr>

                                            {* Template for deleted rows *}
                                            <tr class="gray hidden highlighted template-deleted">
                                                <td class="bold strike insert-name-here"></td>
                                                <td><em class="small">[`Click “Save” button below to commit the delete.`]</em></td>
                                                <td class="min-width"></td>
                                            </tr>

                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="value no-shift">
                                        <input type="submit" class="button green" value="[`Save`]">
                                    </div>
                                </div>
                            {/if}
                        </form>
                    </div>
                </div>
                <div class="clear-both"></div>
            {*</div>*}
        </div>
    </div>
</div>
<script>(function() { "use strict";
        new CRMSettingsRegions({
            'title': {$_title|json_encode},
            '$wrapper': $('#c-settings-content'),
            'country_iso3letter': '{$country.iso3letter}',
            'messages': {
                'confirm_region_not_saved': '[`Regions are not saved. Are you sure you want to leave current page?`]',
                'saved': '[`Saved`]'

            }
        });
    })();</script>