@extends('layouts.training_centre_layout')

@section('content')
<!-- [ Page Header ] start -->
@php
$addRoute = route('training-centre.trainers.create');
@endphp

@php
$button = '<a href="'.$addRoute.'" class="btn btn-primary"><i class="fa fa-plus"></i> Add New</a>';
@endphp

<x-page-header title="{{ $pageTitle }}" button="{!! (isset($button))?$button:'' !!}" />

<!-- [ Page Header ] end -->
<div class="row">
    <div class="col-12">
        <!-- Trainers Cards -->
        <div class="row">
            @if ($trainers->count() > 0)
            @foreach ($trainers as $trainer)
            <div class="col-12">
                <div class="trainer-card-2">
                    <div class="experience-badge">
                        <i class="fas fa-medal me-1"></i>{{ $trainer->experience }} Years
                    </div>

                    <div class="horizontal-layout">
                        <!-- Profile Section -->
                        <div class="profile-section">
                            <div class="trainer-avatar">
                                @if ($trainer->photo)
                                <img src="{{ $trainer->photo_path }}" alt="Trainer Photo" class="img-fluid rounded-circle" style="max-height: 70px;">
                                @else
                                <i class="fas fa-user-tie"></i>
                                @endif
                            </div>
                            <h5 class="trainer-name">{{ $trainer->name }}</h5>
                            <p class="trainer-role">{{ date('d M, Y', strtotime($trainer->dob)) }}</p>
                            <div class="action-buttons">
                                <a href="{{ route('training-centre.trainers.edit', $trainer->id) }}" class="action-btn edit-btn">
                                    <i class="fas fa-edit"></i>
                                </a>
                                <button class="action-btn delete-btn">
                                    <i class="fas fa-trash"></i>
                                </button>
                            </div>
                        </div>

                        <!-- Information Content -->
                        <div class="info-content">
                            <div class="info-grid">
                                <div class="info-section warning">
                                    <div class="info-label">
                                        <i class="fas fa-briefcase"></i>Experience
                                    </div>
                                    <div class="info-value">{{ $trainer->experience }} Years</div>
                                    @if ($trainer->experience_certificate_path)
                                    <a href="{{ $trainer->experience_certificate_path }}" target="_blank" class="certificate-link">
                                        <i class="fas fa-file-pdf"></i>
                                        View Certificate
                                    </a>
                                    @endif
                                </div>

                                <div class="info-section info">
                                    <div class="info-label">
                                        <i class="fas fa-graduation-cap"></i>Education
                                    </div>
                                    <div class="info-value">{{ $trainer->higher_qualification }}</div>
                                    @if ($trainer->higher_qualification_certificate_path)
                                    <a href="{{ $trainer->higher_qualification_certificate_path }}" target="_blank" class="certificate-link">
                                        <i class="fas fa-file-pdf"></i>
                                        View Certificate
                                    </a>
                                    @endif
                                </div>
                            </div>

                            <!-- Certificates Section -->
                            <div class="certificates-row">
                                <div class="certificate-box {{ $trainer->nisd_certificate_path ? 'available' : '' }}">
                                    <div class="info-label">
                                        <i class="fas fa-certificate"></i>NISD Certificate
                                    </div>
                                    @if ($trainer->nisd_certificate_path)
                                    <a href="{{ $trainer->nisd_certificate_path }}" target="_blank" class="certificate-link">
                                        <i class="fas fa-file-pdf"></i>
                                        View Certificate
                                    </a>
                                    @else
                                    <div class="no-document">No document available</div>
                                    @endif
                                </div>

                                <div class="certificate-box {{ $trainer->tot_certificate_path ? 'available' : '' }}">
                                    <div class="info-label">
                                        <i class="fas fa-chalkboard-teacher"></i>TOT Certificate
                                    </div>
                                    @if ($trainer->tot_certificate_path)
                                    <a href="{{ $trainer->tot_certificate_path }}" target="_blank" class="certificate-link">
                                        <i class="fas fa-file-pdf"></i>
                                        View Certificate
                                    </a>
                                    @else
                                    <div class="no-document">No document available</div>
                                    @endif
                                </div>

                                <div class="certificate-box {{ $trainer->toa_certificate_path ? 'available' : '' }}">
                                    <div class="info-label">
                                        <i class="fas fa-award"></i>TOA Certificate
                                    </div>
                                    @if ($trainer->toa_certificate_path)
                                    <a href="{{ $trainer->toa_certificate_path }}" target="_blank" class="certificate-link">
                                        <i class="fas fa-file-pdf"></i>
                                        View Certificate
                                    </a>
                                    @else
                                    <div class="no-document">No document available</div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endforeach
            @else
            <div class="col-12">
                <div class="alert alert-danger">
                    <p class="mb-0">
                        No trainers are available.
                    </p>
                </div>
            </div>
            @endif
        </div>
    </div>
</div>
@endsection

@section('pages-scripts')
<script>
    // Filter functionality
    $('#specializationFilter, #certificationFilter').on('change', function() {
        const specialization = $('#specializationFilter').val();
        const certification = $('#certificationFilter').val();

        console.log('Filter by specialization:', specialization);
        console.log('Filter by certification:', certification);

        // Add your filtering logic here
    });
</script>
@endsection