@extends('layouts.applicant.applicant')

@section('head')
<meta name="csrf-token" content="{{ csrf_token() }}">
@endsection

@section('title', 'D1')

@section('breadcrumbs')
    <li class="breadcrumb-item"><a href="{{ route('applicant.applications.index') }}">My Applications</a></li>
    <li class="breadcrumb-item"><a href="{{ route('applicant.applications.show', $application) }}">{{ $application->application_number }}</a></li>
    <li class="breadcrumb-item active">D1</li>
@endsection

@section('content')
<div class="container-fluid">
    <!-- Page Header -->
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="h3 mb-0 text-gray-800">D1</h1>
            <p class="text-muted">Application: {{ $application->application_number }}</p>
        </div>
        <div>
            @php
                $previousStep = $currentStep->getPreviousStep();
            @endphp
            @if($previousStep)
                <a href="{{ route('applicant.applications.step', [$application, $previousStep->slug]) }}" class="btn btn-outline-secondary">
                    <i class="fas fa-arrow-left me-2"></i>Previous Step
                </a>
            @endif
        </div>
    </div>

    <!-- Dynamic Progress Indicator -->
    @include('applicant.applications.partials.progress-indicator')

    @php
        $rdProjects = $application->rdProjects()->orderBy('serial_no')->get();
        $patents = $application->patentsGranted()->orderBy('serial_no')->get();
        $rdTotalPoints = $rdProjects->sum('credit_points');
        $patentTotalPoints = $patents->sum('credit_points');
        $grandTotal = $rdTotalPoints + $patentTotalPoints;
        
        // Check if user has selected "no" options
        $hasNoResearchProjects = $application->form_data['d1']['has_no_research_projects'] ?? false;
        $hasNoPatents = $application->form_data['d1']['has_no_patents'] ?? false;
    @endphp

    <!-- Credit Points Summary -->
    <div class="row mb-4">
        <div class="col-md-4">
            <div class="card border-primary">
                <div class="card-body text-center">
                    <div class="h4 text-primary">{{ number_format($rdTotalPoints, 2) }}</div>
                    <div class="small text-muted">R&D Projects Credit Points</div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card border-success">
                <div class="card-body text-center">
                    <div class="h4 text-success">{{ number_format($patentTotalPoints, 2) }}</div>
                    <div class="small text-muted">Patents Credit Points</div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card border-info">
                <div class="card-body text-center">
                    <div class="h4 text-info">{{ number_format($grandTotal, 2) }}</div>
                    <div class="small text-muted">Total Credit Points</div>
                </div>
            </div>
        </div>
    </div>

    <!-- A) Externally Sponsored R&D Projects Section -->
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <div class="d-flex justify-content-between align-items-center">
                <h6 class="m-0 font-weight-bold text-primary">
                    <i class="fas fa-project-diagram me-2"></i>A) Externally Sponsored R&D Project(s) as PI/Co-PI
                </h6>
                @if($application->isEditable() && !$hasNoResearchProjects)
                <button type="button" class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#addRdProjectModal">
                    <i class="fas fa-plus me-1"></i>Add R&D Project
                </button>
                @endif
            </div>
        </div>
        <div class="card-body">
            <!-- No Research Projects Option -->
            <form action="{{ route('applicant.applications.update-step', [$application, 'd1-research-patents']) }}" method="POST" class="mb-3">
                @csrf
                @method('PUT')
                <input type="hidden" name="section" value="research_projects">
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" id="has_no_research_projects" name="has_no_research_projects" 
                           value="1" {{ $hasNoResearchProjects ? 'checked' : '' }} onchange="toggleResearchSection()">
                    <label class="form-check-label fw-bold text-danger" for="has_no_research_projects">
                        <i class="fas fa-times-circle me-2"></i>I have no research projects
                    </label>
                </div>
                <small class="text-muted">Check this box if you have no externally sponsored R&D projects to add.</small>
            </form>

            <div id="researchProjectsSection" style="{{ $hasNoResearchProjects ? 'display: none;' : '' }}">
                @if($rdProjects->count() > 0)
                    <div class="table-responsive">
                        <table class="table table-bordered">
                            <thead class="table-light">
                                <tr>
                                    <th>Sr. No</th>
                                    <th>Project Title</th>
                                    <th>Status</th>
                                    <th>Duration</th>
                                    <th>Funding Agency</th>
                                    <th>Amount (Lakhs)</th>
                                    <th>Role</th>
                                    <th>Co-PIs</th>
                                    <th>Credit Points</th>
                                    <th>Document</th>
                                    @if($application->isEditable())
                                    <th>Actions</th>
                                    @endif
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($rdProjects as $project)
                                <tr>
                                    <td>{{ $project->serial_no }}</td>
                                    <td class="fw-bold">{{ $project->project_title }}</td>
                                    <td>
                                        <span class="badge badge-{{ $project->status === 'completed' ? 'success' : 'warning' }}">
                                            {{ $project->status_label }}
                                        </span>
                                    </td>
                                    <td>{{ $project->duration }}</td>
                                    <td>{{ $project->funding_agency }}</td>
                                    <td>₹{{ number_format($project->amount_lakhs, 2) }}</td>
                                    <td>{{ $project->role_label }}</td>
                                    <td>{{ $project->total_co_pis }}</td>
                                    <td class="fw-bold text-primary">{{ number_format($project->credit_points, 2) }}</td>
                                    <td>
                                        @if($project->hasDocument())
                                            <a href="{{ route('applicant.rd-projects.download-document', [$application, $project]) }}" 
                                               class="btn btn-sm btn-outline-primary" title="Download Document">
                                                <i class="fas fa-download"></i>
                                            </a>
                                        @else
                                            <span class="text-danger">No Document</span>
                                        @endif
                                    </td>
                                    @if($application->isEditable())
                                    <td>
                                        <div class="btn-group" role="group">
                                            <button type="button" class="btn btn-sm btn-outline-primary" 
                                                    onclick="editRdProject({{ $project->id }})" title="Edit">
                                                <i class="fas fa-edit"></i>
                                            </button>
                                            <button type="button" class="btn btn-sm btn-outline-danger" 
                                                    onclick="deleteRdProject({{ $project->id }})" title="Delete">
                                                <i class="fas fa-trash"></i>
                                            </button>
                                        </div>
                                    </td>
                                    @endif
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    <div class="mt-3">
                        <strong>Total A) Credit Points: <span class="text-primary">{{ number_format($rdTotalPoints, 2) }}</span></strong>
                    </div>
                @else
                    <div class="text-center py-4">
                        <i class="fas fa-project-diagram fa-3x text-muted mb-3"></i>
                        <h5 class="text-muted">No R&D Projects Added</h5>
                        <p class="text-muted">Add your externally sponsored R&D projects as PI or Co-PI.</p>
                    </div>
                @endif
            </div>
        </div>
    </div>

    <!-- B) Patents Granted Section -->
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <div class="d-flex justify-content-between align-items-center">
                <h6 class="m-0 font-weight-bold text-success">
                    <i class="fas fa-certificate me-2"></i>B) Patent Granted
                </h6>
                @if($application->isEditable() && !$hasNoPatents)
                <button type="button" class="btn btn-success btn-sm" data-bs-toggle="modal" data-bs-target="#addPatentModal">
                    <i class="fas fa-plus me-1"></i>Add Patent
                </button>
                @endif
            </div>
        </div>
        <div class="card-body">
            <!-- No Patents Option -->
            <form action="{{ route('applicant.applications.update-step', [$application, 'd1-research-patents']) }}" method="POST" class="mb-3">
                @csrf
                @method('PUT')
                <input type="hidden" name="section" value="patents">
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" id="has_no_patents" name="has_no_patents" 
                           value="1" {{ $hasNoPatents ? 'checked' : '' }} onchange="togglePatentsSection()">
                    <label class="form-check-label fw-bold text-danger" for="has_no_patents">
                        <i class="fas fa-times-circle me-2"></i>I have no patents
                    </label>
                </div>
                <small class="text-muted">Check this box if you have no patents granted to add.</small>
            </form>

            <div id="patentsSection" style="{{ $hasNoPatents ? 'display: none;' : '' }}">
                @if($patents->count() > 0)
                    <div class="table-responsive">
                        <table class="table table-bordered">
                            <thead class="table-light">
                                <tr>
                                    <th>Sr. No</th>
                                    <th>Patent Name</th>
                                    <th>Registration No</th>
                                    <th>Date of Award</th>
                                    <th>Country</th>
                                    <th>Co-Awardees</th>
                                    <th>Main Awardee</th>
                                    <th>Credit Points</th>
                                    <th>Document</th>
                                    @if($application->isEditable())
                                    <th>Actions</th>
                                    @endif
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($patents as $patent)
                                <tr>
                                    <td>{{ $patent->serial_no }}</td>
                                    <td class="fw-bold">{{ $patent->patent_name }}</td>
                                    <td>{{ $patent->registration_no }}</td>
                                    <td>{{ $patent->date_of_award_application->format('d M Y') }}</td>
                                    <td>{{ $patent->awarding_country }}</td>
                                    <td>{{ $patent->co_awardees ?: 'None' }}</td>
                                    <td>
                                        <span class="badge badge-{{ $patent->is_main_awardee ? 'success' : 'secondary' }}">
                                            {{ $patent->main_awardee_label }}
                                        </span>
                                    </td>
                                    <td class="fw-bold text-success">{{ number_format($patent->credit_points, 2) }}</td>
                                    <td>
                                        @if($patent->hasDocument())
                                            <a href="{{ route('applicant.patents.download-document', [$application, $patent]) }}" 
                                               class="btn btn-sm btn-outline-primary" title="Download Document">
                                                <i class="fas fa-download"></i>
                                            </a>
                                        @else
                                            <span class="text-danger">No Document</span>
                                        @endif
                                    </td>
                                    @if($application->isEditable())
                                    <td>
                                        <div class="btn-group" role="group">
                                            <button type="button" class="btn btn-sm btn-outline-primary" 
                                                    onclick="editPatent({{ $patent->id }})" title="Edit">
                                                <i class="fas fa-edit"></i>
                                            </button>
                                            <button type="button" class="btn btn-sm btn-outline-danger" 
                                                    onclick="deletePatent({{ $patent->id }})" title="Delete">
                                                <i class="fas fa-trash"></i>
                                            </button>
                                        </div>
                                    </td>
                                    @endif
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    <div class="mt-3">
                        <strong>Total B) Credit Points: <span class="text-success">{{ number_format($patentTotalPoints, 2) }}</span></strong>
                    </div>
                @else
                    <div class="text-center py-4">
                        <i class="fas fa-certificate fa-3x text-muted mb-3"></i>
                        <h5 class="text-muted">No Patents Added</h5>
                        <p class="text-muted">Add your granted patents information.</p>
                    </div>
                @endif
            </div>
        </div>
    </div>

    <!-- Page Total -->
    <div class="card shadow mb-4">
        <div class="card-body">
            <div class="row">
                <div class="col-md-8">
                    <h5 class="mb-0">Page Total Credit Points</h5>
                    <small class="text-muted">Sum of A) R&D Projects + B) Patents</small>
                </div>
                <div class="col-md-4 text-end">
                    <h4 class="mb-0 text-info">{{ number_format($grandTotal, 2) }}</h4>
                </div>
            </div>
        </div>
    </div>

    <!-- Navigation -->
    <div class="d-flex justify-content-between mt-4">
        <div>
            @if($previousStep)
                <a href="{{ route('applicant.applications.step', [$application, $previousStep->slug]) }}" class="btn btn-secondary">
                    <i class="fas fa-arrow-left me-1"></i>Previous: {{ $previousStep->name }}
                </a>
            @endif
        </div>
        
        <div>
            @php
                $nextStep = $currentStep->getNextStep();
            @endphp
            @if($nextStep)
                <a href="{{ route('applicant.applications.step', [$application, $nextStep->slug]) }}" class="btn btn-primary">
                    Next: {{ $nextStep->name }} <i class="fas fa-arrow-right ms-1"></i>
                </a>
            @endif
        </div>
    </div>
