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

@section('content')
	<div class="content">
		<x-content.header title="{{ __('settings.daily_update_title') }}" />
		<div class="w-full flex gap-4 pb-8">
            <div id="update-item-container" class="w-full lg:w-[calc(100%-250px)]">
                <div class="tabContentUpdate">
                    <form id="form"
                            name="onboarding-form"
                            action="{{route('dailyupdate.update', $dailyUpdate->id)}}"
                            method="POST"
                    >
                        @include('dailyupdate::form', [
                            'edit' => true
                        ])

                        <div class="mt-4 border-top flex">
                            <button type="submit" {{($dailyUpdate->completed_at ? 'disabled' : "")}} class="btn-success {{($dailyUpdate->completed_at ? '!bg-custom-green-300 opacity-70' : "")}} rounded-lg mt-4 mr-2 btn-complete">
                                {{trans('forms.lbl_complete')}}
                            </button>

                            @if(!$dailyUpdate->completed_at)
                                <button type="submit" class="btn-primary-sm mt-4 btn-save btn-publish mr-2">
                                    {{trans('forms.lbl_save')}}
                                </button>

                                <button type="submit" class="btn-secondary-sm mt-4 btn-save btn-concept mr-2">
                                    {{trans('forms.lbl_save_concept')}}
                                </button>
                            @endif

                            <a href="{{route('dailyupdate.index')}}"  class="btn-tertiary-sm mt-4">{{trans('forms.lbl_cancel')}}</a>
                        </div>
                    </form>
                </div>
			</div>
		</div>
	</div>
@stop

@section('footer-script')
<!-- Custom js for this page-->
    <script src="{{asset('js/jquery-file-upload-multiple.js')}}"></script>

    <script type="text/javascript">

        $(document).ready(function() {
            $('div.repeater').find('div.deletable').remove();
        });

		$(".btn-save, .btn-complete").on("click", function(event) {
			event.preventDefault();
			//if($("#form").valid()){
	            //$('.existing').attr('name', '');

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

				if($(this).hasClass('btn-complete')) {
	                data = data+"&complete=1";
	            }else if($(this).hasClass('btn-concept')) {
                    data = data+"&save_as_concept=1";
                }

				PDRequest({
					type    : "PUT",
					url     : $("#form").prop("action"),
					data    : data,
					event   : event
				}).then((response) => {
					if(response.status == "success"){
	                    if($(this).hasClass('btn-complete')) {
	                        $(this).prop('disabled', true);
                            $(".btn-concept").remove();

                            $(".btn-publish").remove();

	                    }
						window.location = "{{route('dailyupdate.index')}}"
	                }
	            });
			//}
		});
    </script>
@stop