{!! Form::model($record,array('url' => '/creditrequest/edit', 'files' => true, 'id' =>
'mt5-account-request-form', 'class' => 'm-form m-form--fit m-form--label-align-right', 'autocomplete' => 'on')) !!}
<input type="hidden" name="id" id="id" value="{{Hasher::encode($record->id)}}">
<div class="m-scrollable" data-scrollbar-shown="true" data-scrollable="true" data-height="200">
    <div id="msg"></div>
    <div class="form-group">
        <span class="m-badge  m-badge--info m-badge--wide m--icon-font-size-sm3" style="margin-bottom:10px;">Name : {{ $record->name }}  {{ $record->last_name }}</span>
        <span class="m-badge  m-badge--info m-badge--wide m--icon-font-size-sm3" id="email" name="email">Email : {{ $record->email }}</span>
    </div>
    <div class="form-group">
        
	    <div class="form-group">
		    <label for="leverages" class="control-label">Group:</label>
		    <select class="form-control" id="group" name="group" aria-invalid="false">
                @if (count($groups) > 0)
                    @foreach ($groups as $groupKey => $group)
                        <option @if($groupKey == $record->group_type) selected @endif  value="{{$groupKey}}">{{$groupKey}}</option>
                    @endforeach
                @endif
            </select>
	    </div>
    </div>

    <div class="form-group">
	    <div class="form-group">
		    <label for="leverages" class="control-label">Leverages:</label>
		    <select class="form-control" id="leverages" name="leverages" aria-invalid="false">
                @if (count($leverages) > 0)
                    @foreach ($leverages as $leverageKey => $leverage)
                        <option @if($leverageKey == $record->leverage_value) selected @endif  value="{{$leverageKey}}">{{$leverage}}</option>
                    @endforeach
                @endif
            </select>
	    </div>
    </div>
    
   
        {{ Form::CtSelect('status',$status,'','',['class' => 'form-control'],'Status',false) }}


    <div id="note_select_box" style="{{ (($is_selected_note == true) ? 'display: block;' : 'display: none;') }}">
        {{ Form::CtSelect('admin_note', $admin_note_option,'','',['class' => 'form-control'],'Note of Admin',false) }}
    </div>

    <div id="note_input_box" style="{{ (($is_selected_note == true) ? 'display: none;' : 'display: block;') }}">
        {{ Form::CtText('admin_note',null,[''],'Note of Admin','') }}
    </div>

    <a href="#" id="custom_admin_note"
        class="text-info float-right">{{ (($is_selected_note == true) ? 'Custom Note' : 'Selected Note') }}</a>


</div>
{{ Form::close() }}

<script type="text/javascript">
$('#admin_note').select2({
    minimumResultsForSearch: -1
});
$("#mt5-account-request-form").validate({
    rules: {
        group: {
            required: true
        },
        leverages: {
            required: true
        },
        status: {
            required: true
        },
        admin_note: {
            required: true
        }
    },
    submitHandler: function(form) {

        var group = $('#group').val();
        var leverages = $('#leverages').val();
        var status = $('#status').val();
        var id = $('#id').val();

        var admin_note = '';
        if ($('#custom_admin_note').text() == 'Custom Note') {
            admin_note = $('#note_select_box #admin_note').val();
        } else {
            admin_note = $('#note_input_box #admin_note').val();
        }

        $.post(base_url + "/accounts/mt5-account-request-post", {
            'id': id,
            'group': group,
            'leverages': leverages,
            'status': status,
            'admin_note': admin_note,
        }, function(data) {
            console.log(data); // Check if the response is as expected

            if (data.result === 'success') {
                swal(data.title, data.msg, "success")
                    .then((isOK) => {
                        eModal.close();
                        window.location.reload();
                        $('#mt5-account-request-list').DataTable().ajax.reload();
                    });
            } else if (data.result === 'warning') {
                swal(data.title, data.error[0], "warning")
                    .then((isOK) => {
                        mApp.unblock('.modal-content');
                        $('#mt5-account-request-list').DataTable().ajax.reload();
                    });
            } else if (data.result === 'error') {
                swal(data.title, data.msg, "error")
                    .then((isOK) => {
                        mApp.unblock('.modal-content');
                        $('#mt5-account-request-list').DataTable().ajax.reload();
                    });
            }
        })
        
        .fail(function(jqXHR, textStatus, errorThrown) {
            mApp.unblock('.modal-content');
            swal("Error", "Something went wrong. Please try again.", "error");
        });

        mApp.block('.modal-content', {
            overlayColor: '#000000',
            type: 'loader',
            state: 'success',
            message: 'Please Wait...'
        });

    }
});


$('#dollar_rate').on('input', function() {
    var inr_amount = $('#inr').val();
    if ($(this).val() > 0) {
        var calculated_usd = parseFloat(inr_amount / ($(this).val())).toFixed(2);
        $('#usd').val(calculated_usd);
    } else {
        $('#usd').val('');
    }
});

$('#campaign').on('change', function(){
    var amt = $(this).find(':selected').attr('data-amount');
    $('#amount').val(amt);
});


$('#inr').on('input', function() {
    var dollar_rate = $('#dollar_rate').val();
   
    if ($(this).val() > 0 && $('#dollar_rate').val() > 0) {
        var calculated_usd = parseFloat(($(this).val() / dollar_rate)).toFixed(2);
        $('#usd').val(calculated_usd);
    } else {
        $('#usd').val('');
    }
});

$('#custom_admin_note').click(function() {
    if ($(this).text() == 'Custom Note') {
        $("#note_select_box").css("display", "none");
        $("#note_input_box").css("display", "block");
        $(this).text('Selected Note')
    } else {
        $("#note_select_box").css("display", "block");
        $("#note_input_box").css("display", "none");
        $(this).text('Custom Note')
    }
});

</script>