@extends('layouts.dashboard')

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

@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 hover:bg-gray-700">
    {{ __('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 bg-gray-700 text-white">
    {{ __('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.payments.update', $payment) }}" method="POST">
        @csrf
        @method('PUT')
        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
            <div>
                <label for="lease_id" class="block text-sm font-medium text-gray-700">Lease (Optional)</label>
                <select name="lease_id" id="lease_id" 
                    class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500">
                    <option value="">Select lease (optional)</option>
                    @foreach($leases as $lease)
                    <option value="{{ $lease->id }}" {{ old('lease_id', $payment->lease_id) == $lease->id ? 'selected' : '' }}>
                        {{ $lease->lease_number }} - {{ $lease->property->title }} ({{ $lease->tenant->full_name }})
                    </option>
                    @endforeach
                </select>
                @error('lease_id')
                    <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                @enderror
            </div>

            <div>
                <label for="tenant_id" class="block text-sm font-medium text-gray-700">Tenant (Optional)</label>
                <select name="tenant_id" id="tenant_id" 
                    class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500">
                    <option value="">Select tenant (optional)</option>
                    @foreach($tenants as $tenant)
                    <option value="{{ $tenant->id }}" {{ old('tenant_id', $payment->tenant_id) == $tenant->id ? 'selected' : '' }}>
                        {{ $tenant->full_name }} - {{ $tenant->phone }}
                    </option>
                    @endforeach
                </select>
                @error('tenant_id')
                    <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                @enderror
            </div>

            <div>
                <label for="type" class="block text-sm font-medium text-gray-700">Type *</label>
                <select name="type" id="type" required 
                    class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500">
                    <option value="">Select type</option>
                    <option value="rent" {{ old('type', $payment->type) === 'rent' ? 'selected' : '' }}>Rent</option>
                    <option value="deposit" {{ old('type', $payment->type) === 'deposit' ? 'selected' : '' }}>Deposit</option>
                    <option value="subscription" {{ old('type', $payment->type) === 'subscription' ? 'selected' : '' }}>Subscription</option>
                    <option value="other" {{ old('type', $payment->type) === 'other' ? 'selected' : '' }}>Other</option>
                </select>
                @error('type')
                    <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                @enderror
            </div>

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

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

            <div>
                <label for="payment_method" class="block text-sm font-medium text-gray-700">Payment Method</label>
                <select name="payment_method" id="payment_method" 
                    class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500">
                    <option value="">Select method</option>
                    <option value="cash" {{ old('payment_method', $payment->payment_method) === 'cash' ? 'selected' : '' }}>Cash</option>
                    <option value="bank_transfer" {{ old('payment_method', $payment->payment_method) === 'bank_transfer' ? 'selected' : '' }}>Bank Transfer</option>
                    <option value="mobile_money" {{ old('payment_method', $payment->payment_method) === 'mobile_money' ? 'selected' : '' }}>Mobile Money</option>
                    <option value="card" {{ old('payment_method', $payment->payment_method) === 'card' ? 'selected' : '' }}>Card</option>
                </select>
                @error('payment_method')
                    <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                @enderror
            </div>

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

            <div>
                <label for="status" class="block text-sm font-medium text-gray-700">{{ __('messages.status') }} *</label>
                <select name="status" id="status" required 
                    class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500">
                    <option value="pending" {{ old('status', $payment->status) === 'pending' ? 'selected' : '' }}>Pending</option>
                    <option value="completed" {{ old('status', $payment->status) === 'completed' ? 'selected' : '' }}>Completed</option>
                    <option value="failed" {{ old('status', $payment->status) === 'failed' ? 'selected' : '' }}>Failed</option>
                    <option value="refunded" {{ old('status', $payment->status) === 'refunded' ? 'selected' : '' }}>Refunded</option>
                </select>
                @error('status')
                    <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', $payment->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.payments.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