@extends('layouts.admin')

@section('title', 'Edit Destination')
@section('page-title', 'Edit Destination')

@section('content')

<div class="mb-4">
    <a href="{{ route('admin.destinations.index') }}" class="text-blue-600 hover:text-blue-800">
        <i class="fas fa-arrow-left mr-2"></i> Back to Destinations
    </a>
</div>

<div class="bg-white rounded-lg shadow-sm p-6">
    <form action="{{ route('admin.destinations.update', $destination) }}" method="POST" enctype="multipart/form-data">
        @csrf
        @method('PUT')

        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
            <!-- Country Name English -->
            <div>
                <label for="country_name_en" class="block text-sm font-medium text-gray-700 mb-2">
                    Country Name (English) <span class="text-red-500">*</span>
                </label>
                <input type="text" name="country_name_en" id="country_name_en"
                    value="{{ old('country_name_en', $destination->country_name_en) }}"
                    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_name_en') border-red-500 @enderror"
                    required>
                @error('country_name_en')
                <p class="mt-1 text-sm text-red-500">{{ $message }}</p>
                @enderror
            </div>

            <!-- Country Name Bengali -->
            <div>
                <label for="country_name_bn" class="block text-sm font-medium text-gray-700 mb-2">Country Name
                    (Bengali)</label>
                <input type="text" name="country_name_bn" id="country_name_bn"
                    value="{{ old('country_name_bn', $destination->country_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('country_name_bn') border-red-500 @enderror">
                @error('country_name_bn')
                <p class="mt-1 text-sm text-red-500">{{ $message }}</p>
                @enderror
            </div>

            <!-- Flag Emoji -->
            <div>
                <label for="flag_emoji" class="block text-sm font-medium text-gray-700 mb-2">Flag Emoji</label>
                <input type="text" name="flag_emoji" id="flag_emoji"
                    value="{{ old('flag_emoji', $destination->flag_emoji) }}"
                    class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('flag_emoji') border-red-500 @enderror"
                    placeholder="🇺🇸">
                @error('flag_emoji')
                <p class="mt-1 text-sm text-red-500">{{ $message }}</p>
                @enderror
            </div>

            <!-- Visa Processing Time -->
            <div>
                <label for="visa_processing_time" class="block text-sm font-medium text-gray-700 mb-2">Visa Processing
                    Time</label>
                <input type="text" name="visa_processing_time" id="visa_processing_time"
                    value="{{ old('visa_processing_time', $destination->visa_processing_time) }}"
                    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_processing_time') border-red-500 @enderror"
                    placeholder="3-4 weeks">
                @error('visa_processing_time')
                <p class="mt-1 text-sm text-red-500">{{ $message }}</p>
                @enderror
            </div>

            <!-- Order -->
            <div>
                <label for="order" class="block text-sm font-medium text-gray-700 mb-2">Display Order</label>
                <input type="number" name="order" id="order" value="{{ old('order', $destination->order) }}"
                    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="mt-1 text-sm text-red-500">{{ $message }}</p>
                @enderror
            </div>
        </div>

        <!-- Description English -->
        <div class="mt-6">
            <label for="description_en" class="block text-sm font-medium text-gray-700 mb-2">
                Description (English) <span class="text-red-500">*</span>
            </label>
            <textarea name="description_en" id="description_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('description_en') border-red-500 @enderror"
                required>{{ old('description_en', $destination->description_en) }}</textarea>
            @error('description_en')
            <p class="mt-1 text-sm text-red-500">{{ $message }}</p>
            @enderror
        </div>

        <!-- Description Bengali -->
        <div class="mt-6">
            <label for="description_bn" class="block text-sm font-medium text-gray-700 mb-2">Description
                (Bengali)</label>
            <textarea name="description_bn" id="description_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('description_bn') border-red-500 @enderror">{{ old('description_bn', $destination->description_bn) }}</textarea>
            @error('description_bn')
            <p class="mt-1 text-sm text-red-500">{{ $message }}</p>
            @enderror
        </div>

        <!-- Why Study English -->
        <div class="mt-6">
            <label for="why_study_en" class="block text-sm font-medium text-gray-700 mb-2">Why Study Here
                (English)</label>
            <textarea name="why_study_en" id="why_study_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('why_study_en') border-red-500 @enderror">{{ old('why_study_en', $destination->why_study_en) }}</textarea>
            @error('why_study_en')
            <p class="mt-1 text-sm text-red-500">{{ $message }}</p>
            @enderror
        </div>

        <!-- Why Study Bengali -->
        <div class="mt-6">
            <label for="why_study_bn" class="block text-sm font-medium text-gray-700 mb-2">Why Study Here
                (Bengali)</label>
            <textarea name="why_study_bn" id="why_study_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('why_study_bn') border-red-500 @enderror">{{ old('why_study_bn', $destination->why_study_bn) }}</textarea>
            @error('why_study_bn')
            <p class="mt-1 text-sm text-red-500">{{ $message }}</p>
            @enderror
        </div>

        <!-- Requirements English -->
        <div class="mt-6">
            <label for="requirements_en" class="block text-sm font-medium text-gray-700 mb-2">Requirements
                (English)</label>
            <textarea name="requirements_en" id="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('requirements_en') border-red-500 @enderror">{{ old('requirements_en', $destination->requirements_en) }}</textarea>
            @error('requirements_en')
            <p class="mt-1 text-sm text-red-500">{{ $message }}</p>
            @enderror
        </div>

        <!-- Requirements Bengali -->
        <div class="mt-6">
            <label for="requirements_bn" class="block text-sm font-medium text-gray-700 mb-2">Requirements
                (Bengali)</label>
            <textarea name="requirements_bn" id="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('requirements_bn') border-red-500 @enderror">{{ old('requirements_bn', $destination->requirements_bn) }}</textarea>
            @error('requirements_bn')
            <p class="mt-1 text-sm text-red-500">{{ $message }}</p>
            @enderror
        </div>

        <!-- Popular Courses -->
        <div class="mt-6">
            <label for="popular_courses" class="block text-sm font-medium text-gray-700 mb-2">Popular Courses
                (comma-separated)</label>
            <textarea name="popular_courses" id="popular_courses" 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('popular_courses') border-red-500 @enderror"
                placeholder="Engineering, Business, Medicine, Computer Science">{{ old('popular_courses', $destination->popular_courses) }}</textarea>
            @error('popular_courses')
            <p class="mt-1 text-sm text-red-500">{{ $message }}</p>
            @enderror
        </div>

        <!-- Current Image -->
        @if($destination->image)
        <div class="mt-6">
            <label class="block text-sm font-medium text-gray-700 mb-2">Current Image</label>
            <img src="{{ Storage::url($destination->image) }}" alt="{{ $destination->country_name_en }}"
                class="w-48 h-32 object-cover rounded-lg">
        </div>
        @endif

        <!-- Image Upload -->
        <div class="mt-6">
            <label for="image" class="block text-sm font-medium text-gray-700 mb-2">
                {{ $destination->image ? 'Change Image' : 'Country Image' }}
            </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">
            <p class="mt-1 text-sm text-gray-500">Accepted formats: JPEG, PNG, JPG, WEBP. Max size: 2MB</p>
            @error('image')
            <p class="mt-1 text-sm text-red-500">{{ $message }}</p>
            @enderror
        </div>

        <!-- Checkboxes -->
        <div class="mt-6 flex items-center space-x-6">
            <label class="flex items-center">
                <input type="checkbox" name="is_featured" value="1" {{ old('is_featured', $destination->is_featured) ?
                'checked' : '' }}
                class="w-4 h-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500">
                <span class="ml-2 text-sm text-gray-700">Featured</span>
            </label>

            <label class="flex items-center">
                <input type="checkbox" name="is_active" value="1" {{ old('is_active', $destination->is_active) ?
                'checked' : '' }}
                class="w-4 h-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500">
                <span class="ml-2 text-sm text-gray-700">Active</span>
            </label>
        </div>

        <!-- Submit Buttons -->
        <div class="mt-8 flex justify-end space-x-3">
            <a href="{{ route('admin.destinations.index') }}"
                class="px-6 py-2 border border-gray-300 rounded-lg text-gray-700 hover:bg-gray-50 transition">
                Cancel
            </a>
            <button type="submit" class="px-6 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition">
                <i class="fas fa-save mr-2"></i> Update Destination
            </button>
        </div>
    </form>
</div>

@endsection