@extends('layouts.app')

@section('title', 'IndiaMART Settings')

@section('content')
<section class="content-header">
    <h1>IndiaMART <small>CRM Push API settings</small></h1>
</section>

<section class="content">
    @component('components.widget', ['class' => 'box-primary', 'title' => 'Webhook Configuration'])
        {!! Form::open(['url' => action([\Modules\IndiaMart\Http\Controllers\SettingsController::class, 'update']), 'method' => 'post']) !!}
        <div class="row">
            <div class="col-md-12">
                <div class="form-group">
                    <label>Webhook Listener URL</label>
                    <div class="input-group">
                        <input type="text" id="indiamart_webhook_url" class="form-control" value="{{ $webhookUrl }}" readonly>
                        <span class="input-group-btn">
                            <button type="button" class="btn btn-primary" id="copy_indiamart_webhook">Copy URL</button>
                        </span>
                    </div>
                    <p class="help-block">
                        Paste this URL into IndiaMART Lead Manager → Import/Export Leads → Push API → Other.
                        IndiaMART requires a publicly accessible HTTPS URL; localhost cannot receive production leads.
                    </p>
                </div>
            </div>

            <div class="col-md-3">
                <div class="form-group">
                    <label>
                        {!! Form::checkbox('enabled', 1, (bool) $setting->enabled, ['class' => 'input-icheck']) !!}
                        Enable IndiaMART webhook
                    </label>
                </div>
            </div>

            <div class="col-md-3">
                <div class="form-group">
                    {!! Form::label('lead_created_by', 'Lead created by') !!}
                    {!! Form::select('lead_created_by', $users, $setting->lead_created_by, ['class' => 'form-control select2', 'placeholder' => 'Automatic']) !!}
                </div>
            </div>

            <div class="col-md-3">
                <div class="form-group">
                    {!! Form::label('assigned_to', 'Assign new leads to') !!}
                    {!! Form::select('assigned_to', $users, $setting->assigned_to, ['class' => 'form-control select2', 'placeholder' => 'Same as creator']) !!}
                </div>
            </div>

            <div class="col-md-3">
                <div class="form-group">
                    {!! Form::label('source_id', 'Lead source') !!}
                    {!! Form::select('source_id', $sources, $setting->source_id, ['class' => 'form-control select2', 'placeholder' => 'Create/use IndiaMART source']) !!}
                </div>
            </div>

            <div class="col-md-3">
                <div class="form-group">
                    {!! Form::label('life_stage_id', 'Initial life stage') !!}
                    {!! Form::select('life_stage_id', $lifeStages, $setting->life_stage_id, ['class' => 'form-control select2', 'placeholder' => 'None']) !!}
                </div>
            </div>

            <div class="col-md-12">
                <button type="submit" class="btn btn-primary pull-right">Save Settings</button>
            </div>
        </div>
        {!! Form::close() !!}
    @endcomponent

    @component('components.widget', ['class' => 'box-info', 'title' => 'Recent IndiaMART Leads'])
        <div class="table-responsive">
            <table class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th>Received</th>
                        <th>Unique Query ID</th>
                        <th>Type</th>
                        <th>CRM Lead ID</th>
                        <th>Details</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($recentReceipts as $receipt)
                        <tr>
                            <td>{{ $receipt->received_at }}</td>
                            <td>{{ $receipt->unique_query_id }}</td>
                            <td>{{ $receipt->query_type }}</td>
                            <td>{{ $receipt->contact_id }}</td>
                            <td>
                                @php($detail = $recentDetails->get($receipt->unique_query_id))
                                @if($detail)
                                    <a href="{{ route('indiamart.leads.show', $detail->id) }}" class="btn btn-xs btn-info">View imported data</a>
                                @else
                                    <span class="text-muted">Legacy record</span>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="5" class="text-center">No IndiaMART leads received yet.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    @endcomponent
</section>
@endsection

@section('javascript')
<script>
    $(document).on('click', '#copy_indiamart_webhook', function () {
        var field = document.getElementById('indiamart_webhook_url');
        field.select();
        field.setSelectionRange(0, 99999);
        navigator.clipboard.writeText(field.value);
        toastr.success('Webhook URL copied');
    });
</script>
@endsection