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

<section class="content-wrapper ">
    <form method="post" action="{{route('master.informasi.store')}}" id="form_informasi" enctype="multipart/form-data">
        @csrf
        
        <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">Layanan</label>
                            <select name="layanan" id="layanan" class="form-select select2">
                                <option disabled selected value="">--Pilih layanan--</option>
                                @foreach ($master_layanan as $item)
                                    <option value="{{$item->id}}">{{$item->nama}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-control mb-4">
                            <label for="judul">Judul Informasi</label>
                            <input id="judul" name="judul" type="text" class="form-control" >
                        </div>
                        <div class="form-control mb-4">
                            <label for="file">File Tambahan</label>
                            <input id="file" name="file" type="file" class="form-control" >
                        </div>
                        <div class=" mb-4">
                            <label for="isi">Isi Informasi</label>
                            <textarea id="isi" name="isi" class="form-control texteditor bg-pale-ash" placeholder="Textarea"></textarea>
                        </div>
                    </div>

                    <button id="btn_submit_informasi" type="submit" onclick="" class="btn btn-lg btn-primary rounded-0"> <i class="uil uil-check"></i>&nbsp Simpan Data Informasi</button>
                </div>
            </div>
        </div>
    </form>
</section>


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


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

});

</script>
@endsection