@extends('layouts.app')

@section('plugin-styles')
    <link rel="stylesheet" href="{{asset('vendors/jquery-file-upload/uploadfile.css')}}">
@stop

@section('content')
@include('layouts.partials.employee-files')
<div class="tab-content-wrapper">
    <!-- Tab Content -->
    @php
        $uriSegment = "";
        if(request()->has('user_id')){
            $uriSegment =  '?user_id='.request()->get('user_id');
        }
    @endphp
    <form id="form"
            name="onboarding-form"
            action="{{route('employee.documents.store').$uriSegment}}"
            method="POST"
    >
        @include('employeedocument::employee-documents.form')

        <div class="flex flex-wrap justify-start items-center gap-2">
            <button type="submit" class="btn-primary-base btn-save">
                {{trans('forms.lbl_create')}}
            </button>
            <a href="{{route('employee.documents.index').$uriSegment}}"  class="btn-tertiary-base">{{trans('forms.lbl_cancel')}}</a>
        </div>
    </form>
</div>

@stop

@section('footer-script')
    <!-- plugin js for this page -->
    <script src="{{ asset('js/tailwind/profile.js') }}"></script>

    <!-- Custom js for this page-->
    <script src="{{asset('js/jquery-file-upload.js')}}"></script>
    <script type="text/javascript">

        // Run on initial page load
        handleExpiryBasedOnDocumentType($("select[name='document_type_id']").find(':selected'));

        $("body").on("change", "select[name='document_type_id']", function(e) {
            handleExpiryBasedOnDocumentType($(this).find(':selected'));
        });

        function handleExpiryBasedOnDocumentType(selectedDocumentIdOption)
        {
            if( (parseInt(selectedDocumentIdOption.data('expiry')) || selectedDocumentIdOption.data('type') === 'personal') )
            {
                selectedDocumentIdOption.data('type') === 'personal'
                    ? $('span.expiry-required').hide()
                    : $('span.expiry-required').show();

                $(".date-block").show();

                return;
            }

            $(".date-block").hide();
        }

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

            if (window.isUploading) {
                // If uploads are in progress, mark submission as pending
                //$("#status").html("Waiting for uploads to complete...");
                $(this).data("submitPending", true);

                return;
            }

            data = $('#form').serialize();
            data = data+"&files="+ JSON.stringify(selectedFiles);

			PDRequest({
				type    : "POST",
				url     : $("#form").prop("action"),
				data    : data,
				event   : event
			}).then((response) => {
                @if(request()->has('user_id'))
                    window.location = "{{route('employee.documents.index')."?user_id=".request()->get('user_id')}}";
                @else
                    window.location = "{{route('employee.documents.index')}}";
                @endif

            });
		});
    </script>
@stop