@extends('layouts.app')

@section('title', 'Configure '.$company->name)

@section('content')
<div class="section-title">
    <div>
        <h1>{{ $company->name }}</h1>
        <p class="muted">Configure Bitrix24 + portal APIs, map fields, and copy cron URLs.</p>
    </div>
    <a class="btn secondary" href="{{ route('dashboard', ['company_id' => $company->id]) }}">View dashboard</a>
</div>

<div class="panel">
    <form method="POST" action="{{ route('companies.update', $company) }}">
        @csrf
        @method('PUT')
        <div class="grid grid-2">
            <div class="field">
                <label for="name">Company name</label>
                <input id="name" type="text" name="name" value="{{ old('name', $company->name) }}" required>
            </div>
            <div class="field">
                <label>Status</label>
                <label style="font-weight:600; color:var(--ink); margin-top:8px;">
                    <input type="checkbox" name="is_active" value="1" @checked(old('is_active', $company->is_active))> Active
                </label>
            </div>
        </div>
        <button class="btn secondary" type="submit">Save company</button>
    </form>
</div>

<div class="panel">
    <h2>Cron job links (run every 5 minutes)</h2>
    <p class="muted">These pull leads from the last 24 hours and skip already-pushed leads.</p>
    @foreach (['bayut' => 'Bayut', 'dubizzle' => 'Dubizzle', 'property_finder' => 'Property Finder'] as $portal => $label)
        <div style="margin-bottom:10px;">
            <strong>{{ $label }}</strong>
            <div class="code">{{ $company->cronUrl($portal) }}</div>
        </div>
    @endforeach
    <form method="POST" action="{{ route('companies.regenerate-token', $company) }}" style="margin-top:12px;" onsubmit="return confirm('Regenerate token? Existing cron URLs will stop working.')">
        @csrf
        <button class="btn secondary small" type="submit">Regenerate cron token</button>
    </form>
</div>

<div class="panel">
    <h2>Webhook URLs (Bayut / Dubizzle Push API)</h2>
    <p class="muted">Register these with Bayut/Dubizzle support. Signature header is verified when secret key is saved.</p>
    <div style="margin-bottom:10px;">
        <strong>Bayut</strong>
        <div class="code">{{ $company->webhookUrl('bayut') }}</div>
    </div>
    <div>
        <strong>Dubizzle</strong>
        <div class="code">{{ $company->webhookUrl('dubizzle') }}</div>
    </div>
</div>

{{-- Bitrix --}}
@php $bitrix = $integrations->get('bitrix'); $bitrixCreds = $bitrix?->credentials_array ?? []; @endphp
<div class="panel">
    <h2>Bitrix24 API</h2>
    <form method="POST" action="{{ route('integrations.update', [$company, 'bitrix']) }}">
        @csrf
        @method('PUT')
        <div class="field">
            <label for="webhook_url">Webhook URL (crm.lead.add)</label>
            <input id="webhook_url" type="url" name="webhook_url" value="{{ old('webhook_url', $bitrixCreds['webhook_url'] ?? '') }}" placeholder="https://crm.example.com/rest/1/xxxxx/crm.lead.add.json" required>
        </div>
        <div class="field">
            <label><input type="checkbox" name="is_enabled" value="1" @checked(old('is_enabled', $bitrix?->is_enabled))> Enabled</label>
        </div>
        <button class="btn" type="submit">Save Bitrix settings</button>
    </form>
</div>

