@extends('layouts.app')
@section('title', $pcn
    ? (($pcn->isModifiedPcnWorkspace()) ? 'Modified PCN — Prepare' : (($pcn->is_modified ?? false) && (bool) ($pcn->status ?? true) ? 'Modified PCN' : 'Edit Project Concept Note'))
    : 'Create Project Concept Note')

@push('stylesheets')
<link rel="stylesheet" href="{{ asset('assets/plugins/select2/css/select2.min.css') }}">
<link rel="stylesheet" href="{{ asset('assets/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css') }}">
@include('project-concept-notes.partials.crud-styles')
@endpush

@section('contents')
@php
    $record = $pcn;
    $formAction = $record
        ? route('project-concept-notes.update', ['project_concept_note' => $record->id])
        : route('project-concept-notes.store');
    $val = fn ($key, $default = '') => old($key, $record?->{$key} ?? $default);
@endphp

<section class="content">
    <div class="container-fluid">
        @if ($errors->any())
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <strong>Please fix the following:</strong>
                <ul class="mb-0 mt-2 pl-3">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
        @endif

        <form id="pcnForm" method="POST" action="{{ $formAction }}" enctype="multipart/form-data" novalidate
            data-pcn-section-upload-url="{{ $record ? route('project-concept-notes.section-upload-form', ['project_concept_note' => $record->id]) : route('project-concept-notes.section-upload') }}"
            data-pcn-note-id="{{ $record ? $record->id : '' }}"
            data-pcn-draft-id="{{ ($record && $isDraftMode) ? $record->id : '' }}">
            @csrf
            @if ($record)
                @method('PUT')
            @endif
            <input type="hidden" name="standalone_draft_id" id="standalone_draft_id" value="{{ ($record && $isDraftMode) ? $record->id : '' }}">

            <div class="pci-form-wrapper pci-form-dashboard">
                <div class="pci-dashboard-stepper sticky-top" id="pcn-dashboard-stepper">
                    <div class="pci-stepper-toolbar">
                        <button type="button" class="pci-nav-drawer-toggle d-lg-none" id="pcn-nav-drawer-toggle" aria-controls="pcn-nav-drawer" aria-expanded="false">
                            <i class="fas fa-list-ul mr-1"></i> Sections
                        </button>
                        <div id="pcn-stepper-host" class="pci-stepper-host" role="tablist" aria-label="Project Concept Note form sections"></div>
                    </div>
                    <div id="pcn-stepper-scheme-title" class="pci-stepper-scheme-title d-none" role="status" aria-live="polite"></div>
                </div>

                <div class="row pci-dashboard-grid mx-0">
                    <aside class="pci-sidebar-desktop d-none d-lg-block col-12 col-lg-3 col-xl-2 pl-0 pr-lg-2 mb-3 mb-lg-0" aria-label="Section navigation">
                        <div class="card">
                            <div class="card-header py-2">Steps</div>
                            <nav id="pcn-sidebar-desktop" class="pci-sidebar-nav pci-sidebar-nav--cards" role="navigation"></nav>
                        </div>
                    </aside>
                    <div class="pci-dashboard-main col-12 col-lg-9 col-xl-10 pl-lg-2 pr-0">
                        <div class="pci-form-header d-flex flex-wrap align-items-start justify-content-between gap-2">
                            <h1 class="d-flex flex-wrap align-items-center mb-0">
                                <span>{{ ($pcn && $pcn->isModifiedPcnWorkspace()) ? 'Modified Project Concept Note' : 'Project Concept Note Form' }}</span>
                                @if($pcn && (($pcn->is_modified ?? false) || $pcn->isModifiedPcnWorkspace()) && !($pcn->is_revised ?? false))
                                    <span class="badge badge-warning ml-2 align-self-center">Modified</span>
                                @endif
                            </h1>
                            @if ($record)
                                <div class="d-flex flex-wrap align-items-center justify-content-end gap-1 flex-shrink-0">
                                    <a href="{{ route('project-concept-notes.preview', ['project_concept_note' => $record->id]) }}"
                                       class="btn btn-sm btn-outline-secondary"
                                       target="_blank"
                                       rel="noopener noreferrer">
                                        <i class="fas fa-eye mr-1"></i> Preview
                                    </a>
                                </div>
                            @endif
                        </div>
                        <div class="pci-form-subheader">Project Concept</div>

                        @include('project-concept-notes.partials.steps.step-1-basic')
                        @include('project-concept-notes.partials.steps.step-2-background')
                        @include('project-concept-notes.partials.steps.step-3-objectives')
                        @include('project-concept-notes.partials.steps.step-4-framework')
                        @include('project-concept-notes.partials.steps.step-5-cost-risks')
                        @include('project-concept-notes.partials.steps.step-6-annexures')
                        @include('project-concept-notes.partials.steps.step-7-signatures')

                        <input type="hidden" name="to_user_id" id="pcnFormSubmitToUser" value="">
                        <input type="hidden" name="remarks" id="pcnFormSubmitRemarks" value="">
                        <input type="hidden" name="pci_prepared_signature_drawn" id="pcnFormSigDrawn" value="">
                        <input type="hidden" name="pci_prepared_signature_method" id="pcnFormSigMethod" value="">
                        <input type="hidden" name="pci_reviewer_use_saved_signature" id="pcnFormUseSavedSig" value="0">

                        <div id="pcn-step-validation-warning" class="alert alert-warning py-2 px-3 mb-3 d-none" role="alert" aria-live="polite"></div>

                        <div class="pci-form-actions d-flex flex-wrap align-items-center justify-content-between gap-2">
                            <span class="pci-page-indicator flex-shrink-0 mb-0">Page <span id="pcn-current-page">1</span> of <span id="pcn-total-pages-label">7</span></span>
                            <div class="pci-form-actions__btns d-flex flex-wrap align-items-center justify-content-end ml-auto gap-1">
                                <button type="button" class="btn btn-secondary mr-2" id="pcnPrevBtn" style="display: none;"><i class="fas fa-arrow-left mr-1"></i> Previous</button>
                                <button type="button" class="btn btn-primary mr-2" id="pcnNextBtn"><i class="fas fa-arrow-right mr-1"></i> Next</button>
                                <button type="button" class="btn btn-success mr-2" id="pcnSubmitBtn" style="display: none;"><i class="fas fa-paper-plane mr-1"></i> <span class="btn-text">Submit</span></button>
                                @if (can('project-concept-notes', 'add') || can('project-concept-notes', 'edit'))
                                    <button type="submit" name="save_as_draft" value="1" formnovalidate class="btn btn-info pci-btn-draft" id="pcnDraftBtn"><i class="fas fa-file-pen mr-1"></i> <span class="btn-text">Save As Draft</span></button>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>

                <div id="pcn-nav-drawer" class="pci-nav-drawer d-lg-none" aria-hidden="true">
                    <div class="pci-nav-drawer-backdrop pcn-nav-drawer-close" role="presentation"></div>
                    <div class="pci-nav-drawer-panel">
                        <div class="d-flex justify-content-between align-items-center p-3 border-bottom bg-light">
                            <strong class="text-uppercase small mb-0" style="letter-spacing:.04em;">Steps</strong>
                            <button type="button" class="btn btn-sm btn-outline-secondary pcn-nav-drawer-close" aria-label="Close menu">&times;</button>
                        </div>
                        <div class="pci-nav-drawer-body">
                            <nav id="pcn-sidebar-mobile" class="pci-sidebar-nav pci-sidebar-nav--cards" role="navigation"></nav>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
