@extends('layouts.admin')

@section('title', 'View University')
@section('page-title', 'University Details')

@section('content')
<div class="mb-6 flex justify-between items-center">
    <a href="{{ route('admin.universities.index') }}" class="text-blue-600 hover:text-blue-800">
        <i class="fas fa-arrow-left mr-2"></i>Back to Universities
    </a>
    <div class="space-x-3">
        <a href="{{ route('admin.universities.edit', $university) }}"
            class="inline-flex items-center px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-lg">
            <i class="fas fa-edit mr-2"></i>Edit
        </a>
        <form action="{{ route('admin.universities.destroy', $university) }}" method="POST" class="inline-block"
            onsubmit="return confirm('Are you sure you want to delete this university?');">
            @csrf
            @method('DELETE')
            <button type="submit"
                class="inline-flex items-center px-4 py-2 bg-red-600 hover:bg-red-700 text-white rounded-lg">
                <i class="fas fa-trash mr-2"></i>Delete
            </button>
        </form>
    </div>
</div>

<div class="bg-white rounded-lg shadow-md overflow-hidden">
    <!-- Header Section -->
    <div class="bg-gradient-to-r from-blue-600 to-blue-800 p-6 text-white">
        <div class="flex items-center space-x-6">
            @if($university->logo)
            <div class="bg-white rounded-lg p-3">
                <img src="{{ asset('storage/' . $university->logo) }}" alt="{{ $university->name_en }}"
                    class="h-20 w-20 object-contain">
            </div>
            @endif
            <div class="flex-1">
                <h2 class="text-2xl font-bold mb-2">{{ $university->name_en }}</h2>
                @if($university->name_bn)
                <p class="text-blue-100 mb-2">{{ $university->name_bn }}</p>
                @endif
                <div class="flex items-center space-x-4 text-sm">
                    <span><i class="fas fa-map-marker-alt mr-1"></i>{{ $university->country }}</span>
                    @if($university->location)
                    <span><i class="fas fa-city mr-1"></i>{{ $university->location }}</span>
                    @endif
                </div>
            </div>
            <div class="text-right">
                @if($university->is_featured)
                <span
                    class="inline-block px-3 py-1 bg-yellow-400 text-yellow-900 rounded-full text-sm font-semibold mb-2">
                    <i class="fas fa-star mr-1"></i>Featured
                </span>
                @endif
                <div>
                    <span
                        class="inline-block px-3 py-1 {{ $university->is_active ? 'bg-green-500' : 'bg-red-500' }} text-white rounded-full text-sm font-semibold">
                        {{ $university->is_active ? 'Active' : 'Inactive' }}
                    </span>
                </div>
            </div>
        </div>
    </div>

    <!-- Main Image -->
    @if($university->image)
    <div class="w-full h-64 overflow-hidden">
        <img src="{{ asset('storage/' . $university->image) }}" alt="{{ $university->name_en }}"
            class="w-full h-full object-cover">
    </div>
    @endif

    <!-- Content Sections -->
    <div class="p-6">
        <!-- Description -->
        @if($university->description_en || $university->description_bn)
        <div class="mb-8">
            <h3 class="text-xl font-semibold text-gray-800 mb-4 border-b pb-2">
                <i class="fas fa-info-circle text-blue-600 mr-2"></i>Description
            </h3>
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                @if($university->description_en)
                <div>
                    <h4 class="font-semibold text-gray-700 mb-2">English</h4>
                    <p class="text-gray-600 whitespace-pre-line">{{ $university->description_en }}</p>
                </div>
                @endif
                @if($university->description_bn)
                <div>
                    <h4 class="font-semibold text-gray-700 mb-2">Bangla</h4>
                    <p class="text-gray-600 whitespace-pre-line">{{ $university->description_bn }}</p>
                </div>
                @endif
            </div>
        </div>
        @endif

        <!-- Programs -->
        @if($university->programs_en || $university->programs_bn)
        <div class="mb-8">
            <h3 class="text-xl font-semibold text-gray-800 mb-4 border-b pb-2">
                <i class="fas fa-graduation-cap text-blue-600 mr-2"></i>Available Programs
            </h3>
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                @if($university->programs_en)
                <div>
                    <h4 class="font-semibold text-gray-700 mb-2">English</h4>
                    <p class="text-gray-600 whitespace-pre-line">{{ $university->programs_en }}</p>
                </div>
                @endif
                @if($university->programs_bn)
                <div>
                    <h4 class="font-semibold text-gray-700 mb-2">Bangla</h4>
                    <p class="text-gray-600 whitespace-pre-line">{{ $university->programs_bn }}</p>
                </div>
                @endif
            </div>
        </div>
        @endif

        <!-- Financial Information -->
        @if($university->tuition_fee || $university->scholarships_en || $university->scholarships_bn)
        <div class="mb-8">
            <h3 class="text-xl font-semibold text-gray-800 mb-4 border-b pb-2">
                <i class="fas fa-dollar-sign text-blue-600 mr-2"></i>Financial Information
            </h3>
            <div class="bg-gray-50 rounded-lg p-4 mb-4">
                <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                    @if($university->tuition_fee)
                    <div>
                        <span class="font-semibold text-gray-700">Tuition Fee:</span>
                        <span class="text-gray-600 ml-2">{{ $university->tuition_fee }}</span>
                        @if($university->currency)
                        <span class="text-sm text-gray-500">({{ $university->currency }})</span>
                        @endif
                    </div>
                    @endif
                </div>
            </div>
            @if($university->scholarships_en || $university->scholarships_bn)
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                @if($university->scholarships_en)
                <div>
                    <h4 class="font-semibold text-gray-700 mb-2">Scholarships (English)</h4>
                    <p class="text-gray-600 whitespace-pre-line">{{ $university->scholarships_en }}</p>
                </div>
                @endif
                @if($university->scholarships_bn)
                <div>
                    <h4 class="font-semibold text-gray-700 mb-2">Scholarships (Bangla)</h4>
                    <p class="text-gray-600 whitespace-pre-line">{{ $university->scholarships_bn }}</p>
                </div>
                @endif
            </div>
            @endif
        </div>
        @endif

        <!-- Visa Information -->
        @if($university->visa_info_en || $university->visa_info_bn)
        <div class="mb-8">
            <h3 class="text-xl font-semibold text-gray-800 mb-4 border-b pb-2">
                <i class="fas fa-passport text-blue-600 mr-2"></i>Visa Information
            </h3>
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                @if($university->visa_info_en)
                <div>
                    <h4 class="font-semibold text-gray-700 mb-2">English</h4>
                    <p class="text-gray-600 whitespace-pre-line">{{ $university->visa_info_en }}</p>
                </div>
                @endif
                @if($university->visa_info_bn)
                <div>
                    <h4 class="font-semibold text-gray-700 mb-2">Bangla</h4>
                    <p class="text-gray-600 whitespace-pre-line">{{ $university->visa_info_bn }}</p>
                </div>
                @endif
            </div>
        </div>
        @endif

        <!-- Suitable For -->
        @if($university->suitable_for_en || $university->suitable_for_bn)
        <div class="mb-8">
            <h3 class="text-xl font-semibold text-gray-800 mb-4 border-b pb-2">
                <i class="fas fa-user-check text-blue-600 mr-2"></i>Suitable For
            </h3>
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                @if($university->suitable_for_en)
                <div>
                    <h4 class="font-semibold text-gray-700 mb-2">English</h4>
                    <p class="text-gray-600 whitespace-pre-line">{{ $university->suitable_for_en }}</p>
                </div>
                @endif
                @if($university->suitable_for_bn)
                <div>
                    <h4 class="font-semibold text-gray-700 mb-2">Bangla</h4>
                    <p class="text-gray-600 whitespace-pre-line">{{ $university->suitable_for_bn }}</p>
                </div>
                @endif
            </div>
        </div>
        @endif

        <!-- Admission Requirements -->
        @if($university->admission_requirements_en || $university->admission_requirements_bn)
        <div class="mb-8">
            <h3 class="text-xl font-semibold text-gray-800 mb-4 border-b pb-2">
                <i class="fas fa-clipboard-list text-blue-600 mr-2"></i>Admission Requirements
            </h3>
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                @if($university->admission_requirements_en)
                <div>
                    <h4 class="font-semibold text-gray-700 mb-2">English</h4>
                    <p class="text-gray-600 whitespace-pre-line">{{ $university->admission_requirements_en }}</p>
                </div>
                @endif
                @if($university->admission_requirements_bn)
                <div>
                    <h4 class="font-semibold text-gray-700 mb-2">Bangla</h4>
                    <p class="text-gray-600 whitespace-pre-line">{{ $university->admission_requirements_bn }}</p>
                </div>
                @endif
            </div>
        </div>
        @endif

        <!-- Contact Information -->
        @if($university->website || $university->email || $university->phone)
        <div class="mb-8">
            <h3 class="text-xl font-semibold text-gray-800 mb-4 border-b pb-2">
                <i class="fas fa-address-book text-blue-600 mr-2"></i>Contact Information
            </h3>
            <div class="bg-gray-50 rounded-lg p-4">
                <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
                    @if($university->website)
                    <div>
                        <span class="font-semibold text-gray-700 block mb-1">Website:</span>
                        <a href="{{ $university->website }}" target="_blank"
                            class="text-blue-600 hover:text-blue-800 break-all">
                            {{ $university->website }} <i class="fas fa-external-link-alt text-xs"></i>
                        </a>
                    </div>
                    @endif
                    @if($university->email)
                    <div>
                        <span class="font-semibold text-gray-700 block mb-1">Email:</span>
                        <a href="mailto:{{ $university->email }}" class="text-blue-600 hover:text-blue-800 break-all">
                            {{ $university->email }}
                        </a>
                    </div>
                    @endif
                    @if($university->phone)
                    <div>
                        <span class="font-semibold text-gray-700 block mb-1">Phone:</span>
                        <a href="tel:{{ $university->phone }}" class="text-blue-600 hover:text-blue-800">
                            {{ $university->phone }}
                        </a>
                    </div>
                    @endif
                </div>
            </div>
        </div>
        @endif

        <!-- Meta Information -->
        <div class="bg-gray-50 rounded-lg p-4">
            <h3 class="text-lg font-semibold text-gray-800 mb-3">
                <i class="fas fa-cog text-gray-600 mr-2"></i>System Information
            </h3>
            <div class="grid grid-cols-1 md:grid-cols-4 gap-4 text-sm">
                <div>
                    <span class="font-semibold text-gray-700">Display Order:</span>
                    <span class="text-gray-600 ml-2">{{ $university->order }}</span>
                </div>
                <div>
                    <span class="font-semibold text-gray-700">Slug:</span>
                    <span class="text-gray-600 ml-2">{{ $university->slug }}</span>
                </div>
                <div>
                    <span class="font-semibold text-gray-700">Created:</span>
                    <span class="text-gray-600 ml-2">{{ $university->created_at->format('M d, Y') }}</span>
                </div>
                <div>
                    <span class="font-semibold text-gray-700">Updated:</span>
                    <span class="text-gray-600 ml-2">{{ $university->updated_at->format('M d, Y') }}</span>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection