@extends('layouts.backend')

@section('content')
<div class="container">
    <div class="row">
        <div class="col-sm-12">
            <h4 class="page-title"><i class="fa fa-bullhorn"></i> Pengumuman Desa</h4>
            <ol class="breadcrumb">
                <li>
                    <a href="{{route('home')}}">Home</a>
                </li>
                <li>
                    <a href="{{route('backoffice-pengumuman-index')}}">Pengumuman</a>
                </li>
                <li class="active">
                    {{$model->judul_pengumuman}}
                </li>
            </ol>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <div class="card-box">
                <h4 class="m-t-0 header-title"><b>Form upload pengumuman</b></h4>
                <form method="POST" action="{{route('backoffice-pengumuman-update', $model->id)}}" class="form-horizontal" role="form" enctype="multipart/form-data">       
                {{@csrf_field()}}                             
                    <div class="form-group @error('judul') has-error @enderror">
                        <label class="col-md-2 control-label" for="judul">Judul Pengumuman</label>
                        <div class="col-md-6">
                            <input type="text" id="judul" name="judul" value="{{$model->judul_pengumuman}}" class="form-control" placeholder="Judul Kegiatan">
                            @error('judul')
                                <ul class="parsley-errors-list filled" id="parsley-id-7"><li class="parsley-required">{{ $message }}</li></ul>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-2 control-label">Isi Pengumuman</label>
                        <div class="col-md-10">
                            <textarea id="elm1" name="isi">{{$model->isi_pengumuman}}</textarea>
                        </div>
                    </div>  
                    <div class="form-group @error('file') has-error @enderror">
                        <label class="col-md-2 control-label" for="file">File Pengumuman</label>
                        <div class="col-md-6">
                            <input type="file" id="file" name="file" class="form-control">
                            @error('file')
                                <ul class="parsley-errors-list filled" id="parsley-id-7"><li class="parsley-required">{{ $message }}</li></ul>
                            @enderror
                        </div>
                    </div>  
                    <div class="form-group m-b-0">
                        <div class="col-sm-offset-2 col-sm-9">
                            <button type="submit" class="btn btn-info waves-effect waves-light">
                                <i class="ti-upload"></i>
                                Upload kegiatan
                            </button>
                        </div>
                    </div>                                                                   
                </form>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $(document).ready(function () {
                if($("#elm1").length > 0){
                    tinymce.init({
                        selector: "textarea#elm1",
                        theme: "modern",
                        height:300,
                        plugins: [
                            "advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker",
                            "searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
                            "save table contextmenu directionality emoticons template paste textcolor"
                        ],
                        toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | l      ink image | print preview media fullpage | forecolor backcolor emoticons", 
                        style_formats: [
                            {title: 'Bold text', inline: 'b'},
                            {title: 'Red text', inline: 'span', styles: {color: '#ff0000'}},
                            {title: 'Red header', block: 'h1', styles: {color: '#ff0000'}},
                            {title: 'Example 1', inline: 'span', classes: 'example1'},
                            {title: 'Example 2', inline: 'span', classes: 'example2'},
                            {title: 'Table styles'},
                            {title: 'Table row 1', selector: 'tr', classes: 'tablerow1'}
                        ]
                    });    
                }  
            });
    </script>
    </div> 
@endsection