@include('header')
<div class="container-fluid flex-grow-1 container-p-y">
    <h4 class="font-weight-bold py-3 mb-0">Autoref Master</h4>

    <div class="row">
        <div class="col-xl-12">
            <div class="card">
                <div class="card-body">
                    <div class="row align-items-center m-l-0">
                        <div class="col-sm-2 text-left">
                            <button class="btn btn-success btn-sm mb-3 btn-round" data-toggle="modal"
                                data-target="#modal-report" id="add_button"><i class="feather icon-plus"></i> Add
                                Autoref</button>
                        </div>
                    </div>
                    <hr>
                    <div class="table-responsive" id="custresult"></div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="modal-report" tabindex="-1" role="dialog" aria-labelledby="myExtraLargeModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" style="max-width: 50rem;">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Add Autoref</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form id="validation-form" method="POST" action="">
                        @csrf
                        <div class="row">
                            <input type="hidden" name="action" id="action" value="Save">
                            <input type="hidden" name="id" id="id" />

                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="floating-label" for="Name">Name <span
                                            class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="Name" id="Name" placeholder=""
                                        required="">
                                </div>
                            </div>

                            <div class="col-sm-4">
                                <div class="form-group">
                                    <label class="floating-label" for="Status">Status <span
                                            class="text-danger">*</span></label>
                                    <select class="form-control" id="Status" name="Status" required="">
                                        <option value="1" selected="">Active</option>
                                        <option value="2">Inactive</option>
                                    </select>
                                </div>
                            </div>

                            <div class="col-sm-8"><br>
                                <button class="btn btn-primary" type="submit" name="submit" id="submit">Submit</button>
                                <button class="btn btn-danger" type="reset">Clear</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

@include('footerscript')
<script>
function success_toast() {
    var isRtl = $('body').attr('dir') === 'rtl' || $('html').attr('dir') === 'rtl';
    $.growl.notice({
        title: 'Success',
        message: 'Autoref record saved successfully!',
        location: isRtl ? 'tl' : 'tr'
    });
}

function autoref_lists() {
    $.ajax({
        url: "{{ url('viewAutorefMasterList') }}",
        method: "POST",
        data: {
            _token: '{{csrf_token()}}'
        },
        success: function(data) {
            $('#custresult').html(data);
        }
    });
}

$(document).ready(function() {
    autoref_lists();

    $('#add_button').click(function() {
        $('.modal-title').html("Add <span class='font-weight-light'>Autoref</span>");
        $('#action').val("Save");
        $('#id').val('');
        $('#Name').val('');
        $('#Status').val(1);
        $('#submit').text('Submit');
    });

    $('#validation-form').on('submit', function(e) {
        e.preventDefault();
        if ($('#validation-form').valid()) {
            $.ajax({
                url: "{{ url('saveAutorefMaster') }}",
                method: "POST",
                data: new FormData(this),
                contentType: false,
                processData: false,
                beforeSend: function() {
                    $('#submit').attr('disabled', 'disabled');
                    $('#submit').text('Please Wait...');
                },
                success: function(data) {
                    if (data == 1) {
                        $('#modal-report').modal('hide');
                        success_toast();
                        autoref_lists();
                    }
                    $('#submit').attr('disabled', false);
                    $('#submit').text($('#action').val() === 'Edit' ? 'Update' : 'Submit');
                }
            });
        }
    });

    $(document).on("click", ".update", function(event) {
        event.preventDefault();
        var id = $(this).attr("data-id");
        $.ajax({
            url: "{{ url('editAutorefMaster') }}",
            method: "POST",
            data: {
                _token: '{{csrf_token()}}',
                id: id
            },
            dataType: "json",
            success: function(data) {
                $('#Status').val(data.Status);
                $('#Name').val(data.Name);
                $('#action').val('Edit');
                $('#id').val(id);
                $('#submit').text("Update");
                $('#modal-report').modal('show');
                $('.modal-title').html("Update <span class='font-weight-light'>Autoref</span>");
            }
        });
    });

    $(document).on("click", ".delete", function(event) {
        event.preventDefault();
        var id = $(this).attr("data-id");
        swal({
            title: "Are you sure?",
            text: "You will not be able to recover this record!",
            type: "warning",
            showCancelButton: true,
            confirmButtonClass: "btn-danger",
            confirmButtonText: "Yes, delete",
            cancelButtonText: "No, cancel",
            closeOnConfirm: false,
            closeOnCancel: false
        }, function(isConfirm) {
            if (isConfirm) {
                $.ajax({
                    url: "{{ url('deleteAutorefMaster') }}",
                    method: "POST",
                    data: {
                        _token: '{{csrf_token()}}',
                        id: id
                    },
                    success: function() {
                        swal("Deleted!", "Autoref record has been deleted.", "success");
                        autoref_lists();
                    }
                });
            } else {
                swal("Cancelled", "Record is safe :)", "error");
            }
        });
    });
});
</script>