@extends('app')
@section('content')
    <div>
        <h3>Mācību priekšmeti</h3>
    </div>
    <div class="col-xs-12">
        <div class="row header-row">
            <button id="new" class="btn btn-info">Pievienot</button>
        </div>
        <div class="admin-table" id="subject-table">
            @each('admin.subject.row', $subjects, 'subject')
        </div>
    </div>
    <script type="text/javascript">
        $( document ).ready(function() {
            showNewFormBind();
            editBind();
            removeBind();

            function removeBind() {
                var $button = $("button.btn-remove");
                $button.tooltip();
                $button.click(function () {
                    var id = $(this).attr('data-id');
                    var url = "/admin/subject/"+id;
                    $.ajax({
                        url: url,
                        type: 'DELETE',
                        success: function(result,status,xhr) {
                            $(".content-row[data-id = '"+id+"']").replaceWith(result);
                        },
                        complete: function(xhr,status) {
                            restoreBind();
                        }
                    });
                });
            }

            function restoreBind() {
                var $button = $("button.btn-restore");
                $button.tooltip();
                $button.click(function () {
                    var id = $(this).attr('data-id');
                    var url = "/admin/subject/"+id;
                    $.ajax({
                        url: url,
                        type: 'GET',
                        success: function(result,status,xhr) {
                            $(".content-row[data-id = '"+id+"']").replaceWith(result);
                        },
                        complete: function(xhr,status) {
                            editBind();
                            removeBind();
                        }
                    });
                });
            }

            function editBind() {
                var $button = $("button.btn-edit");
                $button.tooltip();
                $button.click(function() {
                    var id = $(this).attr('data-id');
                    var url = "/admin/subject/"+id+"/edit";
                    $.ajax({
                        url: url,
                        type: 'GET',
                        success: function(result,status,xhr) {
                            $(".content-row[data-id = '"+id+"']").replaceWith(result);
                        },
                        complete: function(xhr,status) {
                            submitBind();
                            $(".btn-remove-form").click(function() {
                                $("form[data-id = '"+id+"']").remove();
                            });
                            $("form[data-id = '"+id+"']").find("input#name").focus();
                        }
                    });
                });
            }

            function submitBind() {
                var $button = $("button.btn-submit");
                $button.tooltip();
                $(".edit-form").submit(function () {
                    var $form = $(this);
                    var formData = $form.serializeArray();
                    var url = $form.attr('action');
                    $.ajax({
                        url: url,
                        type: 'PUT',
                        data: formData,
                        success: function(result,status,xhr) {
                            $form.replaceWith(result);
                        },
                        complete: function(xhr,status) {
                            editBind();
                            removeBind();
                            submitBind();
                        }
                    });

                    return false;
                });
            }

            function newFormSubmit() {
                $("#new-form").submit(function(event) {
                    var $form = $(this);
                    var formData = $form.serializeArray();
                    var url = $form.attr('action');
                    $.ajax({
                        url: url,
                        type: 'POST',
                        data: formData,
                        success: function(result,status,xhr) {
                            $form.remove();
                            $('#subject-table').append(result);
                        },
                        complete: function(xhr,status) {
                            $(".btn-remove-new").click(function() {
                                $("#new-form").remove();
                            });
                            editBind();
                            removeBind();
                            newFormSubmit();
                        }
                    });
                    return false;
                });
            }

            function showNewFormBind() {
                $("button#new").click(function() {
                    if (!$("#new-form").length) {
                        $.ajax({
                            url: "/admin/subject/create",
                            type: 'GET',
                            success: function(result,status,xhr) {
                                $('#subject-table').append(result);
                            },
                            complete: function(xhr,status) {
                                $(".btn-remove-new").click(function() {
                                    $("#new-form").remove();
                                });
                                newFormSubmit();
                                $("#new-form #name").focus();
                                $("#new-form").find("button").tooltip();
                            }
                        });
                    } else {
                        $("#new-form #name").focus();
                    }
                });
            }

        });
    </script>
@stop