@extends('layouts.app')
@section('title', trans('menu.360_feedback_title'))

@section('content')
@if (isset($userData) && $userData)
    @include('layouts.partials.employee-files', [
        'user'=> $userData
    ])
@endif
<div class="{{!isset($userData) ? 'content': 'tab-content-wrapper'}}">
    @if (!isset($userData))
        <x-content.header title="{{ __('title.360_feedback_review') }}" />
    @endif
    <!-- Tab Content -->
    <form id="form"
            name="onboarding-form"
            action="{{route('settings.feedbacks.store')}}"
            method="POST"
    >
        @include('feedback::feedbacks.form', [
            'edit' => false
        ])

        <div class="flex flex-wrap justify-start items-center gap-2 pt-4">
            <button type="submit" class="btn-primary-base btn-save">
                {{trans('forms.lbl_create')}}
            </button>
            <a href="{{route('settings.feedbacks.index')}}"  class="btn-tertiary-base">{{trans('forms.lbl_cancel')}}</a>
        </div>
    </form>
</div>
@stop

@section('footer-script')

<script src="{{ asset('js/tailwind/profile.js') }}"></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) => {
                @if (isset($userData) && $userData)
                    window.location = "{{route('feedback.index').'?user_id='.request()->user_id}}";
                @else
                    window.location = "{{route('settings.feedbacks.index')}}";
                @endif
            });;
		});
    </script>
@stop