@extends('layouts.app')

@section('title', 'Mentorship Activity Details')

@section('content')
<div class="container-fluid py-5">
    <h3 class="mb-4 text-success fw-bold d-flex align-items-center">
        <i class="bi bi-journal-text me-2"></i> Mentorship Activity Details
    </h3>

    <div class="card shadow-sm rounded-4 p-4 nyota-card border-0">

        <!-- Trainee & Mentor Info -->
        <div class="row mb-4">
            <div class="col-md-6">
                <p class="mb-2 text-muted small">Trainee</p>
                <h5 class="fw-semibold">{{ optional($mentorship->trainee)->name ?? 'Unknown Trainee' }}</h5>
            </div>
            <div class="col-md-6">
                <p class="mb-2 text-muted small">Mentor</p>
                <h5 class="fw-semibold">
                    {{ optional($mentorship->mentor)->name ?? 'Unknown Mentor' }}
                    <span class="badge bg-light text-dark border ms-2">
                        {{ optional($mentorship->mentor)->role === 'trainer' ? 'Senior Trainer' : ucfirst(str_replace('_', ' ', optional($mentorship->mentor)->role ?? 'N/A')) }}
                    </span>
                </h5>
            </div>
        </div>

        <!-- Session -->
        <div class="mb-4">
            <p class="mb-2 text-muted small">Session</p>
            <h6 class="fw-semibold text-dark">Session {{ $mentorship->session_number ?? '-' }}</h6>
        </div>

        <!-- Date -->
        <div class="mb-4">
            <p class="mb-2 text-muted small">Date</p>
            <h6 class="fw-semibold text-dark">
                {{ optional($mentorship->date) ? \Carbon\Carbon::parse($mentorship->date)->format('d M Y') : '-' }}
            </h6>
        </div>

        <hr class="text-muted mb-4">

        <!-- Discussion Points -->
        <div class="mb-4">
            <h5 class="fw-bold text-success mb-2">Discussion Points</h5>
            <p class="text-muted mb-0">{{ $mentorship->discussion_points ?? '-' }}</p>
        </div>

        <!-- Progress Notes -->
        <div class="mb-4">
            <h5 class="fw-bold text-success mb-2">Progress Notes</h5>
            <p class="text-muted mb-0">{{ $mentorship->progress_notes ?? '-' }}</p>
        </div>

        <!-- Next Steps -->
        <div class="mb-4">
            <h5 class="fw-bold text-success mb-2">Next Steps</h5>
            <p class="text-muted mb-0">{{ $mentorship->next_steps ?? '-' }}</p>
        </div>

        <!-- Media Section -->
        @if($mentorship->media && count($mentorship->media))
            <div class="mb-4">
                <h5 class="fw-bold text-success mb-3">Attached Media</h5>
                <div class="row g-3">
                    @foreach($mentorship->media as $file)
                        @php
                            $ext = strtolower(pathinfo($file->filename, PATHINFO_EXTENSION));
                        @endphp
                        <div class="col-md-4">
                            @if(in_array($ext, ['jpg','jpeg','png','webp','gif']))
                                <a href="{{ asset('storage/' . $file->filepath) }}" target="_blank">
                                    <img src="{{ asset('storage/' . $file->filepath) }}" 
                                         class="img-fluid rounded-3 shadow-sm border" 
                                         style="height: 200px; width: 100%; object-fit: cover;">
                                </a>
                            @elseif(in_array($ext, ['mp4','mov','avi','webm']))
                                <video controls class="w-100 rounded-3 shadow-sm border" style="max-height:200px;">
                                    <source src="{{ asset('storage/' . $file->filepath) }}" type="video/{{ $ext }}">
                                    Your browser does not support the video tag.
                                </video>
                            @else
                                <a href="{{ asset('storage/' . $file->filepath) }}" target="_blank" 
                                   class="btn btn-outline-secondary w-100 rounded-3">
                                    {{ $file->filename }}
                                </a>
                            @endif
                        </div>
                    @endforeach
                </div>
            </div>
        @endif

        <hr class="text-muted mb-4">

        <!-- Payment Section -->

        <div class="mb-4">
            <h5 class="fw-bold text-success mb-3">Mentor Payment Confirmation</h5>

            @if($mentorship->mentorPayment)
                @php
                    $payment = $mentorship->mentorPayment;
                    $ratePerMeeting = $payment->rate_per_meeting ?? 500;
                    $transportPerYouth = $payment->transport_per_mentee ?? 200;
                @endphp

                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>Session Date</th>
                            <th>No. of Mentees Met</th>
                            <th>Rate per Meeting (KES {{ number_format($ratePerMeeting) }})</th>
                            <th>Transport per Youth (KES {{ number_format($transportPerYouth) }})</th>
                            <th>Total Payable</th>
                            <th>Lead Trainer Signature</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>{{ optional($payment->session_date)->format('d-m-Y') ?? '-' }}</td>
                            <td>{{ $payment->number_of_mentees ?? 0 }}</td>
                            <td>{{ number_format($ratePerMeeting, 2) }}</td>
                            <td>{{ number_format($transportPerYouth, 2) }}</td>
                            <td>{{ number_format($payment->total_payable ?? 0, 2) }}</td>
                            <td>
                                @if($payment->lead_trainer_signature)
                                    <img src="{{ asset('storage/' . $payment->lead_trainer_signature) }}" 
                                        alt="Lead Trainer Signature" width="80">
                                @else
                                    -
                                @endif
                            </td>
                        </tr>
                    </tbody>
                </table>

                <p><strong>Mentor Signature:</strong> 
                    @if($payment->mentor_signature)
                        <img src="{{ asset('storage/' . $payment->mentor_signature) }}" 
                            alt="Mentor Signature" width="80">
                    @else
                        -
                    @endif
                </p>

                <p><strong>Payment Confirmed By:</strong> {{ $payment->confirmed_by ?? '-' }}</p>

            @else
                <p class="text-muted mb-0">No mentor payment recorded for this session yet.</p>
            @endif
        </div>


        <!-- Back & Download PDF Buttons -->
        @php
            $backRoute = auth()->user()->role === 'trainee' 
                ? route('trainee.mentorship.index') 
                : route('mentor.activities.index');
        @endphp

        <div class="mt-4 d-flex gap-2">
            <a href="{{ $backRoute }}" class="btn btn-outline-success rounded-3 px-4">
                <i class="bi bi-arrow-left me-2"></i>Back to Activities
            </a>

            <a href="{{ route('mentorship.pdf', $mentorship->id) }}" 
               class="btn btn-success rounded-3 px-4" target="_blank">
                <i class="bi bi-file-earmark-pdf-fill me-2"></i>Download PDF
            </a>
        </div>

    </div>
</div>

<style>
.nyota-card {
    background: #ffffff;
    border-left: 6px solid #28a745;
    transition: all 0.3s ease;
}
.nyota-card:hover {
    box-shadow: 0 12px 30px rgba(0,0,0,0.15);
}
.text-success {
    color: #218838 !important;
}
.btn-success {
    background-color: #28a745;
    border-color: #28a745;
    transition: all 0.3s ease;
}
.btn-success:hover {
    background-color: #218838;
    border-color: #1e7e34;
}
</style>
@endsection