@extends('layouts.app_admin')

@section('content')
<section class="content-wrapper mb-4">
    <div class="card">
        <div class="row pt-3 px-3">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                  <li class="breadcrumb-item"><a href="#">Master</a></li>
                  <li class="breadcrumb-item"><a href="#">OPD</a></li>
                  <li class="breadcrumb-item"><a href="#">Create</a></li>
                </ol>
            </nav>
        </div>
    </div>
</section>

<section class="content-wrapper ">
    <form action="{{route('master.opd.store')}}" id="form_opd">
        @csrf
        <div class="row mb-4">
            <div class="col-md-6">
                <div class="card">
                    <div class="card-header">
                        <h2><i class="uil uil-server-alt"></i> Tambah OPD Baru</h2>
                    </div>
                    <div class="card-body">
                        <div class="form-control mb-4">
                            <label for="nama_opd">Nama OPD</label>
                            <input id="nama_opd" name="nama_opd" type="text" class="form-control" >
                        </div>
                        
                        <div class="form-control mb-4">
                            <label for="alamat">Alamat</label>
                            <!-- <input id="alamat" name="alamat" type="text" > -->
                            <textarea class="form-control" name="alamat" id="alamat" cols="30" rows="3"></textarea>
                        </div>
                    </div>
                    <button id="btn_submit_opd" type="button" onclick="" class="btn btn-sm btn-primary rounded-0"> <i class="uil uil-check"></i>&nbsp Simpan Data OPD</button>
                </div>
            </div>
        </div>
    </form>
    
    
</section>


@endsection
@section('script')
<script>

$("#btn_submit_opd").click(function(ev) {
    showSwalLoading('Loading...', 'Menyimpan Data');
    var form = $("#form_opd");
    var url = form.attr('action');
    $.ajax({
        type: "POST",
        url: url,
        data: form.serialize(),
        success: function(data) {
            let status = data.result.status;  
            let keterangan_status = data.result.keterangan_status;  
            let redirect = data.result.redirect;  
            
            showSwal(status,keterangan_status);
            if (redirect){
                window.location.href = redirect;
            }  
        },
        error: function(data) {
            alert("Terjadi Kesalahan pada Server");
        }
    });
});

$(document).ready(function () {
    $('.select2').select2({theme:""});
    $('.texteditor').summernote({
        tabsize: 1,
        height: 300,
        toolbar: [
          ['style', ['style']],
          ['font', ['bold', 'underline', 'clear']],
          ['para', ['ul', 'ol', 'paragraph']],
          ['table', ['table']],
          ['insert', ['link']],
        ]
    });

});

</script>
@endsection