</div>

<!-- R&D Project Modal -->
@if($application->isEditable())
<div class="modal fade" id="addRdProjectModal" tabindex="-1" aria-labelledby="addRdProjectModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="addRdProjectModalLabel">Add R&D Project</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <form id="rdProjectForm" method="POST" enctype="multipart/form-data">
                @csrf
                <div class="modal-body">
                    <input type="hidden" id="rd_project_id" name="rd_project_id">
                    
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="project_title" class="form-label">R&D Project Title <span class="text-danger">*</span></label>
                                <input type="text" class="form-control" id="project_title" name="project_title" required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="status" class="form-label">Status <span class="text-danger">*</span></label>
                                <select class="form-select" id="status" name="status" required onchange="toggleToDate()">
                                    <option value="">Select Status</option>
                                    <option value="completed">Completed</option>
                                    <option value="ongoing">Ongoing</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="from_date" class="form-label">From Date <span class="text-danger">*</span></label>
                                <input type="date" class="form-control" id="from_date" name="from_date" required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="to_date" class="form-label">To Date</label>
                                <input type="date" class="form-control" id="to_date" name="to_date">
                                <small class="text-muted">Leave blank for ongoing projects</small>
                            </div>
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="funding_agency" class="form-label">Funding Agency <span class="text-danger">*</span></label>
                                <input type="text" class="form-control" id="funding_agency" name="funding_agency" required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="amount_lakhs" class="form-label">Amount in Lakhs <span class="text-danger">*</span></label>
                                <input type="number" class="form-control" id="amount_lakhs" name="amount_lakhs" step="0.01" min="0" required>
                            </div>
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="col-md-4">
                            <div class="mb-3">
                                <label for="role" class="form-label">Role <span class="text-danger">*</span></label>
                                <select class="form-select" id="role" name="role" required onchange="calculateCreditPoints()">
                                    <option value="">Select Role</option>
                                    <option value="pi">Principal Investigator (PI)</option>
                                    <option value="co-pi">Co-Principal Investigator (Co-PI)</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="mb-3">
                                <label for="total_co_pis" class="form-label">Total No of Co-PIs</label>
                                <input type="number" class="form-control" id="total_co_pis" name="total_co_pis" min="0" value="0" onchange="calculateCreditPoints()" oninput="calculateCreditPoints()">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="mb-3">
                                <label for="credit_points" class="form-label">Credit Points <span class="text-danger">*</span></label>
                                <input type="number" class="form-control" id="credit_points" name="credit_points" step="0.01" min="0" max="8" required readonly>
                                <small class="text-muted">Auto-calculated based on role and Co-PIs</small>
                            </div>
                        </div>
                    </div>
                    
                    <div class="mb-3">
                        <label for="proof_document" class="form-label">Upload Proof (PDF) <span class="text-danger">*</span></label>
                        <input type="file" class="form-control" id="proof_document" name="proof_document" accept=".pdf">
                        <small class="text-muted">Upload project completion certificate or relevant document (PDF only, max 5MB)</small>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-primary">Save R&D Project</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Patent Modal -->
