@extends('layouts.applicant.applicant')

@section('title', 'D3 - Ph.D. Thesis Supervision')

@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">D3 - Ph.D. Thesis Supervision</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">Details of Ph.D. Thesis supervised (awarded/ thesis submitted) as Sole Supervisor/ 1st Supervisor/ Co-Supervisor</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
        $phdSupervisions = $application->phdSupervisions()->orderBy('serial_no')->get();
        $totalCreditPoints = $phdSupervisions->sum('credit_points');
        $evaluationPoints = min($totalCreditPoints, 8); // Max 8 for evaluation
        $mainSupervisorCount = $phdSupervisions->where('role', 'main_supervisor')->count();
        $coSupervisorCount = $phdSupervisions->where('role', 'co_supervisor')->count();
    @endphp

    <!-- Credit Points Summary -->
    <div class="row mb-4">
        <div class="col-md-6">
            <div class="card border-primary">
                <div class="card-body text-center">
                    <div class="h4 text-primary">{{ number_format($totalCreditPoints, 2) }}</div>
                    <div class="small text-muted">Total Credit Points</div>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card border-success">
                <div class="card-body text-center">
                    <div class="h4 text-success">{{ number_format($evaluationPoints, 2) }}</div>
                    <div class="small text-muted">Maximum Credit Points (Max 8)</div>
                </div>
            </div>
        </div>
    </div>

    <!-- Credit Points Calculation Info -->
    <div class="alert alert-info mb-4">
        <h6 class="alert-heading"><i class="fas fa-info-circle me-2"></i>Credit Points Calculation</h6>
        <div class="row">
            <div class="col-md-6">
                <strong>Main Supervisor:</strong>
                <ul class="mb-0 mt-1">
                    <li>With 0 Co-Supervisors: 8 Credit Points</li>
                    <li>With Co-Supervisors: 5 Credit Points</li>
                </ul>
            </div>
            <div class="col-md-6">
                <strong>Co-Supervisor:</strong>
                <ul class="mb-0 mt-1">
                    <li>3 ÷ Total Number of Co-Supervisors</li>
                </ul>
            </div>
        </div>
        <hr>
        <small class="text-muted">
            <strong>Note:</strong> Credit points are calculated based on supervision role and number of co-supervisors.
        </small>
    </div>

    <!-- Ph.D. Supervisions 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-graduation-cap me-2"></i>Ph.D. Thesis Supervisions
                </h6>
                @if($application->isEditable())
                <button type="button" class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#addPhdSupervisionModal">
                    <i class="fas fa-plus me-1"></i>Add Ph.D. Supervision
                </button>
                @endif
            </div>
        </div>
        <div class="card-body">
            @if($phdSupervisions->count() > 0)
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <thead class="table-light">
                            <tr>
                                <th>Sr. No</th>
                                <th>Name of Research Scholar</th>
                                <th>Title of Thesis</th>
                                <th>Status</th>
                                <th>Date of Submission/Award</th>
                                <th>Role</th>
                                <th>Total No of Co-Supervisors</th>
                                <th>Credit Points</th>
                                <th>Certificate</th>
                                @if($application->isEditable())
                                <th>Actions</th>
                                @endif
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($phdSupervisions as $supervision)
                            <tr>
                                <td>{{ $supervision->serial_no }}</td>
                                <td class="fw-bold">{{ $supervision->research_scholar_name }}</td>
                                <td>{{ Str::limit($supervision->thesis_title, 50) }}</td>
                                <td>
                                    <span class="badge badge-{{ $supervision->status === 'awarded' ? 'success' : 'warning' }}">
                                        {{ $supervision->status_label }}
                                    </span>
                                </td>
                                <td>{{ $supervision->date_of_submission_award->format('d M Y') }}</td>
                                <td>
                                    <span class="badge badge-{{ $supervision->role === 'main_supervisor' ? 'primary' : 'secondary' }}">
                                        {{ $supervision->role_label }}
                                    </span>
                                </td>
                                <td>{{ $supervision->total_co_supervisors }}</td>
                                <td class="fw-bold text-primary">{{ number_format($supervision->credit_points, 2) }}</td>
                                <td>
                                    @if($supervision->hasDocument())
                                        <a href="{{ route('applicant.phd-supervisions.download-document', [$application, $supervision]) }}" 
                                           class="btn btn-sm btn-outline-primary" title="Download Certificate">
                                            <i class="fas fa-download"></i>
                                        </a>
                                    @else
                                        <span class="text-danger">No Certificate</span>
                                    @endif
                                </td>
                                @if($application->isEditable())
                                <td>
                                    <div class="btn-group" role="group">
                                        <button type="button" class="btn btn-sm btn-outline-primary" 
                                                onclick="editPhdSupervision({{ $supervision->id }})" title="Edit">
                                            <i class="fas fa-edit"></i>
                                        </button>
                                        <button type="button" class="btn btn-sm btn-outline-danger" 
                                                onclick="deletePhdSupervision({{ $supervision->id }})" title="Delete">
                                            <i class="fas fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                                @endif
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                
                <!-- Summary -->
                <div class="mt-4">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="card border-info">
                                <div class="card-body">
                                    <h6 class="card-title text-info">Summary</h6>
                                    <p class="mb-1"><strong>Total Students:</strong> {{ $phdSupervisions->count() }}</p>
                                    <p class="mb-1"><strong>Main Supervisor:</strong> {{ $mainSupervisorCount }} students</p>
                                    <p class="mb-1"><strong>Co-Supervisor:</strong> {{ $coSupervisorCount }} students</p>
                                    <p class="mb-0"><strong>Total Credit Points:</strong> {{ number_format($totalCreditPoints, 2) }}</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="card border-secondary">
                                <div class="card-body">
                                    <h6 class="card-title text-secondary">Breakdown</h6>
                                    @php
                                        $submittedCount = $phdSupervisions->where('status', 'submitted')->count();
                                        $awardedCount = $phdSupervisions->where('status', 'awarded')->count();
                                    @endphp
                                    <p class="mb-1"><strong>Thesis Submitted:</strong> {{ $submittedCount }}</p>
                                    <p class="mb-1"><strong>Degree Awarded:</strong> {{ $awardedCount }}</p>
                                    <p class="mb-0"><strong>Evaluation Points:</strong> {{ number_format($evaluationPoints, 2) }} / 8</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @else
                <div class="text-center py-5">
                    <i class="fas fa-graduation-cap fa-4x text-muted mb-3"></i>
                    <h5 class="text-muted">No Ph.D. Supervisions Added</h5>
                    <p class="text-muted">Add details of Ph.D. thesis supervisions to earn credit points.</p>
                    @if($application->isEditable())
                        <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addPhdSupervisionModal">
                            <i class="fas fa-plus me-2"></i>Add First Ph.D. Supervision
                        </button>
                    @endif
                </div>
            @endif
        </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>