</section>

@include('project-concept-notes.partials.pcn-submit-modal')
@include('project-concept-notes.partials.ai-analyze-modal')
@endsection

@push('scripts')
<script>
window.pcnSteps = [
    { key: 'basic', title: '1. Basic Information', icon: 'clipboard-list', theme: 1 },
    { key: 'background', title: '2. Background', icon: 'align-left', theme: 2 },
    { key: 'objectives', title: '3. Objectives', icon: 'bullseye', theme: 3 },
    { key: 'framework', title: '4. Activities & Framework', icon: 'project-diagram', theme: 4 },
    { key: 'cost', title: '5. Cost & Risks', icon: 'shield-alt', theme: 5 },
    { key: 'annexures', title: '6. Annexures', icon: 'paperclip', theme: 6 },
    { key: 'signatures', title: '7. Signatures & Submit', icon: 'pen-fancy', theme: 5 }
];
window.pcnProjectShowUrl = @json(route('project-concept-notes.project-show', ['projectId' => '__ID__']));
window.pcnSchemeEligibilityUrl = @json(route('project-concept-notes.scheme-eligibility'));
window.pcnBeginModifiedRevisionUrl = @json(route('project-concept-notes.begin-modified-revision'));
window.pcnIsCreateForm = @json(!isset($pcn) || ! $pcn);
window.pcnSubDepartmentsUrl = @json(route('project-concept-notes.sub-departments'));
window.pcnAiAnalyzeUrl = @json(route('project-concept-notes.analyze'));
window.pcnCsrf = @json(csrf_token());
window.pcnRichTextFieldNames = @json(\App\Http\Requests\ProjectConceptNoteRequest::RICH_TEXT_FIELDS);
window.pcnSubmitRecipientsUrl = @json(route('project-concept-notes.submit-recipients'));
window.pcnForwardRecipientsBaseUrl = @json(url('project-concept-notes'));
window.pcnEditNoteId = @json(isset($pcn) && $pcn ? (int) $pcn->id : null);
window.pcnUseCreatorSubmitRecipients = @json(
    ! (
        isset($pcn)
        && $pcn instanceof \App\Models\PC\Pcn\ProjectConceptNote
        && (bool) ($pcn->status ?? false)
        && trim((string) ($pcn->workflow_stage ?? '')) !== ''
        && (int) ($pcn->current_actor_id ?? 0) > 0
        && ! $pcn->isModifiedPcnWorkspace()
        && ! (($pcn->post_approval_revision_workspace ?? false) && ! (bool) ($pcn->status ?? true))
    )
);
@if ($errors->any())
window.pcnServerValidationErrors = @json($errors->all());
window.pcnServerValidationErrorKeys = @json($errors->keys());
@endif
</script>
@include('project-concept-notes.partials.pcn-submit-signature-scripts')
<script src="{{ asset('assets/plugins/select2/js/select2.full.min.js') }}"></script>
@include('project-concept-notes.partials.crud-scripts')
@endpush