@if($data && isset($data['referees']) && $data['referees']->count() > 0)
    <div class="subsection-title">References</div>
    <table class="data-table">
        <thead>
            <tr>
                <th style="width: 5%;">S.No.</th>
                <th style="width: 25%;">Name of Referee</th>
                <th style="width: 20%;">Designation</th>
                <th style="width: 20%;">Email ID</th>
                <th style="width: 15%;">Mobile No.</th>
                <th style="width: 15%;">Address</th>
            </tr>
        </thead>
        <tbody>
            @foreach($data['referees'] as $index => $referee)
                <tr>
                    <td>{{ $index + 1 }}</td>
                    <td>{{ $referee->name_of_referee ?? 'N/A' }}</td>
                    <td>{{ $referee->designation ?? 'N/A' }}</td>
                    <td>{{ $referee->email_id ?? 'N/A' }}</td>
                    <td>{{ $referee->mobile_no ?? 'N/A' }}</td>
                    <td>{{ $referee->complete_address ?? 'N/A' }}</td>
                </tr>
            @endforeach
        </tbody>
    </table>
@endif

@if($data && isset($data['vision_statement']) && $data['vision_statement'])
    <div class="subsection-title">Vision Statement</div>
    
    @if($data['vision_statement']->short_term)
        <div class="subsection-title" style="font-size: 14px; margin-top: 15px; margin-bottom: 10px;">Short Term Vision</div>
        <div style="background-color: #f9f9f9; padding: 15px; border-left: 4px solid #1e40af; margin-bottom: 15px;">
            <p style="text-align: justify; margin: 0; line-height: 1.6;">
                {{ $data['vision_statement']->short_term }}
            </p>
        </div>
    @endif
    
    @if($data['vision_statement']->long_term)
        <div class="subsection-title" style="font-size: 14px; margin-top: 15px; margin-bottom: 10px;">Long Term Vision</div>
        <div style="background-color: #f9f9f9; padding: 15px; border-left: 4px solid #1e40af; margin-bottom: 15px;">
            <p style="text-align: justify; margin: 0; line-height: 1.6;">
                {{ $data['vision_statement']->long_term }}
            </p>
        </div>
    @endif
    
    @if(!$data['vision_statement']->short_term && !$data['vision_statement']->long_term)
        <div style="background-color: #f9f9f9; padding: 15px; border-left: 4px solid #1e40af; margin-top: 10px;">
            <p style="text-align: justify; margin: 0; line-height: 1.6; color: #666;">
                No vision statement provided
            </p>
        </div>
    @endif
@endif

@if(!($data && isset($data['referees']) && $data['referees']->count() > 0) && !($data && isset($data['vision_statement']) && $data['vision_statement']))
    <div class="no-data">No references or vision statement available</div>
@endif