@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="#">Edit</a></li>
                </ol>
            </nav>
        </div>
    </div>
</section>

<section class="content-wrapper ">
    <form action="{{route('master.opd.update')}}" 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> Ubah Data OPD</h2>
                    </div>
                    <div class="card-body">
                        <input type="hidden" id="id_opd" name="id_opd" value="{{$data->id}}">
                        <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" value="{{$data->nama}}">
                        </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">{{$data->alamat}}</textarea>
                        </div>
                    </div>
                    <button id="btn_submit_opd" type="button" onclick="" class="btn btn-lg 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) {
    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']],
        ]
    });

    $("#jenis_url").change(function(){
        let jenis_url = $("#jenis_url").val()
        $("#catatan_url").empty()

        if (jenis_url == 1) {
            $("#catatan_url").append("Masukkan nama Route URL dari link yang dituju contoh : pengajuan.reklame")
        }else{
            $("#catatan_url").append("Masukkan URL dari link yang dituju contoh : Https://google.com")
        }
    })
});

</script>
@endsection