<div class="modal fade" id="addPatentModal" tabindex="-1" aria-labelledby="addPatentModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="addPatentModalLabel">Add Patent</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <form id="patentForm" method="POST" enctype="multipart/form-data">
                @csrf
                <div class="modal-body">
                    <input type="hidden" id="patent_id" name="patent_id">
                    
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="patent_name" class="form-label">Name of Patent <span class="text-danger">*</span></label>
                                <input type="text" class="form-control" id="patent_name" name="patent_name" required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="registration_no" class="form-label">Registration No <span class="text-danger">*</span></label>
                                <input type="text" class="form-control" id="registration_no" name="registration_no" required>
                            </div>
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="date_of_award_application" class="form-label">Date of Award/Application <span class="text-danger">*</span></label>
                                <input type="date" class="form-control" id="date_of_award_application" name="date_of_award_application" required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="awarding_country" class="form-label">Awarding Country <span class="text-danger">*</span></label>
                                <input type="text" class="form-control" id="awarding_country" name="awarding_country" required>
                            </div>
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="co_awardees" class="form-label">Co-Awardee(s) (if any)</label>
                                <textarea class="form-control" id="co_awardees" name="co_awardees" rows="3" placeholder="List co-awardees if any"></textarea>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="is_main_awardee" class="form-label">Are You Main Awardee? <span class="text-danger">*</span></label>
                                <select class="form-select" id="is_main_awardee" name="is_main_awardee" required>
                                    <option value="">Select</option>
                                    <option value="1">Yes</option>
                                    <option value="0">No</option>
                                </select>
                            </div>
                            <div class="mb-3">
                                <label for="patent_credit_points" class="form-label">Credit Points <span class="text-danger">*</span></label>
                                <input type="number" class="form-control" id="patent_credit_points" name="credit_points" step="0.01" min="0" required>
                            </div>
                        </div>
                    </div>
                    
                    <div class="mb-3">
                        <label for="certificate_document" class="form-label">Upload Certificate/Document (PDF) <span class="text-danger">*</span></label>
                        <input type="file" class="form-control" id="certificate_document" name="certificate_document" accept=".pdf">
                        <small class="text-muted">Upload patent certificate or relevant document (PDF only, max 5MB)</small>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-success">Save Patent</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endif

