@extends('layouts.auth.app')

@section('title', 'Add Corporate Taxpayer')

@section('content')
<div class="max-w-5xl mx-auto">
    <div class="bg-white rounded-2xl shadow-sm border border-gray-100 overflow-hidden">
        <div class="px-6 py-4 border-b border-gray-200 flex items-center justify-between">
            <h3 class="text-lg font-semibold text-gray-900">Add Corporate Taxpayer</h3>
            <a href="{{ route('capture.corporate.list') }}" class="text-gray-500 hover:text-gray-700">Back to List</a>
        </div>

        <form method="POST" action="{{ route('capture.corporate.add.post') }}" class="p-6 space-y-6">
            @csrf
            <input type="hidden" name="TaxPayerTypeID" value="2" />

            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                <div>
                    <label class="block text-sm font-medium text-gray-700">Company Name</label>
                    <input type="text" name="CompanyName" value="{{ old('CompanyName', $companyViewModel->CompanyName ?? '') }}" class="mt-1 w-full border-gray-300 rounded-lg" required>
                    @error('CompanyName') <p class="text-sm text-red-600 mt-1">{{ $message }}</p> @enderror
                </div>

                <div>
                    <label class="block text-sm font-medium text-gray-700">CAC Registration Number</label>
                    <div class="flex gap-2">
                        <input type="text" name="CACRegistrationNumber" value="{{ old('CACRegistrationNumber', $companyViewModel->CACRegistrationNumber ?? '') }}" class="mt-1 w-full border-gray-300 rounded-lg" required>
                        <button type="button" id="btnValidateCAC" class="mt-1 px-3 py-2 bg-teal-600 text-white rounded-lg">Validate</button>
                    </div>
                    @error('CACRegistrationNumber') <p class="text-sm text-red-600 mt-1">{{ $message }}</p> @enderror
                    @isset($cacStatus)
                        <p class="text-sm mt-1 {{ $cacStatus === 'Valid' ? 'text-green-600' : 'text-yellow-600' }}">Status: {{ $cacStatus }}</p>
                    @endisset
                </div>

                <div>
                    <label class="block text-sm font-medium text-gray-700">TIN</label>
                    <input type="text" name="TIN" value="{{ old('TIN', $companyViewModel->TIN ?? '') }}" class="mt-1 w-full border-gray-300 rounded-lg">
                    @error('TIN') <p class="text-sm text-red-600 mt-1">{{ $message }}</p> @enderror
                </div>

                <div>
                    <label class="block text-sm font-medium text-gray-700">Tax Office</label>
                    <select name="TaxOfficeID" class="mt-1 w-full border-gray-300 rounded-lg" required>
                        <option value="">Select Tax Office</option>
                        @foreach(($taxOffices ?? []) as $o)
                            <option value="{{ $o->TaxOfficeID }}" {{ old('TaxOfficeID', $companyViewModel->TaxOfficeID ?? '') == $o->TaxOfficeID ? 'selected' : '' }}>{{ $o->TaxOfficeName }}</option>
                        @endforeach
                    </select>
                    @error('TaxOfficeID') <p class="text-sm text-red-600 mt-1">{{ $message }}</p> @enderror
                </div>

                <div>
                    <label class="block text-sm font-medium text-gray-700">Economic Activity</label>
                    <select name="EconomicActivitiesID" class="mt-1 w-full border-gray-300 rounded-lg">
                        <option value="">Select Economic Activity</option>
                        @foreach(($economicActivities ?? []) as $e)
                            <option value="{{ $e->EconomicActivitiesID }}" {{ old('EconomicActivitiesID', $companyViewModel->EconomicActivitiesID ?? '') == $e->EconomicActivitiesID ? 'selected' : '' }}>{{ $e->EconomicActivitiesName }}</option>
                        @endforeach
                    </select>
                </div>

                <div>
                    <label class="block text-sm font-medium text-gray-700">Notification Method</label>
                    <select name="NotificationMethodID" class="mt-1 w-full border-gray-300 rounded-lg">
                        <option value="">Select Notification Method</option>
                        @foreach(($notificationMethods ?? []) as $n)
                            <option value="{{ $n->NotificationMethodID }}" {{ old('NotificationMethodID', $companyViewModel->NotificationMethodID ?? '') == $n->NotificationMethodID ? 'selected' : '' }}>{{ $n->NotificationMethodName }}</option>
                        @endforeach
                    </select>
                </div>

                <div>
                    <label class="block text-sm font-medium text-gray-700">Mobile Number 1</label>
                    <input type="text" name="MobileNumber1" value="{{ old('MobileNumber1', $companyViewModel->MobileNumber1 ?? '') }}" class="mt-1 w-full border-gray-300 rounded-lg">
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700">Mobile Number 2</label>
                    <input type="text" name="MobileNumber2" value="{{ old('MobileNumber2', $companyViewModel->MobileNumber2 ?? '') }}" class="mt-1 w-full border-gray-300 rounded-lg">
                </div>

                <div>
                    <label class="block text-sm font-medium text-gray-700">Email Address 1</label>
                    <input type="email" name="EmailAddress1" value="{{ old('EmailAddress1', $companyViewModel->EmailAddress1 ?? '') }}" class="mt-1 w-full border-gray-300 rounded-lg">
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700">Email Address 2</label>
                    <input type="email" name="EmailAddress2" value="{{ old('EmailAddress2', $companyViewModel->EmailAddress2 ?? '') }}" class="mt-1 w-full border-gray-300 rounded-lg">
                </div>

                <div class="md:col-span-2">
                    <label class="block text-sm font-medium text-gray-700">Contact Address</label>
                    <textarea name="ContactAddress" rows="3" class="mt-1 w-full border-gray-300 rounded-lg" required>{{ old('ContactAddress', $companyViewModel->ContactAddress ?? '') }}</textarea>
                </div>

                <div>
                    <label class="block text-sm font-medium text-gray-700">Website</label>
                    <input type="url" name="Website" value="{{ old('Website', $companyViewModel->Website ?? '') }}" class="mt-1 w-full border-gray-300 rounded-lg">
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700">Business Type</label>
                    <input type="text" name="BusinessType" value="{{ old('BusinessType', $companyViewModel->BusinessType ?? '') }}" class="mt-1 w-full border-gray-300 rounded-lg">
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700">Industry</label>
                    <input type="text" name="Industry" value="{{ old('Industry', $companyViewModel->Industry ?? '') }}" class="mt-1 w-full border-gray-300 rounded-lg">
                </div>
            </div>

            <div class="flex items-center justify-end gap-3">
                <a href="{{ route('capture.corporate.list') }}" class="px-4 py-2 border rounded-lg">Cancel</a>
                <button type="submit" class="px-4 py-2 bg-teal-600 text-white rounded-lg">Save Company</button>
            </div>
        </form>
    </div>
</div>
@endsection

@push('scripts')
<script>
// Validate CAC via AJAX
const btn = document.getElementById('btnValidateCAC');
if (btn) {
    btn.addEventListener('click', function() {
        const cac = document.querySelector('input[name="CACRegistrationNumber"]').value;
        if (!cac) return;
        fetch('{{ route('capture.corporate.validate-cac') }}', {
            method: 'POST',
            headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': '{{ csrf_token() }}' },
            body: JSON.stringify({ cac })
        }).then(r => r.json()).then(resp => {
            alert(resp.message || (resp.valid ? 'Valid CAC' : 'Invalid CAC'));
        }).catch(() => alert('Validation failed'));
    });
}
</script>
@endpush