@extends('layouts.admin.app', ["title" => "Tambah Data Kategori"])



@section('main')
<div class="main-content">
    <section class="section">
        <div class="section-header">
            <h1>Tambah Kategori</h1>
            <div class="section-header-breadcrumb">
                <div class="breadcrumb-item active"><a href="#">Dashboard</a></div>
                <div class="breadcrumb-item"><a href="#">Master Data</a></div>
                <div class="breadcrumb-item"><a href="{{route('master_kategori.index')}}">Kategori</a></div>
                <div class="breadcrumb-item">Tambah</div>
            </div>
        </div>

        <div class="section-body">
            <div class="row">
                <div class="col-12 col-md-7 col-lg-7">
                    <div class="card">
                        <div class="card-header">
                            {{-- <h4></h4> --}}
                            <h4 class="text-dark">Form Kategori</h4>
                        </div>
                        <div class="card-body">
                            <form class="needs-validation" id="form_data" novalidate="">
                                @csrf
                                <div class="form-group">
                                    <label>Nama Kategori </label>
                                    <input type="text" class="form-control" id="nama"
                                        placeholder="Masukan Nama Kategori" required>
                                    <div class="invalid-feedback">Harap Isi Nama
                                    </div>

                                </div>

                                <div class="form-group">
                                    <button id="simpan" type="button" class="btn btn-success "><i
                                            class="fas fa-floppy-disk">
                                        </i>
                                        Simpan
                                    </button>
                                    <a href="{{route('master_kategori.index')}}" class="btn btn-warning"><i
                                            class="fas fa-backward"> </i>
                                        Kembali
                                    </a>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</div>
</section>
</div>
@endsection
@push('js')
<script>
    let token = '{{ $token }}'

        function simpan() {
            // e.preventDefault();
            $.ajax({
                url: '/api/kategoris',
                type: "Post",
                cache: false,
                headers: {
                    'Authorization': 'Bearer ' + token
                },
                data: {
                    "user_created": {{ auth()->user()->id }},
                    "nama": $('#nama').val(),
                },
                success: function (response) {

                    Swal.fire({
                        icon: 'success',
                        title: response.data.message,
                        showConfirmButton: false,
                        timer: 500
                    }).then(() => {
                        window.location.href = "{{ route('master_kategori.index') }}";
                    });
                },
                error: function (responseJSON) {
                    if (responseJSON.status === 422) {
                        let errors = responseJSON.responseJSON.errors;
                        let message = '';
                        for (let field in errors) {
                            message += errors[field].join(', ') + '\n';
                        }
                        Swal.fire({
                            icon: 'error',
                            title: 'Terjadi Kesalahan',
                            html: message.replace(/\n/g, '<br>'),
                        });
                    } else {
                        Swal.fire({
                            icon: 'error',
                            title: 'Terjadi Kesalahan',
                            text: 'Silakan coba lagi',
                        });
                    }
                }
            })
        }
        $(document).ready(function () {
            $('#simpan').click(function (e) {
                e.preventDefault();
                const form = document.getElementById('form_data');

                if (form.checkValidity()) {
                                    simpan();

                }else{
                        form.classList.add('was-validated');

                }
            });
        })
</script>

@endpush