@extends('layouts.dashboard')

@section('title', __('messages.edit') . ' ' . __('messages.tenants'))
@section('header', __('messages.edit') . ' ' . __('messages.tenants'))

@section('sidebar')
<a href="{{ route('company.dashboard') }}" class="block px-3 py-2 rounded-md hover:bg-gray-700">
    {{ __('messages.dashboard') }}
</a>
<a href="{{ route('company.properties.index') }}" class="block px-3 py-2 rounded-md hover:bg-gray-700">
    {{ __('messages.properties') }}
</a>
<a href="{{ route('company.tenants.index') }}" class="block px-3 py-2 rounded-md bg-gray-700 text-white">
    {{ __('messages.tenants') }}
</a>
<a href="{{ route('company.leases.index') }}" class="block px-3 py-2 rounded-md hover:bg-gray-700">
    {{ __('messages.leases') }}
</a>
<a href="{{ route('company.payments.index') }}" class="block px-3 py-2 rounded-md hover:bg-gray-700">
    {{ __('messages.payments') }}
</a>
<a href="{{ route('company.users.index') }}" class="block px-3 py-2 rounded-md hover:bg-gray-700">
    {{ __('messages.users') }}
</a>
<a href="{{ route('company.settings') }}" class="block px-3 py-2 rounded-md hover:bg-gray-700">
    {{ __('messages.settings') }}
</a>
@endsection

@section('content')
<div class="bg-white rounded-lg shadow p-6">
    <form action="{{ route('company.tenants.update', $tenant) }}" method="POST">
        @csrf
        @method('PUT')
        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
            <div>
                <label for="first_name" class="block text-sm font-medium text-gray-700">{{ __('messages.first_name') }} *</label>
                <input type="text" name="first_name" id="first_name" required value="{{ old('first_name', $tenant->first_name) }}" 
                    class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500">
                @error('first_name')
                    <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                @enderror
            </div>

            <div>
                <label for="last_name" class="block text-sm font-medium text-gray-700">{{ __('messages.last_name') }} *</label>
                <input type="text" name="last_name" id="last_name" required value="{{ old('last_name', $tenant->last_name) }}" 
                    class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500">
                @error('last_name')
                    <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                @enderror
            </div>

            <div>
                <label for="email" class="block text-sm font-medium text-gray-700">{{ __('messages.email') }}</label>
                <input type="email" name="email" id="email" value="{{ old('email', $tenant->email) }}" 
                    class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500">
                @error('email')
                    <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                @enderror
            </div>

            <div>
                <label for="phone" class="block text-sm font-medium text-gray-700">{{ __('messages.phone') }} *</label>
                <input type="text" name="phone" id="phone" required value="{{ old('phone', $tenant->phone) }}" 
                    class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500">
                @error('phone')
                    <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                @enderror
            </div>

            <div>
                <label for="id_number" class="block text-sm font-medium text-gray-700">ID Number</label>
                <input type="text" name="id_number" id="id_number" value="{{ old('id_number', $tenant->id_number) }}" 
                    class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500">
                @error('id_number')
                    <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                @enderror
            </div>

            <div class="md:col-span-2">
                <label for="address" class="block text-sm font-medium text-gray-700">{{ __('messages.address') }}</label>
                <textarea name="address" id="address" rows="2" 
                    class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500">{{ old('address', $tenant->address) }}</textarea>
                @error('address')
                    <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                @enderror
            </div>

            <div>
                <label for="emergency_contact_name" class="block text-sm font-medium text-gray-700">Emergency Contact Name</label>
                <input type="text" name="emergency_contact_name" id="emergency_contact_name" value="{{ old('emergency_contact_name', $tenant->emergency_contact_name) }}" 
                    class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500">
                @error('emergency_contact_name')
                    <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                @enderror
            </div>

            <div>
                <label for="emergency_contact_phone" class="block text-sm font-medium text-gray-700">Emergency Contact Phone</label>
                <input type="text" name="emergency_contact_phone" id="emergency_contact_phone" value="{{ old('emergency_contact_phone', $tenant->emergency_contact_phone) }}" 
                    class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500">
                @error('emergency_contact_phone')
                    <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                @enderror
            </div>

            <div class="md:col-span-2">
                <label for="notes" class="block text-sm font-medium text-gray-700">Notes</label>
                <textarea name="notes" id="notes" rows="3" 
                    class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500">{{ old('notes', $tenant->notes) }}</textarea>
                @error('notes')
                    <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                @enderror
            </div>
        </div>

        <div class="mt-6 flex justify-end space-x-3">
            <a href="{{ route('company.tenants.index') }}" class="bg-gray-300 text-gray-700 px-4 py-2 rounded-md hover:bg-gray-400">
                {{ __('messages.cancel') }}
            </a>
            <button type="submit" class="bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700">
                {{ __('messages.save') }}
            </button>
        </div>
    </form>
</div>
@endsection