@extends('admin.layouts.app')

@section('title', 'University Partners Management')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="d-flex justify-content-between align-items-center mb-4">
                <h1 class="h3 mb-0 text-gray-800">University Partners Management</h1>
                <a href="{{ route('admin.university-partners.edit') }}" class="btn btn-primary">
                    <i class="bi bi-pencil-square me-2"></i>Edit Partners Section
                </a>
            </div>

            @if(session('success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    {{ session('success') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                </div>
            @endif

            <!-- Section Overview -->
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">Section Overview</h6>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-8">
                            <h5 class="mb-2">{{ $partnersSection->title ?? 'Our Trusted University Partners' }}</h5>
                            <p class="text-muted mb-3">{{ $partnersSection->content ?? 'We work directly with leading universities to provide you with the best opportunities.' }}</p>
                            <div class="d-flex align-items-center">
                                <span class="badge {{ ($partnersSection && $partnersSection->is_active) ? 'bg-success' : 'bg-secondary' }} me-2">
                                    {{ ($partnersSection && $partnersSection->is_active) ? 'Active' : 'Inactive' }}
                                </span>
                                <small class="text-muted">
                                    {{ $partnersSection && $partnersSection->data && isset($partnersSection->data['partners']) ? count($partnersSection->data['partners']) : 0 }} partners configured
                                </small>
                            </div>
                        </div>
                        <div class="col-md-4 text-end">
                            <div class="text-primary">
                                <i class="bi bi-mortarboard-fill" style="font-size: 3rem;"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Partners List -->
            <div class="card shadow">
                <div class="card-header py-3 d-flex justify-content-between align-items-center">
                    <h6 class="m-0 font-weight-bold text-primary">University Partners</h6>
                    <span class="badge bg-info">
                        {{ $partnersSection && $partnersSection->data && isset($partnersSection->data['partners']) ? count($partnersSection->data['partners']) : 0 }} Total
                    </span>
                </div>
                <div class="card-body">
                    @if($partnersSection && $partnersSection->data && isset($partnersSection->data['partners']) && count($partnersSection->data['partners']) > 0)
                        <div class="row g-3">
                            @foreach($partnersSection->data['partners'] as $index => $partner)
                                <div class="col-lg-4 col-md-6">
                                    <div class="card h-100 border-left-primary">
                                        <div class="card-body">
                                            <div class="d-flex align-items-center mb-3">
                                                <div class="me-3">
                                                    @if(!empty($partner['logo']))
                                                        <img src="{{ asset('img/university-logos/' . $partner['logo']) }}" 
                                                             alt="{{ $partner['name'] }} Logo" 
                                                             style="width: 50px; height: 50px; object-fit: contain; border-radius: 6px; border: 1px solid #e3e6f0;">
                                                    @else
                                                        <i class="{{ $partner['icon'] ?? 'bi bi-mortarboard-fill' }}" 
                                                           style="font-size: 2rem; color: {{ $partner['color'] ?? '#3b82f6' }};"></i>
                                                    @endif
                                                </div>
                                                <div class="flex-grow-1">
                                                    <h6 class="mb-1 font-weight-bold">{{ $partner['name'] }}</h6>
                                                    <small class="text-muted">{{ $partner['country'] }}</small>
                                                </div>
                                            </div>
                                            
                                            @if(!empty($partner['display_name']))
                                                <p class="mb-2"><strong>Display Name:</strong> {!! $partner['display_name'] !!}</p>
                                            @endif
                                            
                                            <div class="d-flex justify-content-between align-items-center">
                                                <span class="badge" style="background-color: {{ $partner['color'] ?? '#3b82f6' }}; color: white;">
                                                    {{ $partner['badge'] ?? 'University' }}
                                                </span>
                                                @if(!empty($partner['ranking']))
                                                    <small class="text-muted">Rank: #{{ $partner['ranking'] }}</small>
                                                @endif
                                            </div>
                                            
                                            @if(!empty($partner['logo']))
                                                <div class="mt-2">
                                                    <small class="text-muted"><i class="bi bi-image me-1"></i>Logo: {{ $partner['logo'] }}</small>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    @else
                        <div class="text-center py-5">
                            <i class="bi bi-mortarboard text-muted" style="font-size: 4rem;"></i>
                            <h5 class="mt-3 text-muted">No University Partners Configured</h5>
                            <p class="text-muted mb-4">Start by adding your first university partner to showcase your institutional partnerships.</p>
                            <a href="{{ route('admin.university-partners.edit') }}" class="btn btn-primary">
                                <i class="bi bi-plus-circle me-2"></i>Add First Partner
                            </a>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('styles')
<style>
.border-left-primary {
    border-left: 0.25rem solid #4e73df !important;
}

.card {
    transition: transform 0.2s ease-in-out;
}

.card:hover {
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.badge {
    font-size: 0.75rem;
}

.text-primary {
    color: #4e73df !important;
}

.bg-info {
    background-color: #36b9cc !important;
}
</style>
@endpush