@extends('layouts.app')

@section('title', 'Acknowledge Document Management')

@section('content')
<section class="content-header">
    <h1>
        {{ isset($document) && $document->id ? 'Edit' : 'Create' }} Acknowledge Document
        <small>{{ isset($document) && $document->id ? 'Update existing' : 'Create new' }} policy & procedure document</small>
    </h1>
    <ol class="breadcrumb">
        <li><a href="{{ url('/') }}"><i class="fa fa-dashboard"></i> Home</a></li>
        <li><a href="{{ route('acknowledge_document.index') }}">Acknowledge Documents</a></li>
        <li class="active">{{ isset($document) && $document->id ? 'Edit' : 'Create' }}</li>
    </ol>
</section>

<section class="content">
    <!-- Flash Messages -->
    @if(session('success'))
        <div class="alert alert-success alert-dismissible">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
            <h4><i class="icon fa fa-check"></i> Success!</h4>
            {{ session('success') }}
        </div>
    @endif

    @if(session('error'))
        <div class="alert alert-danger alert-dismissible">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
            <h4><i class="icon fa fa-ban"></i> Error!</h4>
            {{ session('error') }}
        </div>
    @endif

    <div class="row">
        <div class="col-md-12">
            <!-- general form elements -->
            <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title">
                        <i class="fa fa-file-text-o"></i> 
                        {{ isset($document) && $document->id ? 'Edit' : 'Create' }} Policy & Procedure Document
                    </h3>
                    <div class="box-tools pull-right">
                        <a href="{{ route('acknowledge_document.index') }}" class="btn btn-default">
                            <i class="fa fa-arrow-left"></i> Back to List
                        </a>
                    </div>
                </div>
                <!-- /.box-header -->
                <!-- form start -->
                <form method="POST" action="{{ route('acknowledge_document.store') }}" id="ackDocForm">
                    @csrf
                    @if(isset($document) && $document->id)
                        <input type="hidden" name="document_id" value="{{ $document->id }}">
                    @endif
                    
                    <div class="box-body">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="title">Document Title</label>
                                    <span class="text-red">*</span>
                                    <input type="text" 
                                           class="form-control {{ $errors->has('title') ? 'is-invalid' : '' }}" 
                                           id="title" 
                                           name="title" 
                                           value="{{ old('title', (isset($document) && $document->id) ? $document->title : '') }}" 
                                           placeholder="Enter document title (e.g., Company Policy & Procedures)"
                                           required>
                                    @if ($errors->has('title'))
                                        <span class="text-red">
                                            <strong>{{ $errors->first('title') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="content">Document Content</label>
                                    <span class="text-red">*</span>
                                    <textarea name="content" 
                                              id="content" 
                                              class="form-control {{ $errors->has('content') ? 'is-invalid' : '' }}"
                                              rows="20"
                                              required>{{ old('content', (isset($document) && $document->id) ? $document->content : '') }}</textarea>
                                    @if ($errors->has('content'))
                                        <span class="text-red">
                                            <strong>{{ $errors->first('content') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>
                        </div>

                        @if(isset($document) && $document->id)
                        <div class="row">
                            <div class="col-md-12">
                                <div class="callout callout-info">
                                    <h4><i class="fa fa-info-circle"></i> Document Information</h4>
                                    <p>
                                        <strong>Created:</strong> {{ $document->created_at->format('M d, Y g:i A') }}<br>
                                        <strong>Last Updated:</strong> {{ $document->updated_at->format('M d, Y g:i A') }}<br>
                                        <strong>Created By:</strong> {{ $document->creator->first_name ?? 'Unknown' }} {{ $document->creator->last_name ?? '' }}<br>
                                        <strong>Status:</strong> 
                                        @if($document->is_active)
                                            <span class="label label-success">Active</span>
                                        @else
                                            <span class="label label-default">Inactive</span>
                                        @endif
                                        <br>
                                        @if($document->pdf_path)
                                            <strong>PDF Generated:</strong> <a href="{{ asset('storage/' . $document->pdf_path) }}" target="_blank">View PDF</a>
                                        @endif
                                    </p>
                                </div>
                            </div>
                        </div>
                        @endif
                    </div>
                    <!-- /.box-body -->

                    <div class="box-footer">
                        <button type="submit" class="btn btn-primary btn-lg">
                            <i class="fa fa-save"></i> 
                            {{ isset($document) && $document->id ? 'Update Document' : 'Create Document' }}
                        </button>
                        @if(isset($document) && $document->id && $document->pdf_path)
                            <a href="{{ asset('storage/' . $document->pdf_path) }}" 
                               target="_blank" 
                               class="btn btn-info btn-lg">
                                <i class="fa fa-file-pdf-o"></i> View PDF
                            </a>
                        @endif
                        <a href="{{ route('acknowledge_document.index') }}" class="btn btn-default btn-lg">
                            <i class="fa fa-times"></i> Cancel
                        </a>
                    </div>
                </form>
            </div>
            <!-- /.box -->
        </div>
    </div>
    <!-- /.row -->
</section>
<script>
    $(function () {
        // Replace the textarea with a CKEditor instance with auto-resize functionality
        CKEDITOR.replace('content', {
            // Auto-resize the editor as content grows
            autoGrow_onStartup: true,
            autoGrow_minHeight: 300,
            autoGrow_maxHeight: 800,
            autoGrow_bottomSpace: 50,
            
            // Remove the resize handle since auto-resize handles it
            resize_enabled: false,
            
            // Enable auto-resize plugin
            extraPlugins: 'autogrow',
            
            // Set initial height
            height: 300,
            
            // Full toolbar for rich editing
            toolbar: [
                { name: 'document', items: [ 'Source', '-', 'NewPage', 'Preview', '-', 'Templates' ] },
                { name: 'clipboard', items: [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ] },
                { name: 'editing', items: [ 'Find', 'Replace', '-', 'SelectAll' ] },
                '/',
                { name: 'basicstyles', items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat' ] },
                { name: 'paragraph', items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', 'CreateDiv', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock' ] },
                { name: 'links', items: [ 'Link', 'Unlink', 'Anchor' ] },
                { name: 'insert', items: [ 'Table', 'HorizontalRule', 'SpecialChar', 'PageBreak' ] },
                '/',
                { name: 'styles', items: [ 'Styles', 'Format', 'Font', 'FontSize' ] },
                { name: 'colors', items: [ 'TextColor', 'BGColor' ] },
                { name: 'tools', items: [ 'Maximize', 'ShowBlocks' ] }
            ]
        });
        
        // Form submission validation
        $('#ackDocForm').on('submit', function(e) {
            // Update CKEditor instance
            for (instance in CKEDITOR.instances) {
                CKEDITOR.instances[instance].updateElement();
            }

            // Validate content
            if (!$('#content').val().trim()) {
                e.preventDefault();
                alert('Please enter document content.');
                return false;
            }
        });
    });
</script>
@endsection