@extends('layouts.admin')

@section('title', 'Add University')
@section('page-title', 'Add New University')

@section('content')
<div class="mb-6">
    <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>

<form action="{{ route('admin.universities.store') }}" method="POST" enctype="multipart/form-data"
    class="bg-white rounded-lg shadow-md p-6">
    @csrf

    <!-- Basic Information -->
    <div class="mb-8">
        <h3 class="text-lg font-semibold text-gray-800 mb-4 border-b pb-2">Basic Information</h3>

        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
            <!-- University Name (English) -->
            <div>
                <label for="name_en" class="block text-sm font-semibold text-gray-700 mb-2">
                    University Name (English) <span class="text-red-500">*</span>
                </label>
                <input type="text" name="name_en" id="name_en" value="{{ old('name_en') }}" required
                    class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('name_en') border-red-500 @enderror"
                    placeholder="e.g., YeWON Arts University">
                @error('name_en')
                <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>

            <!-- University Name (Bangla) -->
            <div>
                <label for="name_bn" class="block text-sm font-semibold text-gray-700 mb-2">
                    University Name (Bangla)
                </label>
                <input type="text" name="name_bn" id="name_bn" value="{{ old('name_bn') }}"
                    class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('name_bn') border-red-500 @enderror">
                @error('name_bn')
                <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>

            <!-- Country -->
            <div>
                <label for="country" class="block text-sm font-semibold text-gray-700 mb-2">
                    Country <span class="text-red-500">*</span>
                </label>
                <input type="text" name="country" id="country" value="{{ old('country') }}" required
                    class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('country') border-red-500 @enderror"
                    placeholder="e.g., South Korea, USA, Canada">
                @error('country')
                <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>

            <!-- Location -->
            <div>
                <label for="location" class="block text-sm font-semibold text-gray-700 mb-2">
                    Location / City
                </label>
                <input type="text" name="location" id="location" value="{{ old('location') }}"
                    class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('location') border-red-500 @enderror"
                    placeholder="e.g., Chungcheong Province, Seoul">
                @error('location')
                <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>
        </div>
    </div>

    <!-- Programs & Academic Details -->
    <div class="mb-8">
        <h3 class="text-lg font-semibold text-gray-800 mb-4 border-b pb-2">Programs & Academic Details</h3>

        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
            <!-- Programs (English) -->
            <div>
                <label for="programs_en" class="block text-sm font-semibold text-gray-700 mb-2">
                    Available Programs (English)
                </label>
                <textarea name="programs_en" id="programs_en" rows="4"
                    class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('programs_en') border-red-500 @enderror"
                    placeholder="e.g., Engineering, Business, International Studies&#10;Arts Management / Cultural Studies">{{ old('programs_en') }}</textarea>
                @error('programs_en')
                <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>

            <!-- Programs (Bangla) -->
            <div>
                <label for="programs_bn" class="block text-sm font-semibold text-gray-700 mb-2">
                    Available Programs (Bangla)
                </label>
                <textarea name="programs_bn" id="programs_bn" rows="4"
                    class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('programs_bn') border-red-500 @enderror">{{ old('programs_bn') }}</textarea>
                @error('programs_bn')
                <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>
        </div>
    </div>

    <!-- Financial Information -->
    <div class="mb-8">
        <h3 class="text-lg font-semibold text-gray-800 mb-4 border-b pb-2">Financial Information</h3>

        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
            <!-- Tuition Fee -->
            <div>
                <label for="tuition_fee" class="block text-sm font-semibold text-gray-700 mb-2">
                    Tuition Fee
                </label>
                <input type="text" name="tuition_fee" id="tuition_fee" value="{{ old('tuition_fee') }}"
                    class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('tuition_fee') border-red-500 @enderror"
                    placeholder="e.g., KRW 3.0 - 3.6 Million / semester">
                @error('tuition_fee')
                <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>

            <!-- Currency -->
            <div>
                <label for="currency" class="block text-sm font-semibold text-gray-700 mb-2">
                    Currency
                </label>
                <input type="text" name="currency" id="currency" value="{{ old('currency', 'KRW') }}"
                    class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('currency') border-red-500 @enderror"
                    placeholder="e.g., USD, KRW, EUR">
                @error('currency')
                <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>
        </div>

        <!-- Scholarships -->
        <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mt-6">
            <div>
                <label for="scholarships_en" class="block text-sm font-semibold text-gray-700 mb-2">
                    Scholarships (English)
                </label>
                <textarea name="scholarships_en" id="scholarships_en" rows="3"
                    class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('scholarships_en') border-red-500 @enderror"
                    placeholder="Available scholarship information">{{ old('scholarships_en') }}</textarea>
                @error('scholarships_en')
                <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>

            <div>
                <label for="scholarships_bn" class="block text-sm font-semibold text-gray-700 mb-2">
                    Scholarships (Bangla)
                </label>
                <textarea name="scholarships_bn" id="scholarships_bn" rows="3"
                    class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('scholarships_bn') border-red-500 @enderror">{{ old('scholarships_bn') }}</textarea>
                @error('scholarships_bn')
                <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>
        </div>
    </div>

    <!-- Visa & Admission Information -->
    <div class="mb-8">
        <h3 class="text-lg font-semibold text-gray-800 mb-4 border-b pb-2">Visa & Admission Information</h3>

        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
            <!-- Visa Information (English) -->
            <div>
                <label for="visa_info_en" class="block text-sm font-semibold text-gray-700 mb-2">
                    Visa Information (English)
                </label>
                <textarea name="visa_info_en" id="visa_info_en" rows="3"
                    class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('visa_info_en') border-red-500 @enderror"
                    placeholder="e.g., ✅ Good (Arts background preferred)">{{ old('visa_info_en') }}</textarea>
                @error('visa_info_en')
                <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>

            <!-- Visa Information (Bangla) -->
            <div>
                <label for="visa_info_bn" class="block text-sm font-semibold text-gray-700 mb-2">
                    Visa Information (Bangla)
                </label>
                <textarea name="visa_info_bn" id="visa_info_bn" rows="3"
                    class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('visa_info_bn') border-red-500 @enderror">{{ old('visa_info_bn') }}</textarea>
                @error('visa_info_bn')
                <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>

            <!-- Suitable For (English) -->
            <div>
                <label for="suitable_for_en" class="block text-sm font-semibold text-gray-700 mb-2">
                    Suitable For (English)
                </label>
                <textarea name="suitable_for_en" id="suitable_for_en" rows="3"
                    class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('suitable_for_en') border-red-500 @enderror"
                    placeholder="e.g., Arts / Design / Creative background students">{{ old('suitable_for_en') }}</textarea>
                @error('suitable_for_en')
                <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>

            <!-- Suitable For (Bangla) -->
            <div>
                <label for="suitable_for_bn" class="block text-sm font-semibold text-gray-700 mb-2">
                    Suitable For (Bangla)
                </label>
                <textarea name="suitable_for_bn" id="suitable_for_bn" rows="3"
                    class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('suitable_for_bn') border-red-500 @enderror">{{ old('suitable_for_bn') }}</textarea>
                @error('suitable_for_bn')
                <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>
        </div>

        <!-- Admission Requirements -->
        <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mt-6">
            <div>
                <label for="admission_requirements_en" class="block text-sm font-semibold text-gray-700 mb-2">
                    Admission Requirements (English)
                </label>
                <textarea name="admission_requirements_en" id="admission_requirements_en" rows="4"
                    class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('admission_requirements_en') border-red-500 @enderror"
                    placeholder="Required documents, qualifications, etc.">{{ old('admission_requirements_en') }}</textarea>
                @error('admission_requirements_en')
                <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>

            <div>
                <label for="admission_requirements_bn" class="block text-sm font-semibold text-gray-700 mb-2">
                    Admission Requirements (Bangla)
                </label>
                <textarea name="admission_requirements_bn" id="admission_requirements_bn" rows="4"
                    class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('admission_requirements_bn') border-red-500 @enderror">{{ old('admission_requirements_bn') }}</textarea>
                @error('admission_requirements_bn')
                <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>
        </div>
    </div>

    <!-- Description -->
    <div class="mb-8">
        <h3 class="text-lg font-semibold text-gray-800 mb-4 border-b pb-2">Description</h3>

        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
            <div>
                <label for="description_en" class="block text-sm font-semibold text-gray-700 mb-2">
                    Description (English)
                </label>
                <textarea name="description_en" id="description_en" rows="6"
                    class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('description_en') border-red-500 @enderror"
                    placeholder="Detailed university description">{{ old('description_en') }}</textarea>
                @error('description_en')
                <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>

            <div>
                <label for="description_bn" class="block text-sm font-semibold text-gray-700 mb-2">
                    Description (Bangla)
                </label>
                <textarea name="description_bn" id="description_bn" rows="6"
                    class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('description_bn') border-red-500 @enderror">{{ old('description_bn') }}</textarea>
                @error('description_bn')
                <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>
        </div>
    </div>

    <!-- Contact Information -->
    <div class="mb-8">
        <h3 class="text-lg font-semibold text-gray-800 mb-4 border-b pb-2">Contact Information</h3>

        <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
            <div>
                <label for="website" class="block text-sm font-semibold text-gray-700 mb-2">
                    Website URL
                </label>
                <input type="url" name="website" id="website" value="{{ old('website') }}"
                    class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('website') border-red-500 @enderror"
                    placeholder="https://university.edu">
                @error('website')
                <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>

            <div>
                <label for="email" class="block text-sm font-semibold text-gray-700 mb-2">
                    Email Address
                </label>
                <input type="email" name="email" id="email" value="{{ old('email') }}"
                    class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('email') border-red-500 @enderror"
                    placeholder="admissions@university.edu">
                @error('email')
                <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>

            <div>
                <label for="phone" class="block text-sm font-semibold text-gray-700 mb-2">
                    Phone Number
                </label>
                <input type="text" name="phone" id="phone" value="{{ old('phone') }}"
                    class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('phone') border-red-500 @enderror"
                    placeholder="+82 10 1234 5678">
                @error('phone')
                <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>
        </div>
    </div>

    <!-- Images -->
    <div class="mb-8">
        <h3 class="text-lg font-semibold text-gray-800 mb-4 border-b pb-2">Images</h3>

        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
            <div>
                <label for="logo" class="block text-sm font-semibold text-gray-700 mb-2">
                    University Logo
                </label>
                <input type="file" name="logo" id="logo" accept="image/*"
                    class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('logo') border-red-500 @enderror">
                @error('logo')
                <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
                <p class="text-sm text-gray-500 mt-1">Max size: 2MB. Formats: JPG, PNG, WEBP</p>
            </div>

            <div>
                <label for="image" class="block text-sm font-semibold text-gray-700 mb-2">
                    University Image / Banner
                </label>
                <input type="file" name="image" id="image" accept="image/*"
                    class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('image') border-red-500 @enderror">
                @error('image')
                <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
                <p class="text-sm text-gray-500 mt-1">Max size: 2MB. Formats: JPG, PNG, WEBP</p>
            </div>
        </div>
    </div>

    <!-- Display Settings -->
    <div class="mb-8">
        <h3 class="text-lg font-semibold text-gray-800 mb-4 border-b pb-2">Display Settings</h3>

        <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
            <div>
                <label for="order" class="block text-sm font-semibold text-gray-700 mb-2">
                    Display Order
                </label>
                <input type="number" name="order" id="order" value="{{ old('order', 0) }}" min="0"
                    class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('order') border-red-500 @enderror">
                @error('order')
                <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>

            <div class="flex items-center">
                <input type="checkbox" name="is_featured" id="is_featured" value="1" {{ old('is_featured') ? 'checked'
                    : '' }} class="w-5 h-5 text-blue-600 border-gray-300 rounded focus:ring-blue-500">
                <label for="is_featured" class="ml-3 text-sm font-semibold text-gray-700">
                    Featured University
                </label>
            </div>

            <div class="flex items-center">
                <input type="checkbox" name="is_active" id="is_active" value="1" {{ old('is_active', true) ? 'checked'
                    : '' }} class="w-5 h-5 text-blue-600 border-gray-300 rounded focus:ring-blue-500">
                <label for="is_active" class="ml-3 text-sm font-semibold text-gray-700">
                    Active
                </label>
            </div>
        </div>
    </div>

    <!-- Submit Buttons -->
    <div class="flex items-center justify-end space-x-4 pt-6 border-t">
        <a href="{{ route('admin.universities.index') }}"
            class="px-6 py-2 border border-gray-300 rounded-lg text-gray-700 hover:bg-gray-50">
            Cancel
        </a>
        <button type="submit" class="px-6 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-lg font-semibold">
            <i class="fas fa-save mr-2"></i>Create University
        </button>
    </div>
</form>
@endsection