{{-- Bayut --}}
@php $bayut = $integrations->get('bayut'); $bayutCreds = $bayut?->credentials_array ?? []; @endphp
<div class="panel">
    <h2>Bayut API</h2>
    <form method="POST" action="{{ route('integrations.update', [$company, 'bayut']) }}">
        @csrf
        @method('PUT')
        <div class="grid grid-2">
            <div class="field">
                <label>API Key (Bearer token)</label>
                <input type="text" name="api_key" value="{{ old('api_key', $bayutCreds['api_key'] ?? '') }}" required>
            </div>
            <div class="field">
                <label>Push secret key (for webhook signature)</label>
                <input type="text" name="secret_key" value="" placeholder="{{ empty($bayutCreds['secret_key']) ? 'Optional' : 'Leave blank to keep existing' }}">
            </div>
            <div class="field">
                <label>Pull API base URL</label>
                <input type="url" name="base_url" value="{{ old('base_url', $bayutCreds['base_url'] ?? config('portals.bayut.default_base_url')) }}">
            </div>
            <div class="field">
                <label>Lead types (comma separated)</label>
                <input type="text" name="lead_types" value="{{ old('lead_types', isset($bayutCreds['lead_types']) ? implode(',', $bayutCreds['lead_types']) : implode(',', config('portals.bayut.lead_types'))) }}">
            </div>
        </div>
        <div class="field">
            <label><input type="checkbox" name="is_enabled" value="1" @checked(old('is_enabled', $bayut?->is_enabled))> Enabled</label>
        </div>
        <button class="btn" type="submit">Save Bayut settings</button>
    </form>
</div>

{{-- Dubizzle --}}
@php $dubizzle = $integrations->get('dubizzle'); $dubizzleCreds = $dubizzle?->credentials_array ?? []; @endphp
<div class="panel">
    <h2>Dubizzle API</h2>
    <form method="POST" action="{{ route('integrations.update', [$company, 'dubizzle']) }}">
        @csrf
        @method('PUT')
        <div class="grid grid-2">
            <div class="field">
                <label>API Key (Bearer token)</label>
                <input type="text" name="api_key" value="{{ old('api_key', $dubizzleCreds['api_key'] ?? '') }}" required>
            </div>
            <div class="field">
                <label>Push secret key (for webhook signature)</label>
                <input type="text" name="secret_key" value="" placeholder="{{ empty($dubizzleCreds['secret_key']) ? 'Optional' : 'Leave blank to keep existing' }}">
            </div>
            <div class="field">
                <label>Pull API base URL</label>
                <input type="url" name="base_url" value="{{ old('base_url', $dubizzleCreds['base_url'] ?? config('portals.dubizzle.default_base_url')) }}">
            </div>
            <div class="field">
                <label>Lead types (comma separated)</label>
                <input type="text" name="lead_types" value="{{ old('lead_types', isset($dubizzleCreds['lead_types']) ? implode(',', $dubizzleCreds['lead_types']) : implode(',', config('portals.dubizzle.lead_types'))) }}">
            </div>
        </div>
        <div class="field">
            <label><input type="checkbox" name="is_enabled" value="1" @checked(old('is_enabled', $dubizzle?->is_enabled))> Enabled</label>
        </div>
        <button class="btn" type="submit">Save Dubizzle settings</button>
    </form>
</div>

{{-- Property Finder --}}
@php $pf = $integrations->get('property_finder'); $pfCreds = $pf?->credentials_array ?? []; @endphp
<div class="panel">
    <h2>Property Finder API</h2>
    <form method="POST" action="{{ route('integrations.update', [$company, 'property_finder']) }}">
        @csrf
        @method('PUT')
        <div class="grid grid-2">
            <div class="field">
                <label>API Key (40 chars)</label>
                <input type="text" name="api_key" value="{{ old('api_key', $pfCreds['api_key'] ?? '') }}" maxlength="40" required>
            </div>
            <div class="field">
                <label>API Secret (32 chars)</label>
                <input type="text" name="api_secret" value="{{ old('api_secret', $pfCreds['api_secret'] ?? '') }}" maxlength="32" required>
            </div>
        </div>
        <div class="field">
            <label><input type="checkbox" name="is_enabled" value="1" @checked(old('is_enabled', $pf?->is_enabled))> Enabled</label>
        </div>
        <button class="btn" type="submit">Save Property Finder settings</button>
    </form>
</div>

