{!! Form::open(['route' => ['admin::currencies::edit::post', $currency->id],'class' => 'form-horizontal']) !!}

<div class='form-group'>
    {!! Form::label('currency_code', trans('Currencies::admin/forms/add.labels.currency_code'), ['class' => 'col-sm-2 control-label']) !!}
    <div class="col-sm-10">
        {!! Form::text('currency_code', $currency->currency_code, ['class' => 'form-control', 'placeholder' => trans('Currencies::admin/forms/add.inputs.placeholders.currency_code')]) !!}
    </div>
</div>

<div class='form-group'>
    {!! Form::label('user_currency_code', trans('Currencies::admin/forms/add.labels.user_currency_code'), ['class' => 'col-sm-2 control-label']) !!}
    <div class="col-sm-10">
        {!! Form::text('user_currency_code', $currency->user_currency_code, ['class' => 'form-control', 'placeholder' => trans('Currencies::admin/forms/add.inputs.placeholders.user_currency_code')]) !!}
    </div>
</div>

<div class='form-group'>
    {!! Form::label('auto_update', trans('Currencies::admin/forms/add.labels.auto_update'), ['class' => 'col-sm-2 control-label']) !!}
    <div class="col-sm-10">
        <div class="checkbox clip-check check-success">
            {!! Form::checkbox('auto_update', 1, null, [$currency->auto_update == 1 ? 'checked' : '', 'id' => 'auto_update', $currency->default == 1 ? 'disabled' : '']) !!}
            {!! Form::label('auto_update', ' ') !!}
        </div>
    </div>
</div>

<div class='form-group'>
    {!! Form::label('currency_rate', trans('Currencies::admin/forms/add.labels.currency_rate'), ['class' => 'col-sm-2 control-label']) !!}
    <div class="col-sm-10">
        {!! Form::number('currency_rate', $currency->currency_rate, ['readonly' => 'readonly', 'class' => 'form-control', 'placeholder' => trans('Currencies::admin/forms/add.inputs.placeholders.currency_rate'), 'step' => 0.01, 'min' => 0]) !!}
        @if ($currency->default == 0)
            <span id="refresh_currency" class="help-block">
                        <i class="fa fa-hover text-success fa-rotate-right {{--fa-spin--}}"></i>
                {{ trans('Currencies::admin/forms/add.labels.refresh') }}
                    </span>
        @endif
    </div>
</div>

@if ($currency->default)
    <div class='form-group'>
        {!! Form::label('default', trans('Currencies::admin/forms/add.labels.default'), ['class' => 'col-sm-2 control-label']) !!}
        <div class="col-sm-10">
            <div class="checkbox clip-check check-success">
                {!! Form::checkbox('default', 1, null, ['data-toggle' => 'modal', 'data-target' => '.change-default-currency-modal-lg', 'checked' => 'checked', 'id' => 'default']) !!}
                {!! Form::label('default', ' ') !!}
            </div>
        </div>
    </div>
@endif

<div class="form-group margin-bottom-0">
    <div class="col-xs-6 text-left">
        <a href="{{ route('admin::currencies') }}" class="btn btn-o btn-success">
            {{ trans('global.back') }}
        </a>
    </div>
    <div class="col-xs-6 text-right">
        {!! Form::submit(trans('Currencies::admin/forms/edit.submit'), ['class' => 'btn btn-success', 'name' => 'add_new_currency_submit']) !!}
    </div>
</div>

{!! Form::close() !!}