<script>
// Auto-calculate credit points based on role and total Co-PIs
function calculateCreditPoints() {
    const role = document.getElementById('role').value;
    const totalCoPis = parseInt(document.getElementById('total_co_pis').value) || 0;
    const creditPointsField = document.getElementById('credit_points');
    
    let creditPoints = 0;
    
    switch (role) {
        case 'pi': // Principal Investigator
            if (totalCoPis == 0) {
                creditPoints = 8.0; // PI with no Co-PIs gets 8 points
            } else {
                creditPoints = 5.0; // PI with Co-PIs gets 5 points
            }
            break;
            
        case 'co-pi': // Co-Principal Investigator
            if (totalCoPis == 0) {
                creditPoints = 3.0;
            } else {
                creditPoints = Math.round((3.0 / totalCoPis) * 100) / 100; // Round to 2 decimal places
            }
            break;
            
        default:
            creditPoints = 0;
            break;
    }
    
    creditPointsField.value = creditPoints.toFixed(2);
    
    // Show calculation explanation
    updateCreditPointsExplanation(role, totalCoPis, creditPoints);
}

// Update the explanation text below the credit points field
function updateCreditPointsExplanation(role, totalCoPis, creditPoints) {
    const explanationElement = document.querySelector('#credit_points').nextElementSibling;
    let explanation = '';
    
    switch (role) {
        case 'pi':
            if (totalCoPis == 0) {
                explanation = 'Principal Investigator with 0 Co-PIs gets 8 points';
            } else {
                explanation = `Principal Investigator with ${totalCoPis} Co-PIs gets 5 points`;
            }
            break;
        case 'co-pi':
            if (totalCoPis == 0) {
                explanation = 'Co-PI with 0 Co-PIs gets 3 points';
            } else {
                explanation = `Co-PI: 3 ÷ ${totalCoPis} Co-PIs = ${creditPoints} points`;
            }
            break;
        default:
            explanation = 'Auto-calculated based on role and Co-PIs';
            break;
    }
    
    explanationElement.textContent = explanation;
}

