@extends('layouts.app')
@section('title', 'CRM settings')
@section('heading', 'CRM settings')

@section('content')
<div class="space-y-6">

<section class="rounded-lg border border-line bg-panel p-4" aria-labelledby="hrs-h">
    <h2 id="hrs-h" class="text-sm font-semibold">Business hours <span class="font-normal text-muted">({{ $branchId ? 'this branch' : 'company-wide' }})</span></h2>
    <p class="mt-1 text-sm text-muted">Response deadlines only count time inside these hours, so an enquiry at 9pm is not late at 9:15pm.</p>
    <form method="POST" action="{{ route('crm.settings.hours') }}" class="mt-3 grid gap-3 sm:grid-cols-4">@csrf @method('PUT')
        <div><label for="h_s" class="mb-1 block text-xs font-medium">Opens</label><input id="h_s" type="time" name="start" value="{{ $hours['start'] }}" class="field" required></div>
        <div><label for="h_e" class="mb-1 block text-xs font-medium">Closes</label><input id="h_e" type="time" name="end" value="{{ $hours['end'] }}" class="field" required></div>
        <fieldset class="sm:col-span-2"><legend class="mb-1 text-xs font-medium">Open on</legend>
            <div class="flex flex-wrap gap-3 text-sm">@foreach ([1 => 'Mon', 2 => 'Tue', 3 => 'Wed', 4 => 'Thu', 5 => 'Fri', 6 => 'Sat', 7 => 'Sun'] as $n => $l)<label class="flex items-center gap-1"><input type="checkbox" name="days[]" value="{{ $n }}" @checked(in_array($n, $hours['days'])) class="rounded border-line">{{ $l }}</label>@endforeach</div></fieldset>
        <div class="sm:col-span-4"><button class="btn-primary">Save hours</button></div>
    </form>
</section>

<section class="rounded-lg border border-line bg-panel p-4" aria-labelledby="sla-h">
    <h2 id="sla-h" class="text-sm font-semibold">Response targets</h2>
    <p class="mt-1 text-sm text-muted">How long a new lead may wait for a first reply. The most specific target applies (branch and source, then branch, then source, then the default). Walk-ins and phone calls taken by staff have no deadline.</p>
    <table class="mt-3 min-w-full text-left text-sm"><caption class="sr-only">Response targets</caption>
        <thead class="border-b border-line text-xs text-muted"><tr><th scope="col" class="py-2 pr-3 font-medium">Applies to</th><th scope="col" class="py-2 pr-3 font-medium">First reply within</th><th scope="col" class="py-2 pr-3 font-medium">Tell manager after</th><th scope="col" class="py-2"><span class="sr-only">Actions</span></th></tr></thead>
        <tbody class="divide-y divide-line">
        @foreach ($policies as $p)<tr><td class="py-2 pr-3">{{ $p->branch?->name ?? 'All branches' }} · {{ $p->source ? (config('crm.sources')[$p->source] ?? $p->source) : 'any source' }}</td><td class="py-2 pr-3">{{ $p->first_response_minutes }} business min</td><td class="py-2 pr-3">+{{ $p->escalate_after_minutes }} min</td>
            <td class="py-2 text-right"><form method="POST" action="{{ route('crm.settings.policies.destroy', $p) }}">@csrf @method('DELETE')<button class="text-xs text-stop underline">Remove</button></form></td></tr>@endforeach
        </tbody></table>
    <form method="POST" action="{{ route('crm.settings.policies.store') }}" class="mt-3 grid gap-3 border-t border-line pt-3 sm:grid-cols-5">@csrf
        <div><label for="p_b" class="mb-1 block text-xs font-medium">Branch</label><select id="p_b" name="branch_id" class="field"><option value="">All</option>@foreach ($branches as $b)<option value="{{ $b->id }}">{{ $b->name }}</option>@endforeach</select></div>
        <div><label for="p_s" class="mb-1 block text-xs font-medium">Source</label><select id="p_s" name="source" class="field"><option value="">Any</option>@foreach (config('crm.sources') as $k => $l)<option value="{{ $k }}">{{ $l }}</option>@endforeach</select></div>
        <div><label for="p_m" class="mb-1 block text-xs font-medium">Reply within (min)</label><input id="p_m" name="first_response_minutes" type="number" min="1" value="15" required class="field"></div>
        <div><label for="p_e" class="mb-1 block text-xs font-medium">Escalate after (min)</label><input id="p_e" name="escalate_after_minutes" type="number" min="1" value="30" required class="field"></div>
        <div class="flex items-end"><button class="btn-primary">Save target</button></div>
    </form>
</section>

