@extends('layouts.admin.index')
@section('content')
<div id="main-wrapper">
  <!-- Sidebar -->
  @include('layouts.admin.sidebar')
  <div class="page-wrapper">
    <!--  Header -->
    @include('layouts.admin.header')

    <div class="body-wrapper">
      <div class="container-fluid">
        {{ $disabled ? Breadcrumbs::render('ActionNewsView',$model->id) : ($model->id ? Breadcrumbs::render('ActionNewsEdit',$model->id) : Breadcrumbs::render('ActionNewsAdd')) }}
        <div class="card w-100">
          <div class="card-body">
            <form role="form" action="{{ route('action-news.store') }}" method="post" enctype="multipart/form-data">
              <div class="mb-3 fv-row d-flex flex-column">
                <label class="form-label" for="image">Header Berita</label>
                @if($model->image)
                  <img src="{{ asset('storage/action-news/'.$model->image) }}" style="max-width: 200px" class="mb-2"/>
                @endif
                @if(!$disabled)
                  <input type="file" class="form-control" name="image" id="image" />
                @endif
                @error('image')
                <div class="invalid-feedback d-block">
                  {{ $message }}
                </div>
                @enderror
              </div>
              <div class="mb-3 fv-row">
                <label class="form-label" for="title">Judul Berita</label>
                <input class="form-control" id="title" name="title" value="{{ old('title', $model->title) }}" placeholder="Judul Berita" @readonly($disabled)/>
                @error('title')
                  <div class="invalid-feedback d-block">
                    {{ $message }}
                  </div>
                @enderror
              </div>
              <div class="mb-3 fv-row">
                <label class="form-label" for="content">Deskripsi</label>
                <textarea class="form-control" id="content" name="content" placeholder="Konten">{{ old('content', $model->content) }}</textarea>
                @error('content')
                <div class="invalid-feedback d-block">
                  {{ $message }}
                </div>
                @enderror
              </div>
              <div class="mb-3 fv-row">
                <div>
                  <label class="form-label" for="keyword">Keyword</label>
                </div>
                <select class="form-select keyword" name="keyword[]" id="keyword" multiple="multiple" data-disabled="{{ $disabled ? 'true' : 'false' }}">
                  @foreach($keyword as $k=>$c)
                    <option value="{{$c}}" selected>{{$c}}</option>
                  @endforeach
                </select>
                @error('keyword')
                <div class="invalid-feedback d-block">
                  {{ $message }}
                </div>
                @enderror
              </div>
              <div class="mb-3 fv-row">
                <label class="form-label">Ruang Lingkup Tujuan TPB/SDGs</label>
                <div>
                  @foreach($metadataPurposes as $mp)
                    <div class="form-check">
                      <input class="form-check-input primary" type="checkbox" name="goals[]" id="mp-{{$mp->id}}-check" value="{{ $mp->id }}" @checked(in_array($mp->id,old('goals',$actionNewsGoals))) @disabled($disabled)>
                      <label class="form-check-label" for="mp-{{$mp->id}}-check">[{{ $mp->code }}]{{ $mp->name }}</label>
                    </div>
                  @endforeach
                </div>
                @error('goals')
                <div class="invalid-feedback d-block">
                  {{ $message }}
                </div>
                @enderror
              </div>
              <div class="mb-3 fv-row">
                <label class="form-label" for="published_at">Tanggal Terbit</label>
                <input class="form-control" type="date" id="published_at" name="published_at" value="{{ old('published_at', $model->published_at) ?? date('Y-m-d') }}" @readonly($disabled)/>
                @error('published_at')
                <div class="invalid-feedback d-block">
                  {{ $message }}
                </div>
                @enderror
              </div>
              <input type="hidden" name="id" value="{{ $model->id }}" />
              {{ csrf_field() }}
              <div class="d-flex w-100 justify-content-end">
                @if(!$disabled)
                  <button class="btn btn-primary"><i class="ti ti-device-floppy me-2"></i>Terbitkan</button>
                @endif
              </div>
            </form>
            @if($disabled && $model->status == 0 && auth()->user()->role_id == 1)
              <div class="d-flex w-100 justify-content-end">
                <a class="btn btn-primary me-2 approve-confirmation" data-action="{{ route('action-news.approve') }}" data-id="{{ $model->id }}" data-label="Anda yakin ingin menyetujui data ini?" href="javascript:void(0)">
                  <i class="ti ti-check me-2"></i>Setuju
                </a>
                <a class="btn btn-danger reject-confirmation" data-action="{{ route('action-news.reject') }}" data-id="{{ $model->id }}" data-label="Anda yakin ingin menyetujui data ini?" href="javascript:void(0)">
                  <i class="ti ti-x me-2"></i>Tolak
                </a>
              </div>
            @endif
            @if($disabled && $model->status == 1)
              <div class="d-flex w-100 justify-content-start">
                <h5>Disetujui Oleh: {{ $model->approvedBy ? $model->approvedBy->name : '-' }} ({{ $model->approved_date }})</h5>
              </div>
            @endif
            @if($disabled && $model->status == 2)
              <div class="d-flex w-100 justify-content-start">
                <h5>Ditolak Oleh: {{ $model->rejectedBy ? $model->rejectedBy->name : '-' }} ({{ $model->rejected_date }})</h5>
              </div>
            @endif
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection

@push('scripts')
<script type="module">
  const disabled = {{ $disabled ? 'true' : 'false' }};
  $(document).ready(function() {
    $('#content').summernote({
      placeholder: 'Isi Berita...',
      tabsize: 2,
      height: 300,
      toolbar: [
        ['style', ['style']],
        ['font', ['bold', 'underline', 'clear']],
        ['color', ['color']],
        ['para', ['ul', 'ol', 'paragraph']],
        ['table', ['table']],
        ['insert', ['link', 'picture', 'video']],
      ]
    });
    if(disabled){
      $('#content').summernote('disable');
    }
    $('#keyword').select2({
      tags: true,
      tokenSeparators: [','],
      disabled: disabled
    });
  });
</script>
@endpush