{extends file="admin-layout.tpl"}

{block name="page-title"}{intl l='Currencies'}{/block}

{block name="check-permissions"}admin.configuration.currencies.view{/block}

{block name="main-content"}
    <div class="currencies">

        <div id="wrapper" class="container">

            <ul class="breadcrumb">
                <li><a href="{url path='/admin/home'}">{intl l="Home"}</a></li>
                <li><a href="{url path='/admin/configuration'}">{intl l="Configuration"}</a></li>
                <li><a href="{url path='/admin/configuration/currencies'}">{intl l="Currencies"}</a></li>
            </ul>

            {module_include location='currencies_top'}

            <div class="row">
                <div class="col-md-12">

                    <form action="{url path='/admin/configuration/currencies/update-rates'}" method="post">

                        <div class="general-block-decorator">

                            <table class="table table-striped table-condensed">
                               <caption class="clearfix">
                                    {intl l='Currencies'}
                                    {loop type="auth" name="can_create" roles="ADMIN" permissions="admin.configuration.currencies.create"}
                                        <span class="pull-right">
                                            <button class="btn btn-default btn-info" title="{intl l='Update rates'}">{intl l='Update rates'} <span class="glyphicon glyphicon-globe"></span></button>
                                            <a class="btn btn-default btn-primary" title="{intl l='Add a new currency'}" href="#add_currency_dialog" data-toggle="modal">
                                                <span class="glyphicon glyphicon-plus-sign"></span>
                                            </a>
                                        </span>
                                    {/loop}
                                </caption>
                                <thead>
                                    <tr>
                                        <th>
                                            {admin_sortable_header
                                            current_order=$order
                                            order='id'
                                            reverse_order='id_reverse'
                                            path='/admin/configuration/currencies'
                                            label="{intl l='ID'}"
                                            }
                                        </th>

                                        <th>
                                            {admin_sortable_header
                                            current_order=$order
                                            order='name'
                                            reverse_order='name_reverse'
                                            path='/admin/configuration/currencies'
                                            label="{intl l='Name'}"
                                            }
                                        </th>

                                        <th class="text-center">
                                            {admin_sortable_header
                                            current_order=$order
                                            order='code'
                                            reverse_order='code_reverse'
                                            path='/admin/configuration/currencies'
                                            label="{intl l="ISO 4217 Code"}"
                                            }
                                            <a title="{intl l='More information about ISO 4217'}" href="http://fr.wikipedia.org/wiki/ISO_4217" target="_blank"><i class="glyphicon glyphicon-question-sign"></i></a>
                                        </th>

                                        <th class="text-center">
                                            {admin_sortable_header
                                            current_order=$order
                                            order='symbol'
                                            reverse_order='symbol_reverse'
                                            path='/admin/configuration/currencies'
                                            label="{intl l="Symbol"}"
                                            }
                                        </th>

                                        <th class="text-right">
                                            {admin_sortable_header
                                            current_order=$order
                                            order='rate'
                                            reverse_order='rate_reverse'
                                            path='/admin/configuration/currencies'
                                            label="{intl l="Rate in &euro;"}"
                                            }
                                        </th>

                                        <th class="text-center">
                                            {admin_sortable_header
                                            current_order=$order
                                            order='manual'
                                            reverse_order='manual_reverse'
                                            path='/admin/configuration/currencies'
                                            label="{intl l="Position"}"
                                            }
                                        </th>

                                        <th class="text-center">
                                            {admin_sortable_header
                                            current_order=$order
                                            order='is_default'
                                            reverse_order='is_default_reverse'
                                            path='/admin/configuration/currencies'
                                            label="{intl l="Default"}"
                                            }
                                        </th>

                                        {module_include location='currencies_table_header'}

                                        <th class="text-right">{intl l='Actions'}</th>
                                    </tr>
                                </thead>

                                <tbody>
                                    {loop name="currencies" type="currency" backend_context="1" lang=$lang_id order=$order}
                                        <tr>
                                            <td>{$ID}</td>

                                            <td>
                                                {loop type="auth" name="can_change" roles="ADMIN" permissions="admin.configuration.currencies.change"}
                                                    <a title="{intl l='Change this currency'}" href="{url path='/admin/configuration/currencies/update' currency_id="$ID"}">{$NAME}</a>
                                                {/loop}
                                                {elseloop rel="can_change"}
                                                    {$NAME}
                                                {/elseloop}
                                            </td>

                                            <td class="text-center">{$ISOCODE}</td>

                                            <td class="text-center">{$SYMBOL}</td>

                                            <td class="text-right">{format_number number="$RATE" decimals="4"}</td>

                                            <td class="text-center">
                                                {admin_position_block
                                                permission="admin.currencies.edit"
                                                path="/admin/configuration/currencies/update-position"
                                                url_parameter="currency_id"
                                                in_place_edit_class="currencyPositionChange"
                                                position="$POSITION"
                                                id="$ID"
                                                }
                                            </td>

                                            <td class="text-center">
                                                <div class="make-switch switch-small" data-on="success" data-off="danger" data-on-label="<i class='glyphicon glyphicon-ok'></i>" data-off-label="<i class='glyphicon glyphicon-remove'></i>">
                                                    <input class="change-default" type="radio" name="is_default" value="{$ID}" {if $IS_DEFAULT}checked="checked"{/if}/>
                                                </div>
                                            </td>

                                            {module_include location='currencies_table_row'}

                                            <td class="actions">
                                                <div class="btn-group">
                                                    {loop type="auth" name="can_change" roles="ADMIN" permissions="admin.configuration.currencies.change"}
                                                        <a class="btn btn-default btn-xs currency-change" title="{intl l='Change this currency'}" href="{url path='/admin/configuration/currencies/update' currency_id="$ID"}">
                                                            <span class="glyphicon glyphicon-edit"></span>
                                                        </a>
                                                    {/loop}

                                                    {loop type="auth" name="can_delete" roles="ADMIN" permissions="admin.configuration.currencies.delete"}
                                                        <a class="btn btn-default btn-xs currency-delete" title="{intl l='Delete this currency'}" href="#delete_currency_dialog" data-id="{$ID}" data-toggle="modal">
                                                            <span class="glyphicon glyphicon-trash"></span>
                                                        </a>
                                                    {/loop}
                                                </div>
                                            </td>
                                        </tr>
                                    {/loop}
                                    {elseloop rel="currencies"}
                                        <tr>
                                            <td colspan="8">
                                                <div class="alert alert-info">
                                                    {intl l="No currency has been created yet. Click the + button to create one."}
                                                </div>
                                            </td>
                                        </tr>
                                    {/elseloop}
                                </tbody>
                            </table>

                        </div>

                    </form>

                </div>

            </div>

            {module_include location='currencies_bottom'}

        </div>
    </div>


    {* Adding a new currency *}

    <div class="modal fade" id="add_currency_dialog" tabindex="-1" role="dialog" aria-hidden="true">

        <div class="modal-dialog">
            <div class="modal-content">

                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h3>{intl l="Create a new currency"}</h3>
                </div>

                {form name="thelia.admin.currency.creation"}
                    <form method="POST" action="{url path='/admin/configuration/currencies/create'}" {form_enctype form=$form}>

                        {form_hidden_fields form=$form}

                        {form_field form=$form field='success_url'}
                              {* on success, redirect to the edition page, _ID_ is replaced with the created currency ID, see controller  *}
                              <input type="hidden" name="{$name}" value="{url path='/admin/configuration/currencies/update' currency_id='_ID_'}" />
                        {/form_field}

                        <div class="modal-body">

                            {if $form_error}<div class="alert alert-block alert-error" id="add_currency_dialog_error">{$form_error_message}</div>{/if}

                            {form_field form=$form field='name'}
                                <div class="form-group {if $error}has-error{/if}">
                                    <label for="{$label_attr.for}" class="control-label">{intl l="{$label}"} : </label>

                                    {loop type="lang" name="default-lang" default_only="1"}
                                        <div class="input-group">
                                            <input type="text" id="{$label_attr.for}" required="required" name="{$name}" class="form-control" value="{$value}" title="{intl l='Currency name'}" placeholder="{intl l='Name'}">
                                            <span class="input-group-addon"><img src="{image file="assets/img/flags/{$CODE}.gif"}" alt="{intl l=$TITLE}" /></span>
                                        </div>

                                        <div class="help-block">{intl l="Enter here the currency name in the default language ($TITLE)"}</div>

                                        {* Switch edition to the current locale *}
                                        <input type="hidden" name="edit_language_id" value="{$ID}" />

                                        {form_field form=$form field='locale'}
                                            <input type="hidden" name="{$name}" value="{$LOCALE}" />
                                        {/form_field}
                                    {/loop}
                                </div>
                            {/form_field}

                            {form_field form=$form field='code'}
                                <div class="form-group {if $error}has-error{/if}">
                                    <label for="{$label_attr.for}" class="control-label">{intl l="{$label}"} : </label>
                                    <input type="text" id="{$label_attr.for}" required="required" name="{$name}" class="form-control" value="{$value}" title="{intl l='ISO 4217 code'}" placeholder="{intl l='Code'}">
                                    <span class="help-block"><a href="http://fr.wikipedia.org/wiki/ISO_4217" target="_blank">{intl l='More information about ISO 4217'}</a></span>
                                </div>
                            {/form_field}

                            {form_field form=$form field='symbol'}
                                <div class="form-group {if $error}has-error{/if}">
                                    <label for="{$label_attr.for}" class="control-label">{intl l="{$label}"} : </label>
                                    <input type="text" id="{$label_attr.for}" required="required" name="{$name}" class="form-control" value="{$value}" title="{intl l='Currency symbol'}" placeholder="{intl l='Symbol'}">
                                </div>
                            {/form_field}

                            {form_field form=$form field='rate'}
                                <div class="form-group {if $error}has-error{/if}">
                                    <label for="{$label_attr.for}" class="control-label">{intl l="{$label}"} : </label>
                                    <input type="text" id="{$label_attr.for}" required="required" name="{$name}" class="form-control" value="{$value}" title="{intl l='Currency rate'}" placeholder="{intl l='Rate'}">
                                    <span class="help-block">{intl l="The rate from Euro (Price in Euro * rate = Price in this currency)"}</span>
                                </div>
                            {/form_field}

                        </div>

                        <div class="modal-footer">
                            <button type="submit" class="btn btn-default btn-primary"><span class="glyphicon glyphicon-check"></span> {intl l="Create this currency"}</button>
                            <button type="button" class="btn btn-default" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove"></span> {intl l="Cancel"}</button>
                        </div>

                    </form>
                {/form}
            </div>
        </div>
    </div>


    {* Delete confirmation dialog *}

    <div class="modal fade" id="delete_currency_dialog" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">

                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h3>{intl l="Delete a currency"}</h3>
                </div>

                <div class="modal-body">
                    <p>{intl l="Do you really want to delete this currency ?"}</p>
                </div>

                <form method="post" action="{url path='/admin/configuration/currencies/delete'}">
                    <input type="hidden" name="currency_id" id="currency_delete_id" value="" />

                    <div class="modal-footer">
                        <button type="submit" class="btn btn-default btn-primary"><span class="glyphicon glyphicon-check"></span> {intl l="Yes"}</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove"></span> {intl l="No"}</button>
                    </div>
                </form>

            </div>
        </div>
    </div>
{/block}

