@extends('layouts.app')

@section('content')

<div class="container">

    <h2 class="mb-4">
        Certificate Renewal Tracker
    </h2>
    <a
    href="{{ route('renewal-tracker.company-summary') }}"
    class="btn btn-primary mb-3"
        >
            Company Renewal Summary
        </a>

        <table class="table table-bordered table-striped">

        <thead>

        <tr>
            <th>Company</th>
            <th>Participant</th>
            <th>Training Subject</th>
            <th>Certificate No</th>
            <th>Issue Date</th>
            <th>Valid Till</th>
            <th>Days Remaining</th>
            <th>Status</th>
        </tr>

        </thead>

        <tbody>

        @foreach($participants as $participant)

        <tr>

            <td>
                {{ $participant->trainingSession->company->company_name ?? '' }}
            </td>

            <td>
                {{ $participant->participant_name }}
            </td>

            <td>
                {{ $participant->trainingSession->trainingSubject->subject_name ?? '' }}
            </td>

            <td>
                {{ $participant->certificate_no }}
            </td>

            <td>
                {{ $participant->certificate_issue_date }}
            </td>

            <td>
                {{ $participant->valid_till->format('d-m-Y') }}
            </td>

            <td>
                {{ $participant->days_remaining }}
            </td>

            <td>

                @if($participant->renewal_status == 'Expired')

                    <span class="badge bg-danger">
                        Expired
                    </span>

                @elseif(
                    $participant->renewal_status ==
                    'Expiring in 30 Days'
                )

                    <span class="badge bg-warning">
                        30 Days
                    </span>

                @elseif(
                    $participant->renewal_status ==
                    'Expiring in 60 Days'
                )

                    <span class="badge bg-info">
                        60 Days
                    </span>

                @else

                    <span class="badge bg-success">
                        Valid
                    </span>

                @endif

            </td>

        </tr>

        @endforeach

        </tbody>

    </table>

</div>

@endsection