@extends('layouts.app')
@section('title', trans('menu.todo'))
@section('content')
	<div class="content">

        <form id="form" name="onboarding-form" action="{{url('tasks')}}" method="POST">
            <x-content.header title="{{ __('title.To-Do') }}">
                <x-slot:headerRight>
                    <button type="submit" class="btn-primary-base btn-save">
                        {{trans('forms.lbl_create')}}
                    </button>
                    <a href="{{url('tasks')}}" class="btn-tertiary-base">{{trans('forms.lbl_cancel')}}</a>
                </x-slot:headerRight>
            </x-content.header>

            <div class="tw-card mt-8">
                <div class="p-6">
                    @include('task::task.form', ['edit'   => false])
                </div>
            </div>
        </form>
    </div>

@stop

@section('footer-script')
    <script type="text/javascript">

		$(".btn-save").on("click", function(event) {
			event.preventDefault();
            data = $('#form').serialize();

			PDRequest({
				type    : "POST",
				url     : $("#form").prop("action"),
				data    : data,
				event   : event
			}).then((response) => {
                window.location = "{{url('tasks')}}";
            });
		});
    </script>
@stop