function toggleResearchSection() {
    const checkbox = document.getElementById('has_no_research_projects');
    const section = document.getElementById('researchProjectsSection');
    
    if (checkbox.checked) {
        section.style.display = 'none';
        // Auto-submit the form
        checkbox.closest('form').submit();
    } else {
        section.style.display = 'block';
        // Auto-submit the form
        checkbox.closest('form').submit();
    }
}

function togglePatentsSection() {
    const checkbox = document.getElementById('has_no_patents');
    const section = document.getElementById('patentsSection');
    
    if (checkbox.checked) {
        section.style.display = 'none';
        // Auto-submit the form
        checkbox.closest('form').submit();
    } else {
        section.style.display = 'block';
        // Auto-submit the form
        checkbox.closest('form').submit();
    }
}

function toggleToDate() {
    const status = document.getElementById('status').value;
    const toDate = document.getElementById('to_date');
    
    if (status === 'ongoing') {
        toDate.disabled = true;
        toDate.value = '';
        toDate.required = false;
    } else {
        toDate.disabled = false;
        toDate.required = false;
    }
}

// R&D Project functions
function editRdProject(projectId) {
    // Fetch project data and populate the form
    fetch(`{{ route('applicant.rd-projects.show', [$application, '__PROJECT_ID__']) }}`.replace('__PROJECT_ID__', projectId), {
        headers: {
            'Accept': 'application/json',
            'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
        }
    })
    .then(response => response.json())
    .then(data => {
        // Populate form fields
        document.getElementById('rd_project_id').value = data.id;
        document.getElementById('project_title').value = data.project_title;
        document.getElementById('status').value = data.status;
        document.getElementById('from_date').value = data.from_date;
        document.getElementById('to_date').value = data.to_date || '';
        document.getElementById('funding_agency').value = data.funding_agency;
        document.getElementById('amount_lakhs').value = data.amount_lakhs;
        document.getElementById('role').value = data.role;
        document.getElementById('total_co_pis').value = data.total_co_pis;
        document.getElementById('credit_points').value = data.credit_points;
        
        // Trigger credit points calculation to show explanation
        calculateCreditPoints();
        
        // Update modal title
        document.getElementById('addRdProjectModalLabel').textContent = 'Edit R&D Project';
        
        // Show modal
        new bootstrap.Modal(document.getElementById('addRdProjectModal')).show();
    })
    .catch(error => {
        alert('Error loading project data: ' + error.message);
    });
}

