Anons79 Mini Shell

@extends('app')

@section('content')
    <div class="page-heading">
        <h3>Pengaturan Aplikasi</h3>
    </div>
    <div class="page-content ">
        <div class="row">
            <div class="col-md-6">
                <div class="card ">
                    <div class="card-header">
                    </div>

                    <div class="card-body ">
                        <div class="row ">
                            <div class="col-md-12">
                                <form>

                                    <div class="form-group">
                                        <label for="email">Email</label>
                                        <input type="email" class="form-control" id="email" name="email"
                                            placeholder="Masukan Email" value="{{ $data->email }}" autocomplete="email"
                                            required>
                                    </div>

                                    <div class="form-group">
                                        <label for="name">Username</label>
                                        <input type="text" class="form-control" id="nama_aplikasi" name="nama_aplikasi"
                                            placeholder="Masukan Nama Aplikasi" value="{{ $data->nama_aplikasi }}"
                                            autocomplete="nama_aplikasi" required>
                                    </div>

                                    <div class="form-group">
                                        <label for="no_telp">Kontak</label>
                                        <input type="number" class="form-control" id="no_telp" name="no_telp"
                                            placeholder="Masukan Nomor Telp" value="{{ $data->no_telp }}" autocomplete="tel"
                                            required>
                                    </div>
                                    <div class="form-group">
                                        <label for="logo_aplikasi">Logo Aplikasi</label>
                                        <input type="file" class="form-control" id="logo_aplikasi" name="nama_aplikasi"
                                            accept="image/*">
                                        <p><small class="text-muted">Masukkan foto profil (JPG, PNG, JPEG).</small></p>
                                    </div>

                                    <div class="form-group">
                                        <button class="btn btn-success" id="submit-btn">Simpan</button>
                                    </div>



                                </form>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="card ">
                    <div class="card-body">
                        <img class="img-fluid w-100" id="profile-picture"
                            @if (isset($data->logo_aplikasi)) src="{{ asset('images/logo/' . $data->logo_aplikasi) }}"@else src="{{ asset('assets\static\images\samples\1.png') }}" @endif
                            alt="">
                    </div>

                </div>
            </div>


        </div>
    </div>
    @include('Component.sweetalert')

    <script>
        $(document).ready(function() {

            $('#submit-btn').click(function(e) {
                e.preventDefault();

                var formData = new FormData();
                formData.append('_method', 'PUT');
                formData.append('email', $('#email').val());
                formData.append('nama_aplikasi', $('#nama_aplikasi').val());
                formData.append('no_telp', $('#no_telp').val());

                if ($('#logo_aplikasi').length > 0 && $('#logo_aplikasi')[0].files && $('#logo_aplikasi')[0]
                    .files[0]) {
                    formData.append('logo_aplikasi', $('#logo_aplikasi')[0].files[0]);
                }

                $.ajax({
                    url: '{{ route('pengaturanAplikasi.update', $data->id) }}',
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    success: function(response) {

                        if (response.status == 'success') {
                            showAlert(
                                'Berhasil Diubah!',
                                response.message,
                                response.status,
                                function() {}
                            );
                            var newImageSrc = '{{ asset('images/logo/') }}/' + response
                                .logo_aplikasi;
                            $('#profile-picture').attr('src', newImageSrc);
                        } else {
                            showAlert(
                                'Gagal Diubah!',
                                response.message,
                                response.status,
                                function() {}
                            );
                        }
                    },
                    error: function(xhr) {
                        if (xhr.status === 422) {
                            var errors = xhr.responseJSON.errors;
                            var errorMessage = '';
                            $.each(errors, function(key, value) {
                                errorMessage += value + '\n';
                            });
                            showAlert(
                                'Gagal Diubah!',
                                errorMessage,
                                'error',
                                function() {}
                            );
                        } else {
                            alert('Terjadi kesalahan server.');
                        }
                    }
                });
            });

        });
    </script>
@endsection