@extends('modules.head') @section('contenido')
<h3>
    <a class="ruta" class="" href="{{ url('/memberships') }}">
    {{__('memberships.texts.memberships') }}
    </a>
    <span class="separador-ruta">|</span>
    {{__('memberships.texts.create')}}
</h3>

<div class="box">
    <div class="box-header with-border">
        <h3 class="box-title">{{__('memberships.texts.create')}}</h3>
    </div>

    <div class="box-body">
        <form method="POST" id="form_create">
            @include('memberships.form')
            @include('layouts.button_add')
        </form>
    </div>
</div>
@endsection

@section('inline-js')
<script>
$(document).ready(function() {
    const selectTags = $("#tags");

    $('#form_create').validator().on('submit', function (e) {
        if (e.isDefaultPrevented()) {
            swal("Error", Lang.get('memberships.messages.validation_error'), "error");
            $("#btn-create-category").prop("disabled", false);
            $("#btn-edit").removeClass("displayNone");
            $("#spinnerButton").addClass("displayNone");
        } else {
            e.preventDefault();
            $.ajax({
                url: '/memberships/store',
                type: "POST",
                headers: {
                    "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
                    "Accept": "application/json"
                },
                dataType: "json",
                data: $('#form_create').serialize(),
                success: function(response) {
                    swal(
                        Lang.get('memberships.messages.create_success'),
                        {
                            icon: "success",
                            buttons: {
                                Ok: true,
                            },
                        }).then((val) => {
                            if (val == "Ok") {
                                $(location).attr("href", '/memberships');
                            }
                        }
                    );
                },
                error: function (a) {
                    swal("Error", a.responseJSON.message ?? Lang.get('memberships.messages.generic_error'), "error");
                }
            });
        }
    });

    selectTags.select2({
        multiple: true,
        ajax: {
            url: '/tags/search',
            dataType: 'json',
            processResults: function (response) {
                var data = $.map(response.data, function (obj) {
                    obj.id = obj.id;
                    obj.text = obj.name;
                    return obj;
                });
                return {
                    results: response.data
                };
            }
        }
    });

    let create = () => true;
});
</script>
@endsection