@extends('layouts.app')
@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="decsion-trees-form" action="{{url('settings/decision-trees')}}" method="POST">
					@include('decisiontree::decision-trees.form', [
						'edit' => false
					])

					<div class="mt-4 border-top flex">
                        <button type="submit" class="btn-primary-sm mt-4 btn-save mr-2">
                            {{trans('forms.lbl_create')}}
                        </button>
                        <a href="{{route('settings.decision-trees.index')}}"  class="btn-tertiary-sm 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;
			}
		});

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

				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