@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="#">Layanan</a></li>
                  <li class="breadcrumb-item"><a href="#">Create</a></li>
                </ol>
            </nav>
        </div>
    </div>
</section>

<section class="content-wrapper ">
    <form action="{{route('master.layanan.store')}}" id="form_layanan">
        @csrf
        <div class="row mb-4">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h2><i class="uil uil-server-alt"></i> Buat Layanan Baru</h2>
                    </div>
                    <div class="card-body">
                        <div class="form-control mb-4">
                            <label for="nama_layanan">Nama Layanan</label>
                            <input id="nama_layanan" name="nama_layanan" type="text" class="form-control" >
                        </div>
                        
                        <div class="form-control mb-4">
                            <select name="opd" id="opd" class="form-select select2">
                                <option value="">--Pilih OPD--</option>
                                @foreach ($master_opd as $item)
                                    <option value="{{$item->id}}">{{$item->nama}}</option>
                                @endforeach
                            </select>
                        </div>
                        
                        <div class="form-control mb-4">
                            <label for="jenis_url">Jenis URL</label>
                            <select name="jenis_url" id="jenis_url" class="form-select" onselect="jenis_url()">
                                <option value="1">Internal</option>
                                <option value="2">Eksternal</option>
                            </select>
                        </div>
                        
                        <div class="form-control mb-4">
                            <label for="url">URL</label>
                            <input id="url" name="url" type="text" class="form-control" >
                            <small id="catatan_url"></small>
                        </div>
                        
                        <div class="form-control mb-4">
                            <label for="icon">icon</label>
                            <input id="icon" name="icon" type="text" class="form-control">
                        </div>
                    </div>
                    <button id="btn_submit_layanan" type="button" onclick="" class="btn btn-lg btn-primary rounded-0"> <i class="uil uil-check"></i>&nbsp Simpan Data Layanan</button>
                </div>
            </div>
    
            <!-- <div class="col-md-6">
                <div class="card">
                    <div class="card-header">
                        <h2><i class="uil uil-server-alt"></i> Informasi Layanan</h2>
                    </div>
                    <div class="card-body">
                        
                        <div class="form-control mb-4">
                            <label for="judul_informasi">File Tambahan</label>
                            <input id="file" name="file" type="text" class="form-control" >
                        </div>
    
                    </div>
                </div>
            </div> -->
        </div>
        
        <!-- <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h2><i class="uil uil-server-alt"></i> Informasi Layanan</h2>
                    </div>
                    <div class="card-body">
                        
                        <div class="form-control mb-4">
                            <label for="judul_informasi">Judul Informasi</label>
                            <input id="judul_informasi" name="judul_informasi" type="text" class="form-control" >
                        </div>
    
                        <div class=" mb-4">
                            <label for="isi_informasi">Isi Informasi</label>
                            <textarea id="isi_informasi" name="isi_informasi" class="form-control texteditor bg-pale-ash" placeholder="Textarea"></textarea>
                        </div>
    
                    </div>
                </div>
            </div>
        </div> -->
    </form>
</section>


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

$("#btn_submit_layanan").click(function(ev) {
    var form = $("#form_layanan");
    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