@extends('layouts.app')
@section('title', trans('settings.native_title'))

@section('plugin-styles')
    <link rel="stylesheet" href="{{asset('vendors/jquery-file-upload/uploadfile.css')}}">
@stop

@section('content')
	<div class="content">
        <x-content.header title="{{__('title.settings_native')}}" />
        <form id="form" name="form" action="{{url('settings/native-app/'.$nativeApp->id)}}" method="POST">
            <div class="tw-card">
                <div class="p-6">

                    @include('nativeapp::form', [
                        'edit' => true
                    ])

                    <div class="mt-4 border-top">
                        <button type="submit" class="btn btn-info mt-4 btn-save">
                            {{trans('forms.lbl_save')}}
                        </button>
                        <a href="{{url('settings/native-app')}}"  class="btn btn-outline-secondary mt-4">{{trans('forms.lbl_cancel')}}</a>
                    </div>

                </div>
            </div>
        </form>
    </div>

@stop

@section('footer-script')
    <!-- plugin js for this page -->
    <script type="text/javascript" src="//code.jquery.com/ui/1.12.1/jquery-ui.js" ></script>
    <!-- Custom js for this page-->
    <script src="{{asset('js/jquery-file-upload.js')}}"></script>
    <script type="text/javascript">
        $(".keyword").select2({
            tags: true,
            search: false,
            language: {
            noResults: function () {
                return '';
                }
            }
        });

		$(".btn-save").on("click", function(event) {
			event.preventDefault();

            if($("#form").valid()){
    			data = $('#form').serialize();

    			PDRequest({
    				type    : "PUT",
    				url     : $("#form").prop("action"),
    				data    : data,
    				event   : event
    			}).then((response) => {
                    window.location = "{{url('settings/native-app')}}";
                });
            }
		});
    </script>
@stop