@extends('layouts.admin')

@section('title', 'Edit Page')

@section('content')
<div class="container">
    
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Home</a></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.pressreleases.index') }}">Press Releases</a></li>
            <li class="breadcrumb-item active" aria-current="page">Edit Press Release</li>
        </ol>
    </nav>
    
    <h1 class="mb-4">Edit Press Release</h1>

    <form action="{{ route('admin.pressreleases.update', $pressrelease->id) }}" method="POST" enctype="multipart/form-data">
        @csrf
        @method('PUT')
        <div class="mb-3">
            <label for="question" class="form-label">Title</label>
            <input type="text" class="form-control @error('question') is-invalid @enderror" id="title" name="title" value="{{ $pressrelease->title }}" required>
            @error('title')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>
        
        <div class="mb-3">
            <label for="pressreleasesection_id" class="form-label">Press Category</label>
            <select class="form-select" id="pressreleasesection" name="presscategory_id">
                <option value="" {{ is_null($pressrelease->presscategory_id) ? 'selected' : '' }}>None</option>
                @foreach($pressreleaseCategories as $section)
                    <option value="{{ $section->id }}" {{ $section->id == $pressrelease->presscategory_id ? 'selected' : '' }}>
                        {{ $section->title }}
                    </option>
                @endforeach
            </select>
        </div>

        <div class="mb-3">
            <label for="answer" class="form-label">Content</label>
            <textarea class="form-control @error('answer') is-invalid @enderror" id="content" name="content" rows="10">{{ $pressrelease->content }}</textarea>
            @error('content')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>
        
        <div class="mb-3">
            <label for="image" class="form-label">Upload Image</label>
            <input type="file" class="form-control" id="image" name="image">
            @if($pressrelease->image)
                <img src="{{ url($pressrelease->image) }}" alt="Page Image" class="img-fluid">
                <button type="button" class="btn btn-danger ms-3" id="deleteImageBtn">Remove Image</button>
            @endif
        </div>

        <div class="mb-3">
            <label for="related_links" class="form-label">Related Links</label>
            <textarea class="form-control @error('answer') is-invalid @enderror" id="related_links" name="related_links" rows="5">{{ $pressrelease->related_links }}</textarea>
            @error('content_before')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>
        
        <div class="mb-3">
            <label for="publish_date" class="form-label">Publish Date</label>
            <input type="date" class="form-control @error('question') is-invalid @enderror" id="published_date" name="published_date" value="{{ $pressrelease->published_date }}" required>
            @error('title')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <button type="submit" class="btn btn-primary">Save</button>
        <a href="{{ route('admin.pressreleases.index') }}" class="btn btn-secondary">Cancel</a>
    </form>
</div>

<!-- Include TinyMCE -->
<!--script src="https://cdn.tiny.cloud/1/4wdh7y3q7cm4zy2r6bdsa1l2hsw9jksees2wgvupn77fili7/tinymce/6/tinymce.min.js" referrerpolicy="origin"></script>
<script>
    tinymce.init({
        selector: '#content, #related_links',
        plugins: 'advlist autolink lists link image charmap preview anchor',
        toolbar: 'undo redo | formatselect | bold italic backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | help',
        content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
    });
</script-->
 <script>
$(document).ready(function() {
  $('#content').summernote();
  $('#related_links').summernote();
});
</script>
    
<script>
    $(document).ready(function() {
        $('#deleteImageBtn').on('click', function() {
            if (confirm('Are you sure you want to remove this image?')) {
                $.ajax({
                    url: '{{ route('admin.pressreleases.deleteImage', $pressrelease->id) }}',
                    type: 'DELETE',
                    data: {
                        _token: '{{ csrf_token() }}'
                    },
                    success: function(response) {
                        // Remove the image and button from the UI
                        $('img').remove();
                        $('#deleteImageBtn').remove();
                        alert('Image removed successfully.');
                    },
                    error: function(xhr) {
                        alert('An error occurred while removing the image.');
                    }
                });
            }
        });
    });
</script>

<script>
     $('#pressreleasesection').select2({
         theme: 'bootstrap4',
         placeholder: 'Select a Press Category',
         allowClear: true
     });
 </script> 
    
@endsection