@if ($currency->default && count($currencyList) > 0)
    <div class="modal fade change-default-currency-modal-lg"  tabindex="-1" role="dialog" aria-labelledby="ChangeDefaultCurrencyLargeModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title" id="myModalLabel">
                        {{ trans('Currencies::admin/forms/edit.modals.change_default_currency.title') }}
                    </h4>
                </div>
                <div class="modal-body">
                    <p>{{ trans('Currencies::admin/forms/edit.modals.change_default_currency.body') }}</p>
                    <table class="table table-hover" id="another-currencies">
                        <thead>
                        <tr>
                            <th class="center">#</th>
                            <th>{{ trans('Currencies::admin/forms/add.inputs.placeholders.currency_code') }}</th>
                            <th>{{ trans('Currencies::admin/forms/add.inputs.placeholders.currency_rate') }}</th>
                            <th class="center">{{ trans('Currencies::admin/forms/edit.modals.change_default_currency.assign') }}</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach ($currencyList as $list)
                            <tr>
                                <td class="center">{{ $list->id }}</td>
                                <td>{{ $list->currency_code }}</td>
                                <td>{{ $list->currency_rate }}</td>
                                <td class="center">
                                    <a href="#" data-id="{{ $list->id }}" class="change-default-currency btn btn-transparent btn-xs tooltips" tooltip-placement="top" tooltip="Share"><i class="fa fa-share"></i></a>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-success btn-o" data-dismiss="modal">
                        {{ trans('Currencies::admin/forms/edit.modals.change_default_currency.close') }}
                    </button>
                </div>
            </div>
        </div>
    </div>
@elseif ($currency->default && count($currencyList) <= 0)
    <div class="modal fade change-default-currency-modal-lg"  tabindex="-1" role="dialog" aria-labelledby="ChangeDefaultCurrencyLargeModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title" id="myModalLabel">
                        {{ trans('Currencies::admin/forms/edit.modals.change_default_currency.title') }}
                    </h4>
                </div>
                <div class="modal-body">
                    <p>{{ trans('Currencies::admin/forms/edit.modals.change_default_currency.empty.body') }}</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-success btn-o" data-dismiss="modal">
                        {{ trans('Currencies::admin/forms/edit.modals.change_default_currency.close') }}
                    </button>
                </div>
            </div>
        </div>
    </div>
@endif

@push('footScripts')
@if ($currency->default)
    <script>
        $('#default').on('click', function () {
            $(this).prop('checked', 'checked');
        });
    </script>

    <script>
        $(".change-default-currency").on("click", function(e) {

            var id = $(this).data('id');
            swal({
                title: "{{ trans('Currencies::admin/lists/list.options.edit.sweet-alert.title') }}",
                text: "{{ trans('Currencies::admin/lists/list.options.edit.sweet-alert.text') }}",
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: "#DD6B55",
                confirmButtonText: "{{ trans('Currencies::admin/lists/list.options.edit.sweet-alert.confirmButtonText') }}",
                cancelButtonText: "{{ trans('Currencies::admin/lists/list.options.edit.sweet-alert.cancelButtonText') }}",
                closeOnConfirm: false,
                closeOnCancel: true
            }, function (isConfirm) {
                if (isConfirm) {
                    var url = '{{ route('admin::currencies::change', ['%f', '%t']) }}';
                    url = url.replace('%f', '{{ $currency->id }}');
                    url = url.replace('%t', id);
                    $.getJSON(url, function () {
                        // success
                        window.location.reload();
                    })
                            .fail(function (data) {
                                var error = $.parseJSON(data['responseText']);
                                swal(
                                        "{{ trans('Currencies::admin/lists/list.options.delete.sweet-alert.result.error.title') }}",
                                        error['error'],
                                        "error"
                                );
                            });
                }
            });

            e.preventDefault();
        });
    </script>
@else
    <script>
        $(document).ready(function () {
            var autoUpdateInput = $('#auto_update');

            autoUpdateInput.on('change', function () {
                if ($(this).prop('checked') === true) {
                    $('#refresh_currency').show();
                    $('#currency_rate').attr('readonly', 'readonly');

                    @if (! $currency->auto_update)
                        $('#currency_rate').val('');
                    @endif
                } else {
                    $('#currency_rate').removeAttr('readonly');
                    $('#refresh_currency').hide();
                }
            }).trigger('change');

            $('#refresh_currency').on('click', function () {
                var spinIcon = $(this).find('i');
                spinIcon.addClass('fa-spin');

                var entered = $("#currency_code").val();
                var url = '{{ route('admin::currencies::get::currency::rate', '%f') }}';
                url = url.replace('%f', entered.toUpperCase());

                $.getJSON(url, function (data) {
                    var currency = data['rate'];

                    $('#currency_rate').val(currency);

                    spinIcon.removeClass('fa-spin');
                }).fail(function () {
                    spinIcon.removeClass('fa-spin');
                });
            });
        });
    </script>
@endif
@endpush