@extends('admin.layouts.app')

@section('panel')
@push('style')
<style>
    /* Styling the blackboard */
    .blackboard {
      /* background-color: #2d2d2d;
      border: 5px solid #333;
      border-radius: 8px; */
      padding: 20px;
      background: url('{{ asset('assets/images/notice-bg.jpg') }}') no-repeat center center / cover;
      /* color: #e0e0e0; */
      /* font-family: 'Courier New', Courier, monospace; */
      font-size: 1.2em;
      line-height: 1.5;
      max-width: 100%;
      min-height: 100%;
      margin: 20px auto;
      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.4);
      position: relative;
    }

    /* Blackboard pseudo-element for texture */
    .blackboard::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      /* background: url('https://www.transparenttextures.com/patterns/dark-geometric.png') repeat; */
      opacity: 0.2;
      pointer-events: none;
      z-index: 1;
    }

    /* Content within blackboard */
    .blackboard-content {
      z-index: 2;
      position: relative;
      width="100%";
      height="100%";
    }

    /* Button styling */
    .btn {
      display: block;
      width: fit-content;
      padding: 10px 15px;
      margin: 15px auto;
      background-color: #6d6d6d;
      border: none;
      border-radius: 4px;
      color: #fff;
      font-weight: bold;
      cursor: pointer;
    }

    .btn:hover {
      background-color: #5a5a5a;
    }
  </style>
@endpush
    <div class="container-fluid">
        <form action="{{ route('admin.noticeBoard.update',$notice->id) }}" method="POST">
            @csrf
            <div class="row justify-content-center">
                <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12" style="width: 100%">
                    <div class="blackboard">
                        <div class="blackboard-content" id="blackboardContent" style="width: 100%; height:60vh; overflow: auto;">
                          <textarea class="form-control nicEdit mb-5" rows="20" name="body" style="width: 100%; height:100%">{!! old('body', $notice->body) !!}</textarea>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12">
                    <div class="form-group">
                        <label>@lang('Status')</label>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="status" id="statusActive" value="{{ Status::ENABLE }}" {{ old('status', $notice->status) == Status::ENABLE ? 'checked' : '' }}>
                            <label class="form-check-label" for="statusActive">
                                @lang('Active')
                            </label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="status" id="statusDeactive" value="{{ Status::DISABLE }}" {{ old('status', $notice->status) == Status::DISABLE ? 'checked' : '' }}>
                            <label class="form-check-label" for="statusDeactive">
                                @lang('Inactive')
                            </label>
                        </div>
                    </div>
                </div>
            </div>
            <button type="submit" class="btn " style="margin-top: 40px;">Update Notice</button>
        </form>
    </div>

@endsection