<section class="rounded-lg border border-line bg-panel p-4" aria-labelledby="rule-h">
    <h2 id="rule-h" class="text-sm font-semibold">Assignment rules</h2>
    <p class="mt-1 text-sm text-muted">A new lead goes to the first matching rule, lowest priority number first. If no rule gives anyone, the salesperson with the fewest open leads gets it. If nobody is available, managers are told.</p>
    <table class="mt-3 min-w-full text-left text-sm"><caption class="sr-only">Assignment rules</caption>
        <thead class="border-b border-line text-xs text-muted"><tr><th scope="col" class="py-2 pr-3 font-medium">Priority</th><th scope="col" class="py-2 pr-3 font-medium">Rule</th><th scope="col" class="py-2 pr-3 font-medium">When</th><th scope="col" class="py-2 pr-3 font-medium">Then</th><th scope="col" class="py-2"><span class="sr-only">Actions</span></th></tr></thead>
        <tbody class="divide-y divide-line">
        @foreach ($rules as $r)<tr><td class="py-2 pr-3">{{ $r->priority }}</td><td class="py-2 pr-3 font-medium">{{ $r->name }}</td>
            <td class="py-2 pr-3">{{ $r->branch?->name ?? 'Any branch' }}, {{ $r->match_source ? (config('crm.sources')[$r->match_source] ?? $r->match_source) : 'any source' }}{{ $r->match_payment_intent ? ', paying by '.(config('crm.payment_intents')[$r->match_payment_intent] ?? '') : '' }}</td>
            <td class="py-2 pr-3">{{ ['round_robin' => 'Take turns', 'least_open' => 'Fewest open leads', 'specific' => 'Give to '.($r->assignUser?->name ?? 'someone')][$r->strategy] }}</td>
            <td class="py-2 text-right"><form method="POST" action="{{ route('crm.settings.rules.destroy', $r) }}">@csrf @method('DELETE')<button class="text-xs text-stop underline">Remove</button></form></td></tr>@endforeach
        </tbody></table>
    <form method="POST" action="{{ route('crm.settings.rules.store') }}" x-data="{ strat: 'round_robin' }" class="mt-3 grid gap-3 border-t border-line pt-3 sm:grid-cols-4">@csrf
        <div class="sm:col-span-2"><label for="r_n" class="mb-1 block text-xs font-medium">Name</label><input id="r_n" name="name" required maxlength="80" class="field"></div>
        <div><label for="r_p" class="mb-1 block text-xs font-medium">Priority (1 = first)</label><input id="r_p" name="priority" type="number" min="1" value="100" required class="field"></div>
        <div><label for="r_b" class="mb-1 block text-xs font-medium">Branch</label><select id="r_b" name="branch_id" class="field"><option value="">Any</option>@foreach ($branches as $b)<option value="{{ $b->id }}">{{ $b->name }}</option>@endforeach</select></div>
        <div><label for="r_s" class="mb-1 block text-xs font-medium">Source is</label><select id="r_s" name="match_source" class="field"><option value="">Any</option>@foreach (config('crm.sources') as $k => $l)<option value="{{ $k }}">{{ $l }}</option>@endforeach</select></div>
        <div><label for="r_pi" class="mb-1 block text-xs font-medium">Paying by</label><select id="r_pi" name="match_payment_intent" class="field"><option value="">Any</option>@foreach (config('crm.payment_intents') as $k => $l)<option value="{{ $k }}">{{ $l }}</option>@endforeach</select></div>
        <div><label for="r_st" class="mb-1 block text-xs font-medium">Then</label><select id="r_st" name="strategy" x-model="strat" class="field"><option value="round_robin">Take turns</option><option value="least_open">Fewest open leads</option><option value="specific">Give to one person</option></select></div>
        <div x-show="strat === 'specific'" x-cloak><label for="r_u" class="mb-1 block text-xs font-medium">Person</label><select id="r_u" name="assign_user_id" class="field"><option value="">Select</option>@foreach ($agents as $a)<option value="{{ $a->id }}">{{ $a->name }}</option>@endforeach</select></div>
        <div class="sm:col-span-4"><button class="btn-primary">Add rule</button></div>
    </form>
</section>

<section class="rounded-lg border border-line bg-panel p-4" aria-labelledby="ag-h">
    <h2 id="ag-h" class="text-sm font-semibold">Lead rotation</h2>
    <p class="mt-1 text-sm text-muted">Take someone out while they are on leave or in training. Their existing leads stay with them.</p>
    <ul class="mt-3 divide-y divide-line text-sm">
        @forelse ($agents as $a)
            <li class="flex items-center justify-between py-2"><span>{{ $a->name }} <span class="text-xs text-muted">{{ $a->branch?->name }}</span></span>
                <form method="POST" action="{{ route('crm.settings.agents.toggle', $a) }}">@csrf<button class="btn-quiet px-2 py-1 text-xs">{{ $a->accepts_leads ? 'In rotation: take out' : 'Out of rotation: put back' }}</button></form></li>
        @empty<li class="py-4 text-muted">No salespeople in this branch.</li>@endforelse
    </ul>
</section>
</div>
@endsection