@extends('layouts.app')
@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.update', $document->id).$uriSegment}}"
            method="PUT"

    >

        <div class="w-full mt-8 mb-8">
            <div class="flex flex-col gap-[20px]">
                <div class="bg-base-white border border-custom-grey-200 rounded-[8px] px-[32px] py-[24px]">
                    <h3 class="text-lg font-semibold leading-[8px]">{{ $document->document_type->name }}</h3>
                    <hr class="mt-2 mb-4" />

                    <div class="w-full flex flex-col gap-4">
                        <input type="hidden" name="document_type_id" value="{{$document->document_type->id}}" />
                        @if ( $document->document_type->type === 'personal' && $document->document_type->created_by == auth()->user()->id )
                            <div class="form_group w-full lg:w-[60%] flex flex-col lg:flex-row lg:justify-between lg:items-center gap-2 lg:gap-0">
                                <label for="name" class="form-label text-sm-semibold w-full lg:w-1/2">
                                    {{trans("employee_documents.name")}}
                                </label>
                                <div class="w-full lg:w-1/2 relative">
                                    <input type="text"
                                        id="name"
                                        name="name"
                                        class="form-input w-full"
                                        value="{{ $document->document_type->name }}" />
                                </div>
                            </div>
                        @endif

                        @if ( $document->document_type->type === 'personal' || $document->document_type->expiry_date )
                            <div class="form_group w-full lg:w-[60%] flex flex-col lg:flex-row lg:justify-between lg:items-center gap-2 lg:gap-0">
                                <label for="name" class="form-label text-sm-semibold w-full lg:w-1/2">
                                    {{trans("employee_documents.expiry_date")}} @if($document->document_type->type === 'default')
                                            *
                                    @endif
                                </label>
                                <div class="w-full lg:w-1/2 relative">
                                    <input type="text"
                                        id="expired_at"
                                        name="expired_at"
                                        class="form-input w-full datepicker"
                                        value="{{ $document->expired_at ? $document->expired_at : '' }}" />
                                </div>
                            </div>
                        @endif

                        @php $assets = $document->getMedia('files');@endphp
                        @if ( $assets->count() > 0)
                            <div class="form_group w-full lg:w-[60%] flex flex-col lg:flex-row lg:justify-between lg:items-center gap-2 lg:gap-0">
                                <div class="form-label text-sm-semibold w-full lg:w-1/2">{{trans("employee_documents.select_documents")}}</div>
                                <div class="w-full lg:w-1/2">
                                     @include('employeedocument::employee-documents.docs')
                                </div>
                            </div>
                        @endif
                    </div>
                </div>

                <div class="flex flex-wrap justify-start items-center gap-2">

                    <button type="submit" class="btn-primary-base btn-complete">
                        {{trans('forms.lbl_save')}}
                    </button>

                    @if ($document->document_type->type == "personal")
                        <button type="button" class="btn-secondary-base btn-delete" data-uri={{url('employee/documents', $document->id)}} data-redirect="{{url('employee/documents').$uriSegment}}" data-id={{$document->id}}>
                            <x-svg-icon icon="icon-trash" />{{__('forms.lbl_delete')}}
                        </button>
                    @endif

                    <a href="{{route('employee.documents.index').$uriSegment}}" class="btn-tertiary-base">
                        {{trans('forms.lbl_cancel')}}
                    </a>
                </div>
            </div>
        </div>

    </form>
</div>
@stop

@section('footer-script')
<script src="{{ asset('js/tailwind/profile.js') }}"></script>
    <script type="text/javascript">

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

			data = $('#form').serialize();

			PDRequest({
				type    : "PUT",
				url     : $("#form").prop("action"),
				data    : data,
				event   : event
			}).then((response) => {
                window.location = "{{route('employee.documents.index').$uriSegment}}";
            });
		});

    </script>
@stop