{!! Form::open(['route' => 'admin::currencies::post','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', null, ['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', null, ['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 check-success">
            {!! Form::checkbox('auto_update', 1, null, ['checked' => 'checked', 'id' => 'auto_update', ! $defaultCurrencyAlreadyExists ? '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', ! $defaultCurrencyAlreadyExists ? 1 : null, ['readonly' => 'readonly', 'class' => 'form-control', 'placeholder' => trans('Currencies::admin/forms/add.inputs.placeholders.currency_rate'), 'step' => 0.01, 'min' => 0]) !!}
        @if ($defaultCurrencyAlreadyExists)
            <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 (! $defaultCurrencyAlreadyExists)
    <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, ['checked' => 'checked', 'disabled' => 'disabled', 'id' => 'default']) !!}
                {!! Form::label('default', ' ') !!}
            </div>
        </div>
    </div>
@endif

<div class="form-group margin-bottom-0">
    <div class="col-xs-12 text-right">
        {!! Form::submit(trans('Currencies::admin/forms/add.submit'), ['class' => 'btn btn-success', 'name' => 'add_new_currency_submit']) !!}
    </div>
</div>
{!! Form::close() !!}

@push('footScripts')
@if ($defaultCurrencyAlreadyExists)
    <script>
        $(document).ready(function () {
            $('#auto_update').on('change', function () {
                if ($(this).prop('checked') === true) {
                    $('#refresh_currency').show();
                    $('#currency_rate').attr('readonly', 'readonly').val('');
                } else {
                    $('#currency_rate').removeAttr('readonly');
                    $('#refresh_currency').hide();
                }
            });

            $('#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());

                var getCurrency = $.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