{{-- Field mappings --}}
@foreach (['bayut' => 'Bayut', 'dubizzle' => 'Dubizzle', 'property_finder' => 'Property Finder'] as $portal => $label)
    @php
        $portalMappings = ($mappings[$portal] ?? collect())->values();
        if ($portalMappings->isEmpty()) {
            $portalMappings = collect([['source_field' => '', 'bitrix_field' => '', 'static_value' => '']]);
        }
    @endphp
    <div class="panel mapping-panel" data-portal="{{ $portal }}">
        <div class="section-title">
            <h2>Field mapping — {{ $label }} → Bitrix24</h2>
            <button type="button" class="btn secondary small add-mapping" data-portal="{{ $portal }}">Add row</button>
        </div>
        <p class="muted">Choose which portal field maps to which Bitrix lead field. Use static value for fixed text (e.g. source name).</p>
        <form method="POST" action="{{ route('mappings.update', [$company, $portal]) }}">
            @csrf
            @method('PUT')
            <div class="mapping-rows" id="mapping-rows-{{ $portal }}">
                @foreach ($portalMappings as $index => $mapping)
                    <div class="mapping-row">
                        <div class="field" style="margin:0;">
                            <label>Portal field</label>
                            <select name="mappings[{{ $index }}][source_field]" required>
                                <option value="">Select field</option>
                                @foreach ($sourceFields[$portal] as $key => $name)
                                    <option value="{{ $key }}" @selected(($mapping['source_field'] ?? $mapping->source_field ?? '') === $key)>{{ $name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="field" style="margin:0;">
                            <label>Bitrix field</label>
                            <select name="mappings[{{ $index }}][bitrix_field]" required>
                                <option value="">Select field</option>
                                @foreach ($bitrixFields as $key => $name)
                                    <option value="{{ $key }}" @selected(($mapping['bitrix_field'] ?? $mapping->bitrix_field ?? '') === $key)>{{ $name }} ({{ $key }})</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="field" style="margin:0;">
                            <label>Static value (optional)</label>
                            <input type="text" name="mappings[{{ $index }}][static_value]" value="{{ $mapping['static_value'] ?? $mapping->static_value ?? '' }}" placeholder="Fixed value">
                        </div>
                        <button type="button" class="btn danger small remove-mapping">Remove</button>
                    </div>
                @endforeach
            </div>
            <button class="btn" type="submit" style="margin-top:10px;">Save {{ $label }} mappings</button>
        </form>
    </div>
@endforeach

<div class="panel">
    <form method="POST" action="{{ route('companies.destroy', $company) }}" onsubmit="return confirm('Delete this company and all its data?')">
        @csrf
        @method('DELETE')
        <button class="btn danger" type="submit">Delete company</button>
    </form>
</div>

@push('scripts')
<script>
const sourceFields = @json($sourceFields);
const bitrixFields = @json($bitrixFields);

document.querySelectorAll('.add-mapping').forEach(btn => {
    btn.addEventListener('click', () => {
        const portal = btn.dataset.portal;
        const container = document.getElementById('mapping-rows-' + portal);
        const index = container.querySelectorAll('.mapping-row').length;

        let sourceOptions = '<option value="">Select field</option>';
        Object.entries(sourceFields[portal] || {}).forEach(([key, name]) => {
            sourceOptions += `<option value="${key}">${name}</option>`;
        });

        let bitrixOptions = '<option value="">Select field</option>';
        Object.entries(bitrixFields || {}).forEach(([key, name]) => {
            bitrixOptions += `<option value="${key}">${name} (${key})</option>`;
        });

        const row = document.createElement('div');
        row.className = 'mapping-row';
        row.innerHTML = `
            <div class="field" style="margin:0;">
                <label>Portal field</label>
                <select name="mappings[${index}][source_field]" required>${sourceOptions}</select>
            </div>
            <div class="field" style="margin:0;">
                <label>Bitrix field</label>
                <select name="mappings[${index}][bitrix_field]" required>${bitrixOptions}</select>
            </div>
            <div class="field" style="margin:0;">
                <label>Static value (optional)</label>
                <input type="text" name="mappings[${index}][static_value]" placeholder="Fixed value">
            </div>
            <button type="button" class="btn danger small remove-mapping">Remove</button>
        `;
        container.appendChild(row);
    });
});

document.addEventListener('click', (e) => {
    if (e.target.classList.contains('remove-mapping')) {
        const container = e.target.closest('.mapping-rows');
        if (container.querySelectorAll('.mapping-row').length > 1) {
            e.target.closest('.mapping-row').remove();
        }
    }
});
</script>
@endpush
@endsection