<!-- Add/Edit Ph.D. Supervision Modal -->
@if($application->isEditable())
<div class="modal fade" id="addPhdSupervisionModal" tabindex="-1" aria-labelledby="addPhdSupervisionModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="addPhdSupervisionModalLabel">Add Ph.D. Supervision</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <form id="phdSupervisionForm" method="POST" enctype="multipart/form-data">
                @csrf
                <div class="modal-body">
                    <input type="hidden" id="phd_supervision_id" name="phd_supervision_id">
                    
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="research_scholar_name" class="form-label">Name of Research Scholar <span class="text-danger">*</span></label>
                                <input type="text" class="form-control" id="research_scholar_name" name="research_scholar_name" 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>
                                    <option value="">Select Status</option>
                                    <option value="submitted">Thesis Submitted</option>
                                    <option value="awarded">Degree Awarded</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    
                    <div class="mb-3">
                        <label for="thesis_title" class="form-label">Title of Thesis <span class="text-danger">*</span></label>
                        <textarea class="form-control" id="thesis_title" name="thesis_title" rows="3" required></textarea>
                    </div>
                    
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="date_of_submission_award" class="form-label">Date of Submission/Award <span class="text-danger">*</span></label>
                                <input type="date" class="form-control" id="date_of_submission_award" name="date_of_submission_award" required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <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="main_supervisor">Main Supervisor</option>
                                    <option value="co_supervisor">Co-Supervisor</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="total_co_supervisors" class="form-label">Total No of Co-Supervisors</label>
                                <input type="number" class="form-control" id="total_co_supervisors" name="total_co_supervisors" min="0" value="0" onchange="calculateCreditPoints()" oninput="calculateCreditPoints()">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label class="form-label">Credit Points (Auto-calculated)</label>
                                <div class="input-group">
                                    <input type="number" class="form-control" id="credit_points_display" readonly>
                                    <span class="input-group-text">
                                        <i class="fas fa-calculator"></i>
                                    </span>
                                </div>
                                <small class="text-muted" id="credit_points_info">
                                    Credit points will be calculated automatically based on role
                                </small>
                            </div>
                        </div>
                    </div>
                    
                    <div class="mb-3">
                        <label for="certificate_document" class="form-label">Upload Certificate (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 degree certificate or thesis submission certificate (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 Ph.D. Supervision</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endif

<script>
function calculateCreditPoints() {
    const role = document.getElementById('role').value;
    const totalCoSupervisors = parseInt(document.getElementById('total_co_supervisors').value) || 0;
    let creditPoints = 0;
    let info = 'Credit points will be calculated automatically based on role and co-supervisors';
    
    if (role === 'main_supervisor') {
        if (totalCoSupervisors == 0) {
            creditPoints = 8.0;
            info = 'Main Supervisor with 0 Co-Supervisors: 8 Credit Points';
        } else {
            creditPoints = 5.0;
            info = `Main Supervisor with ${totalCoSupervisors} Co-Supervisors: 5 Credit Points`;
        }
    } else if (role === 'co_supervisor') {
        if (totalCoSupervisors == 0) {
            creditPoints = 3.0;
            info = 'Co-Supervisor with 0 Co-Supervisors: 3 Credit Points';
        } else {
            creditPoints = Math.round((3.0 / totalCoSupervisors) * 100) / 100;
            info = `Co-Supervisor: 3 ÷ ${totalCoSupervisors} Co-Supervisors = ${creditPoints.toFixed(2)} Credit Points`;
        }
    }
    
    document.getElementById('credit_points_display').value = creditPoints.toFixed(2);
    document.getElementById('credit_points_info').innerHTML = info;
    document.getElementById('credit_points_info').className = creditPoints > 0 ? 'text-success' : 'text-muted';
}

function editPhdSupervision(supervisionId) {
    // Fetch supervision data and populate modal
    fetch(`{{ route("applicant.phd-supervisions.show", [$application, "SUPERVISION_ID"]) }}`.replace('SUPERVISION_ID', supervisionId))
        .then(response => response.json())
        .then(data => {
            document.getElementById('phd_supervision_id').value = data.id;
            document.getElementById('research_scholar_name').value = data.research_scholar_name;
            document.getElementById('thesis_title').value = data.thesis_title;
            document.getElementById('status').value = data.status;
            document.getElementById('date_of_submission_award').value = data.date_of_submission_award;
            document.getElementById('role').value = data.role;
            document.getElementById('total_co_supervisors').value = data.total_co_supervisors;
            
            calculateCreditPoints();
            
            document.getElementById('addPhdSupervisionModalLabel').textContent = 'Edit Ph.D. Supervision';
            document.getElementById('phdSupervisionForm').action = 
                `{{ route("applicant.phd-supervisions.update", [$application, "SUPERVISION_ID"]) }}`.replace('SUPERVISION_ID', supervisionId);
            
            // Show modal
            new bootstrap.Modal(document.getElementById('addPhdSupervisionModal')).show();
        })
        .catch(error => {
            console.error('Error:', error);
            alert('Error loading supervision data');
        });
}

function deletePhdSupervision(supervisionId) {
    if (confirm('Are you sure you want to delete this Ph.D. supervision record?')) {
        fetch(`{{ route("applicant.phd-supervisions.destroy", [$application, "SUPERVISION_ID"]) }}`.replace('SUPERVISION_ID', supervisionId), {
            method: 'DELETE',
            headers: {
                'X-CSRF-TOKEN': '{{ csrf_token() }}',
                'Content-Type': 'application/json',
            },
        })
        .then(response => response.json())
        .then(data => {
            if (data.success) {
                location.reload();
            } else {
                alert('Error deleting supervision record');
            }
        })
        .catch(error => {
            console.error('Error:', error);
            alert('Error deleting supervision record');
        });
    }
}

// Reset modal when opening for new supervision
document.getElementById('addPhdSupervisionModal').addEventListener('show.bs.modal', function (event) {
    if (!event.relatedTarget || !event.relatedTarget.onclick) {
        // Reset form for new supervision
        document.getElementById('phdSupervisionForm').reset();
        document.getElementById('phd_supervision_id').value = '';
        document.getElementById('addPhdSupervisionModalLabel').textContent = 'Add Ph.D. Supervision';
        document.getElementById('phdSupervisionForm').action = '{{ route("applicant.phd-supervisions.store", $application) }}';
        document.getElementById('credit_points_display').value = '';
        document.getElementById('credit_points_info').innerHTML = 'Credit points will be calculated automatically based on role';
        document.getElementById('credit_points_info').className = 'text-muted';
    }
});

// Handle form submission
document.getElementById('phdSupervisionForm').addEventListener('submit', function(e) {
    e.preventDefault();
    
    const formData = new FormData(this);
    const isEdit = document.getElementById('phd_supervision_id').value !== '';
    
    if (isEdit) {
        formData.append('_method', 'PUT');
    }
    
    fetch(this.action, {
        method: 'POST',
        body: formData,
        headers: {
            'X-CSRF-TOKEN': '{{ csrf_token() }}',
        },
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            location.reload();
        } else {
            alert('Error saving supervision: ' + (data.message || 'Unknown error'));
        }
    })
    .catch(error => {
        console.error('Error:', error);
        alert('Error saving supervision');
    });
});
</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;
}

.modal-content {
    border: none;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.alert {
    border: none;
    border-radius: 0.5rem;
}
</style>
@endsection