@extends(backpack_view('crud.fields.select2_from_ajax'))

<script>
    function event_id_on_init(event) {

    }

    function event_id_on_change(event) {
        event_id_on_event(event.currentTarget);
    }

    function event_id_on_event(target_element) {

        let url = "{{ route('admin.event', ['event_id' => ":event_id"]) }}"
        url = url.replace(":event_id", $(target_element).val())

        event_id_set_default_value({});
        $.ajax({
            url: url,
            method: "get",
            success: function (result) {
                event_id_set_default_value(result);
            },
            error: function (response) {

                $.each(JSON.parse(response.responseText)['errors'], function (key, error) {
                    new Noty({
                        text: error,
                        type: 'error'
                    }).show();
                });
            }
        });
    }

    function event_id_set_default_value(result) {
        let value_element = {
            "input[name=event_custom_code]" : "custom_code",
            "input[name=event_title]" : "title",
            "textarea[name=event_content]" : "content",
            "textarea[name=event_participation_details]" : "participation_details",
            "textarea[name=event_remark]" : "remark",
            "input[name=member_value]" : "refer_member",
        };
        $.each(value_element, function (index, value) {
            if (result[value]) {
                $(index).val(result[value]);
            }
            else {
                $(index).val("");
            }
        });

        // Cost
        if(result.is_cost_free && result.is_cost_free == "{{ App\Models\Event\Event::ENUM_NO }}") {
            $("input[name=event_refer_cost]").val(result['refer_cost']);
        }
        else {
            $("input[name=event_refer_cost]").val('');
        }

        // Deadline
        if (result.full_year &&
            result.full_year == "{{ App\Models\Event\Event::ENUM_NO }}" &&
            result.deadline) {
            $("input[name=event_deadline]").parents(".form-group").find(".input-group.date .form-control").datepicker("setDate", result.deadline);
        }
        else {
            $("input[name=event_deadline]").parents(".form-group").find(".input-group.date .form-control").datepicker("setDate", null);
        }
    }
</script>