@extends('layouts.admin')
@section('content')
@section('headerTitle')
    {{ $form->document->title }} - Formular {{ $form->form_nr }}
@endsection
@section('breadcrumbs')
    {{ Breadcrumbs::render('admin.interact.documents') }}
@endsection
@section('buttons')
@endsection
<div class="row">
    <div class="card">
        <div class="card-body p-lg-20">

            <div class="row">
                <div class="col-md-7 d-flex">
                    @if ($form->folder_id && $admin->can('Editare documente ' . $form->folder_id))
                        @if ($form->status != 'finalizat')
                            <copy-form-folder :payload="{{ $form }}"></copy-form-folder>
                        @else
                            <button type="button" class="btn btn-primary mb-5 mr-5 disabled"><i
                                    class="fa fa-paper-plane"></i>Transfera
                                formularul intr-un alt dosar</button>
                        @endif
                        @if ($form->status != 'finalizat' && $form->status != 'transferat')
                            <edit-form-folder :payload="{{ $form }}"></edit-form-folder>
                        @else
                            <button type="button" class="btn btn-success mb-5 disabled"><i
                                    class="fa fa-cog"></i>Modificare/Finalizare
                                formular</button>
                        @endif
                    @endif
                </div>

                @if (!$form->form_data)
                    <div class="col-md-5 text-right">
                        <a class="btn btn-sm mb-5 btn-primary"
                            href="{{ route('admin.docmg.form.download', ['id' => $form->id]) }}"><i
                                class="fa fa-download mr-2"></i>Descarca formularul completat de cetatean</a>
                    </div>
                @elseif($form->form_to_pdf)
                    <div class="col-md-5">
                        <a class="btn btn-sm mb-5 btn-primary"  download href="{{url('storage'.$form->form_to_pdf)}}"><i
                                class="fa fa-download mr-2"></i>Descarca formularul completat de cetatean</a>
                    </div>

                @endif
            </div>
            @if(!@$form->registryDocument->registry_number)
                <div class="row">
                    <div class="col-md-7 d-flex">

                    </div>
                    <div class="col-md-5 text-right">
                        <div class="col-md-5 text-right">
                            <a  onclick="addToRegister()" class="btn btn-sm mb-5 btn-warning"><i class="fa fa-add mr-2"></i>Inregistreaza in registru</a>
                        </div>
                    </div>
                </div>
            @endif

            <!--begin::Layout-->
            <form-request-options :admin="{{ $admin }}" :form='{{ $form }}'></form-request-options>

            <!--end::Layout-->
            <div id="formio-form"></div>
        </div>

    </div>
</div>
@endsection
@push('scripts')

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css">
    <link rel="stylesheet" href="https://formio.github.io/formio.js/dist/formio.full.min.css">
    <script src='https://cdn.form.io/js/formio.full.min.js'></script>î
<script lang="text/javascript">
    function addToRegister(){
        axios.post('admin/form-to-document/add', {'form_id': "{{ $form->id}}"})
            .then(function (response) {
              if (response.data.success){
                  window.location.href =  response.data.url;
              }
            })
            .catch(error => {
                console.log(error)
                if (error.response.status === 422) {
                    this.errors = error.response.data.errors || {};
                }
            });
    }

    window.onload = function() {
        // The third param's readOnly flag turns off buttons & marks all fields as readonly.
        Formio.createForm(document.getElementById('formio-form'), {!! $definition !!}, {
            readOnly: true,
            noDefaultSubmitButton : false
        }).then(function(form) {
            form.submission = {
                data: {!! $data !!},
            };
        });
    }
</script>
@endpush