{!! Form::model($credit_request,array('url' => '/creditrequest/edit', 'files' => true, 'id' =>
'credit-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($credit_request->id)}}">
<div class="m-scrollable" data-scrollbar-shown="true" data-scrollable="true" data-height="200">
    <div id="msg"> </div>
    
    <span class="m-badge  m-badge--primary m-badge--wide m--icon-font-size-sm3">{{ $credit_request->email }}</span>
    <span class="m-badge  m-badge--primary m-badge--wide m--icon-font-size-sm3">{{ $credit_request->name }}</span><br><br>
    <span class="m-badge  m-badge--primary m-badge--wide m--icon-font-size-sm3">{{ $credit_request->ac_no }}</span><br><br>

    <div class="form-group">
        <div class="form-group">
            <label for="campaign" class="control-label">Campaigns:</label>
            <select class="form-control" id="campaign" name="campaign" aria-describedby="campaign-error"
                aria-invalid="false">
                <option value="">Select Campaign</option>
                @foreach ($campaigns as $campaign)
                    <option value="{{$campaign->id}}" data-amount="{{$campaign->amount}}" @if($credit_request->campaign_name == $campaign->name) selected  @endif data-price="{{$campaign->amount}}">{{ $campaign->name }}</option>
                @endforeach
            </select>
        </div>
    </div>

    <div class="form-group">
	    <div class="form-group">
		    <label for="amount">Amount:</label>
		    <input class="form-control" readonly="" name="amount" type="text" value="{{ $credit_request->amount }}" id="amount">
        </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
});
$("#credit-request-form").validate({
    rules: {
        amount: {
            required: true
        },
        status: {
            required: true
        },
        admin_note: {
            required: true
        }
    },
    submitHandler: function(form) {

        var campaign = $('#campaign').val();
        var status = $('#status').val();
        var amount = $('#amount').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 + "/creditrequest/edit", {
            'id': id,
            'campaign': campaign,
            'status': status,
            'admin_note': admin_note,
            'amount': amount,
        }, 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();
                        $('#credit_request').DataTable().ajax.reload();
                    });
            } else if (data.result === 'warning') {
                swal(data.title, data.error[0], "warning")
                    .then((isOK) => {
                        mApp.unblock('.modal-content');
                        $('#credit_request').DataTable().ajax.reload();
                    });
            } else if (data.result === 'error') {
                swal(data.title, data.msg, "error")
                    .then((isOK) => {
                        mApp.unblock('.modal-content');
                        $('#credit_request').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>