{% extends "base.html.twig" %}

{% block title %}Firmware versions{% endblock %}

{% form_theme form 'form/modal.html.twig' %}

{% block body %}

    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="bgc-white bd bdrs-3 p-20 mB-20">
                    <h4 class="c-grey-900"><i class="c-amber-500 fas fa-file-alt"></i> List of OS and firmware versions
                        <a href="{{ path('admin_help', {'page': 'firmwares'}) }}"><span class="help-box" title="How to manage firmwares"></span></a>
                    </h4>
                    <hr class="mB-30">
                    {% include 'blocks/filter.html.twig' %}
                    {{ sg_datatables_render(datatable) }}
                </div>
            </div>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="add-fw" tabindex="-1" role="dialog" aria-labelledby="addFwLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="addFwLabel">Create new firmware</h5>
                </div>
                <div class="modal-body">
                    <div id="errors"></div>
                    {{ form_start(form, {attr: {class: 'form', id: 'fwCreateForm'} }) }}
                    {{ form_widget(form) }}
                    {{ form_end(form) }}
                </div>
            </div>
        </div>
    </div>

{% endblock body %}

{% block javascripts %}

    {{ parent() }}

    <script>

        $('.modal').on('hidden.bs.modal', function(){
            //$(this).removeData('bs.modal');
            if($(this).find('form').length !== 0){
                $(this).find('form')[0].reset();
                document.getElementById('errors').innerText = '';
            }
        });

        $("#fwCreateForm").submit(function(e) {

            e.preventDefault();
            var formSerialize = $(this).serialize();

            var url = "{{ path('ajax_fw_create')|escape('js') }}";
            $.ajax({
                type: "POST",
                url: url,
                data: formSerialize,
                success: function (result) {
                    if (result.code === 200) {
                        $('#add-fw').modal('hide');
                        $('#sg-datatables-firmware_datatable').DataTable().ajax.reload();
                        // refresh current url to see student
                    } else {

                    }
                },
                error: function (result) {
                    document.getElementById('errors').innerHTML = '<div class="alert alert-danger" role="alert">' + result.responseJSON.errors.error; + '</div>';
                }
            });
        });

    </script>

{% endblock %}