@extends('layouts.app')

@section('content')
    {{-- <h3 class="mb-4">{{trans("incidentreport.title")}}</h3> --}}
    <div class="content">
        <x-content.header title="{{__('incidentreport.title')}}" />
        <div class="tw-card">
            <div class="p-6">

                <form id="form" name="incidentreport-form" action="{{url('incident-reports/'.$incident_report->id)}}" method="POST">
                    @include('incidentreport::form', [
                        'edit' => true
                    ])

                    <div class="mt-5 border-top">

                        @if(auth()->user()->can('update', $incident_report))
                            <button type="submit" {{($incident_report->status ? 'disabled' : "")}} class="btn btn-success mt-4 btn-complete">
                                <span>{{trans('forms.lbl_complete')}}</span>
                            </button>
                        @endif

                        <button type="submit" class="btn btn-info mt-4 btn-save">
                            {{trans('forms.lbl_save_concept')}}
                        </button>

                        @can('delete', $incident_report)
                            <button
                                type="submit" class="btn btn-danger mt-4 btn-delete"
                                data-uri="{{url('incident-reports/'.$incident_report->id)}}"
                                data-id="{{$incident_report->id}}"
                                data-redirect="{{url('incident-reports')}}"
                                >
                                <span>Delete</span>
                            </button>
                        @endcan

                        <a href="{{route('incident-reports.index')}}"  class="btn btn-outline-secondary mt-4">{{trans('forms.lbl_cancel')}}</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
@stop

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

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

                if($(this).hasClass('btn-complete')) {
                    data = data+"&status=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);
                        }
                        window.location = "{{url('incident-reports')}}";
                    }
                });
            }
		});
    </script>
@stop