@extends('layouts.app')
@section('title', trans('menu.decision_tree_title'))
@section('plugin-styles')
    <link rel="stylesheet" href="{{asset('vendors/jquery-file-upload/uploadfile.css')}}">
@stop

@section('content')

    <div class="content">
        <x-content.header title="{{ __('title.decisiontrees') }}"/>
        <div class="tw-card">
            <div class="p-6">
                <form id="form" name="decision-trees-form" action="{{url('settings/decision-trees/'.$decision_tree->id)}}" method="POST">
                    @include('decisiontree::decision-trees.form', [
                        'edit' => true
                    ])

                    <div class="mt-4 border-top flex gap-2">
                        <button type="submit" class="btn-primary-base mt-4 btn-save">
                            {{trans('forms.lbl_save')}}
                        </button>
                        <a href="{{route('settings.decision-trees.index')}}"  class="btn-secondary-base mt-4">{{trans('forms.lbl_cancel')}}</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
    @include('decisiontree::categories.create_edit')
@stop

@section('footer-script')
    <!-- Custom js for this page-->
    <script type="text/javascript">

        drEvent.on('dropify.beforeClear', function(event, element){
            if(confirm("{{trans('forms.do_you_really_want_delete')}}")) {
                return true;
            } else {
                return false;
            }
        });

        var validateForm = $("#form").validate(validateFormObj);

    	$(".btn-save").on("click", function(event) {
    		event.preventDefault();
            if($("#form").valid()){

                var data =  $("#form").serializeFiles();

                PDRequest({
    				type    : "POST",
    				url     : $("#form").prop("action"),
    				data    : data,
    				event   : event
    			}).then((response) => {
    				if(response.status == "success"){
    					window.location = "{{route('settings.decision-trees.index')}}";
    				}
                });
            }
    	});
    </script>
@stop