@extends('auth::layouts.morvinnav_novue')

@section('main')
  <div class="page-title-box">
    <div class="container-fluid">
      <div class="row align-items-center">
        <div class="col-sm-6">
          <div class="page-title">
            <h4>NOTIFIKASI</h4>
            <ol class="breadcrumb m-0">
              @foreach ($routes as $key => $route)
                <li class="breadcrumb-item"><a href="{{ $route }}">{{ $key }}</a></li>
              @endforeach
            </ol>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="container-fluid">
    <div class="page-content-wrapper">
      @if (Session::has('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">

          <strong> {{ Session::get('success') }}</strong>
        </div>
      @endif

      @if ($errors->any())
        {!! implode(
            '',
            $errors->all('<div class="alert alert-danger alert-dismissible fade show" role="alert">
                									<strong>:message</strong>
                								</div>'),
        ) !!}
      @endif

      <div class="card">
				<div class="card-header p-4">

					<h5 class="m-0 p-0">Tulis Pengumuman</h5>
				</div>
				<div class="card-body" >
					<form class="" method="POST" action="/masterdata/notifikasi">
						@csrf
						@method('post')


						<input type="hidden" name="id" value="{{ $pengumuman->id ?? '' }}" name="jalur_id">

						<div class="mb-2 " style="width: 300px">
							<div class="form-group col">
								<label for="">Status</label>
								<select name="status" value='{{ $pengumuman->status ?? 0 }}' class="form-control form-select">
									<option @if ($pengumuman->status) selected @endif value="1">Aktif</option>
									<option @if (!$pengumuman->status) selected @endif value="0">Nonaktif</option>
								</select>
							</div>
						</div>

						<div class="row mb-2 ">
							<div>
								<label class="form-label">
									Judul pengumuman
								</label>
								<input value="{{ $pengumuman->judul }}" name="judul" required placeholder="Masukkan Judul Pengumuman..."
									class="form-control" />
							</div>
						</div>

						<label class="form-label">
							Isi Pengumuman
						</label>
						<textarea name="pengumuman" placeholder="Tulis Pengumuman" style="min-height: 500px" class="form-control editor"
							id="editor">{{ $pengumuman->isi ?? '' }}</textarea>


						<div class="d-flex flex-row justify-content-end gap-2 mt-2">
							<button style="width: 150px" type="reset" onclick="document.location.reload();" class="btn btn-secondary">Batal</button>
							<button style="width: 150px" type="submit" class="btn btn-primary">Kirim</button>
						</div>
					</form>
				</div>
      </div>

      <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    </div>
  </div>

  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script src="https://cdn.ckeditor.com/ckeditor5/34.2.0/classic/ckeditor.js"></script>
  <script>
    let editor;
    ClassicEditor
      .create(document.querySelector('#editor'))
      .then(newEditor => {})
      .catch(error => {});
  </script>
@endsection