@extends('layouts.admin')

@section('title', 'Admin - Edit Vendor')

@section('content')
<div class="container mx-auto px-4 py-8">
    <h1 class="text-4xl font-extrabold text-orange-500 mb-10 drop-shadow-lg tracking-wide text-center uppercase w-full">
        {{ __('admin.edit_vendor') }}: {{ $vendor->name }}
    </h1>

    <div class="max-w-2xl bg-white shadow-md rounded-lg p-8">
        <form action="{{ route('admin.vendors.update', $vendor) }}" method="POST" enctype="multipart/form-data">
            @csrf
            @method('PUT')
            <div class="mb-6">
                <label class="block text-sm font-medium text-gray-700 mb-1">{{ __('admin.vendor_name') }}</label>
                <input type="text" id="name" name="name" value="{{ old('name', $vendor->name) }}" class="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500" required placeholder="{{ __('admin.vendor_name') }}">
                @error('name')
                    <p class="text-red-500 text-xs mt-1">{{ $message }}</p>
                @enderror
            </div>
            <div class="mb-6">
                <label for="description" class="block text-sm font-medium text-gray-700 mb-1">{{ __('admin.description') }}</label>
                <textarea id="description" name="description" rows="4" class="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500">{{ old('description', $vendor->description) }}</textarea>
                @error('description')
                    <p class="text-red-500 text-xs mt-1">{{ $message }}</p>
                @enderror
            </div>
            <div class="mb-6">
                <label for="logo" class="block text-sm font-medium text-gray-700 mb-1">{{ __('admin.logo') }}</label>
                <div class="relative">
                    <input type="file" id="logo" name="logo" class="hidden" onchange="document.getElementById('logo-filename').textContent = this.files[0] ? this.files[0].name : '{{ __('admin.no_file_chosen') }}';">
                    <label for="logo" class="inline-block cursor-pointer bg-orange-500 hover:bg-orange-600 text-white font-semibold py-2 px-4 rounded-md shadow-sm mr-2">{{ __('admin.choose_file') }}</label>
                    <span id="logo-filename" class="text-gray-500 align-middle">{{ __('admin.no_file_chosen') }}</span>
                </div>
                @error('logo')
                    <p class="text-red-500 text-xs mt-1">{{ $message }}</p>
                @enderror
                @if($vendor->logo)
                    <div class="mt-4">
                        <p class="text-sm text-gray-500 mb-2">{{ __('admin.current_logo') }}</p>
                        <img src="{{ asset('storage/' . $vendor->logo) }}" alt="Current Logo" class="h-12 w-24 object-contain">
                        <div class="mt-2">
                            <label class="inline-flex items-center">
                                <input type="checkbox" name="remove_logo" value="1" class="form-checkbox">
                                <span class="ml-2 text-sm text-gray-600">{{ __('admin.remove_logo') }}</span>
                            </label>
                        </div>
                    </div>
                @endif
            </div>
            <div class="flex justify-end">
                <a href="{{ route('admin.vendors.index') }}" class="bg-gray-200 hover:bg-gray-300 text-black font-bold py-2 px-4 rounded-md shadow-sm mr-2">
                    {{ __('admin.cancel') }}
                </a>
                <button type="submit" class="bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded-md shadow-sm">
                    {{ __('admin.update_vendor') }}
                </button>
            </div>
        </form>
    </div>
</div>
@endsection