function deleteRdProject(projectId) {
    if (confirm('Are you sure you want to delete this R&D project?')) {
        fetch(`{{ route('applicant.rd-projects.destroy', [$application, '__PROJECT_ID__']) }}`.replace('__PROJECT_ID__', projectId), {
            method: 'DELETE',
            headers: {
                'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
            }
        })
        .then(response => {
            if (response.ok) {
                window.location.reload();
            } else {
                throw new Error('Failed to delete project');
            }
        })
        .catch(error => {
            alert('Error deleting project: ' + error.message);
        });
    }
}

// Patent functions
function editPatent(patentId) {
    // Fetch patent data and populate the form
    fetch(`{{ route('applicant.patents.show', [$application, '__PATENT_ID__']) }}`.replace('__PATENT_ID__', patentId), {
        headers: {
            'Accept': 'application/json',
            'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
        }
    })
    .then(response => response.json())
    .then(data => {
        // Populate form fields
        document.getElementById('patent_id').value = data.id;
        document.getElementById('patent_name').value = data.patent_name;
        document.getElementById('registration_no').value = data.registration_no;
        document.getElementById('date_of_award_application').value = data.date_of_award_application;
        document.getElementById('awarding_country').value = data.awarding_country;
        document.getElementById('co_awardees').value = data.co_awardees || '';
        document.getElementById('is_main_awardee').value = data.is_main_awardee ? '1' : '0';
        document.getElementById('patent_credit_points').value = data.credit_points;
        
        // Update modal title
        document.getElementById('addPatentModalLabel').textContent = 'Edit Patent';
        
        // Show modal
        new bootstrap.Modal(document.getElementById('addPatentModal')).show();
    })
    .catch(error => {
        alert('Error loading patent data: ' + error.message);
    });
}

function deletePatent(patentId) {
    if (confirm('Are you sure you want to delete this patent?')) {
        fetch(`{{ route('applicant.patents.destroy', [$application, '__PATENT_ID__']) }}`.replace('__PATENT_ID__', patentId), {
            method: 'DELETE',
            headers: {
                'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
            }
        })
        .then(response => {
            if (response.ok) {
                window.location.reload();
            } else {
                throw new Error('Failed to delete patent');
            }
        })
        .catch(error => {
            alert('Error deleting patent: ' + error.message);
        });
    }
}

// Form submissions
document.getElementById('rdProjectForm').addEventListener('submit', function(e) {
    e.preventDefault();
    
    const formData = new FormData(this);
    const projectId = document.getElementById('rd_project_id').value;
    
    // Determine if this is an update or create
    const url = projectId ? 
        `{{ route('applicant.rd-projects.update', [$application, '__PROJECT_ID__']) }}`.replace('__PROJECT_ID__', projectId) :
        `{{ route('applicant.rd-projects.store', $application) }}`;
    
    const method = projectId ? 'PUT' : 'POST';
    
    if (projectId) {
        formData.append('_method', 'PUT');
    }
    
    // Submit form via fetch
    fetch(url, {
        method: 'POST',
        body: formData,
        headers: {
            'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
        }
    })
    .then(response => {
        if (response.ok) {
            // Reload the page to show updated data
            window.location.reload();
        } else {
            return response.json().then(data => {
                throw new Error(data.message || 'An error occurred');
            });
        }
    })
    .catch(error => {
        alert('Error: ' + error.message);
        console.error('Error:', error);
    });
});