{block name="javascript-initialization"}

    {javascripts file='assets/js/bootstrap-switch/bootstrap-switch.js'}
        <script src="{$asset_url}"></script>
    {/javascripts}

    {javascripts file='assets/js/bootstrap-editable/bootstrap-editable.js'}
        <script src="{$asset_url}"></script>
    {/javascripts}

    <script>
        $(function() {

            // Set proper currency ID in delete from
            $('a.currency-delete').click(function(ev) {
                $('#currency_delete_id').val($(this).data('id'));
            });

            {* display the form creation dialog if it contains errors *}

            {form name="thelia.admin.currency.creation"}
                {if #form_error}
                    $('#add_currency_dialog').modal();
                {/if}
            {/form}

            {* Always reset create dialog on close *}

            $('#add_currency_dialog').on('hidden',function() {

                // Hide error currency
                $('#add_currency_dialog_error').remove();

                // Clear error status
                $("#add_currency_dialog .error").removeClass('error');

                // Empty field values
                $("#add_currency_dialog input[type=text]").val('');
            });

            {* Inline editing of object position using bootstrap-editable *}

            $('.currencyPositionChange').editable({
                type        : 'text',
                title       : '{intl l="Enter new currency position"}',
                mode        : 'popup',
                inputclass  : 'input-mini',
                placement   : 'left',
                success     : function(response, newValue) {
                    // The URL template
                    var url = "{url path='/admin/configuration/currencies/update-position' currency_id='__ID__' position='__POS__'}";

                    // Perform subtitutions
                    url = url.replace('__ID__', $(this).data('id'))
                    .replace('__POS__', newValue);

                    // Reload the page
                    location.href = url;
                }
            });

            {* Change default status *}

            $('.change-default').change(function(ev) {
                var url = "{url path='/admin/configuration/currencies/set-default' currency_id='__ID__'}";

                // Perform ID subtitutions
                url = url.replace('__ID__', $(this).val());

                // Reload the page
                location.href = url;
            });

        });
    </script>
{/block}