document.getElementById('patentForm').addEventListener('submit', function(e) {
    e.preventDefault();
    
    const formData = new FormData(this);
    const patentId = document.getElementById('patent_id').value;
    
    // Determine if this is an update or create
    const url = patentId ? 
        `{{ route('applicant.patents.update', [$application, '__PATENT_ID__']) }}`.replace('__PATENT_ID__', patentId) :
        `{{ route('applicant.patents.store', $application) }}`;
    
    const method = patentId ? 'PUT' : 'POST';
    
    if (patentId) {
        formData.append('_method', 'PUT');
    }
    
    // Submit form via fetch
    fetch(url, {
        method: 'POST',
        body: formData,
        headers: {
            'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
        }
    })
    .then(response => {
        if (response.ok) {
            // Reload the page to show updated data
            window.location.reload();
        } else {
            return response.json().then(data => {
                throw new Error(data.message || 'An error occurred');
            });
        }
    })
    .catch(error => {
        alert('Error: ' + error.message);
        console.error('Error:', error);
    });
});

// Reset forms when modals are opened for new entries
document.querySelector('[data-bs-target="#addRdProjectModal"]').addEventListener('click', function() {
    // Reset form for new entry
    document.getElementById('rdProjectForm').reset();
    document.getElementById('rd_project_id').value = '';
    document.getElementById('addRdProjectModalLabel').textContent = 'Add R&D Project';
    
    // Reset credit points and explanation
    document.getElementById('credit_points').value = '0.00';
    document.querySelector('#credit_points').nextElementSibling.textContent = 'Auto-calculated based on role and Co-PIs';
    
    // Make proof document required for new entries
    document.getElementById('proof_document').required = true;
});

document.querySelector('[data-bs-target="#addPatentModal"]').addEventListener('click', function() {
    // Reset form for new entry
    document.getElementById('patentForm').reset();
    document.getElementById('patent_id').value = '';
    document.getElementById('addPatentModalLabel').textContent = 'Add Patent';
    
    // Make certificate document required for new entries
    document.getElementById('certificate_document').required = true;
});

// Handle modal close events to reset forms
document.getElementById('addRdProjectModal').addEventListener('hidden.bs.modal', function() {
    document.getElementById('rdProjectForm').reset();
    document.getElementById('rd_project_id').value = '';
    document.getElementById('addRdProjectModalLabel').textContent = 'Add R&D Project';
    
    // Reset credit points and explanation
    document.getElementById('credit_points').value = '0.00';
    document.querySelector('#credit_points').nextElementSibling.textContent = 'Auto-calculated based on role and Co-PIs';
    
    document.getElementById('proof_document').required = true;
});

document.getElementById('addPatentModal').addEventListener('hidden.bs.modal', function() {
    document.getElementById('patentForm').reset();
    document.getElementById('patent_id').value = '';
    document.getElementById('addPatentModalLabel').textContent = 'Add Patent';
    document.getElementById('certificate_document').required = true;
});
</script>

<style>
.card {
    border: none;
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
}

.card-header {
    background-color: #f8f9fc;
    border-bottom: 1px solid #e3e6f0;
}

.table th {
    background-color: #f8f9fc;
    border-color: #e3e6f0;
    font-weight: 600;
    color: #5a5c69;
    font-size: 0.875rem;
}

.table td {
    vertical-align: middle;
    font-size: 0.875rem;
}

.btn-group .btn {
    margin-right: 2px;
}

.badge {
    font-size: 0.75rem;
    padding: 0.375rem 0.75rem;
}

.form-check-input:checked {
    background-color: #dc3545;
    border-color: #dc3545;
}

.modal-content {
    border: none;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
</style>
@endsection