@extends('layout')

@section('content')
    @php
        $id = $client->id;
        $avatarUrl = uploaded_image_url($client->avatar_path);
    @endphp

    <div class="page-head page-head--rich">
        @include('partials.context-back')
        <div class="t">
            <div class="detail-hero">
                <div class="tags">
                    <span class="badge badge--{{ status_tone($client->status) }}">{{ label($client->status) }}</span>
                </div>
                <div class="detail-identity"><span class="entity-avatar entity-avatar--xl">@if ($avatarUrl !== null)<img src="{{ $avatarUrl }}" alt="">@else<i class="ic">person</i>@endif</span><h1>{{ $client->name }}</h1></div>
                @if ($client->company)<p class="lead">{{ $client->company }}</p>@endif
            </div>
        </div>
        <div class="actions">
            <a href="{{ url('clientes/'.$id.'/editar') }}" class="btn btn--ghost"><i class="ic">edit</i><span class="lbl">Editar</span></a>
        </div>
    </div>

    <div class="detail">
        <div class="stack">
            @include('emails._compose-and-history')

            <div class="card" x-data="{ add: false }">
                <div class="card-head">
                    <h2>Contatos</h2><span class="grow"></span>
                    <button class="btn btn--subtle btn--sm" @click="add = !add"><i class="ic sm">add</i> Adicionar</button>
                </div>
                <div class="card-body">
                    <div class="rows">
                        @foreach ($contacts as $ct)
                            <div class="item" id="contact-{{ $ct->id }}">
                                <span class="ico"><i class="ic sm">person</i></span>
                                <span class="tx">
                                    <p>{{ $ct->name }} @if ($ct->is_primary)<span class="badge badge--accent plain">principal</span>@endif</p>
                                    <span class="sub">{{ implode(' · ', array_filter([$ct->role, $ct->email, $ct->phone])) ?: '—' }}</span>
                                </span>
                                <button class="icon-btn" title="Remover"
                                        data-api-delete="/contatos/{{ $ct->id }}" data-confirm-click="Remover contato?" data-remove-target="contact-{{ $ct->id }}">
                                    <i class="ic sm">close</i>
                                </button>
                            </div>
                        @endforeach
                        @if ($contacts->isEmpty())<p class="muted small" style="padding:6px 4px" x-show="!add">Nenhum contato cadastrado.</p>@endif
                    </div>

                    <form method="post" action="{{ url('clientes/'.$id.'/contatos') }}" data-ajax data-reload="1" x-show="add" x-cloak style="margin-top:12px">
                        @csrf
                        <div class="form-grid">
                            <div class="field"><label>Nome</label><input name="name" required></div>
                            <div class="field"><label>Cargo</label><input name="role"></div>
                            <div class="field"><label>E-mail</label><input type="email" name="email"></div>
                            <div class="field"><label for="contact-phone">Telefone</label><input id="contact-phone" name="phone"
                                type="tel" inputmode="tel" autocomplete="tel" data-mask="phone"></div>
                        </div>
                        <label class="row" style="gap:8px;font-size:13px"><input type="checkbox" name="is_primary" value="1" style="width:auto"> Contato principal</label>
                        <div class="form-actions" style="margin-top:14px">
                            <button type="button" class="btn btn--ghost" @click="add = false">Cancelar</button>
                            <button type="submit" class="btn btn--primary">Adicionar contato</button>
                        </div>
                    </form>
                </div>
            </div>

            <div class="card" x-data="{ attach: false }">
                <div class="card-head"><h2>Soluções</h2><span class="grow"></span>
                    @if ($availableSystems->isNotEmpty())
                        <button class="btn btn--subtle btn--sm" type="button" @click="attach = !attach"><i class="ic sm">link</i> Atrelar existente</button>
                    @endif
                </div>
                <div class="card-body">
                    @if ($systems->isEmpty())
                        <div class="empty" style="padding:18px"><i class="ic">apps</i><p>Nenhuma solução vinculada.</p></div>
                    @else
                        <div class="rows">
                            @foreach ($systems as $system)
                                <a class="item" href="{{ url('sistemas/'.$system->id) }}">
                                    <span class="ico accent"><i class="ic sm">apps</i></span>
                                    <span class="tx"><p>{{ $system->name }}</p><span class="sub">{{ label($system->status) }}{{ $system->website_url ? ' · '.$system->website_url : '' }}</span></span>
                                    <span class="badge badge--{{ $system->status === 'ativo' ? 'ok' : ($system->status === 'pausado' ? 'warn' : 'muted') }}">{{ label($system->status) }}</span>
                                </a>
                            @endforeach
                        </div>
                    @endif
                    @if ($availableSystems->isNotEmpty())
                        <form method="post" action="{{ url('clientes/'.$id.'/sistemas') }}" data-ajax data-reload="1" x-show="attach" x-cloak style="margin-top:14px">
                            @csrf
                            <div class="row" style="gap:8px;align-items:flex-end">
                                <div class="field" style="flex:1"><label for="client-system-id">Solução existente</label><select id="client-system-id" name="system_id" data-searchable-select data-remote-options="{{ url('buscar/opcoes?tipo=sistemas&cliente='.$id) }}" data-remote-placeholder="Buscar solução…" required><option value="">— Selecione —</option>@foreach ($availableSystems as $availableSystem)<option value="{{ $availableSystem->id }}">{{ $availableSystem->name }} · {{ label($availableSystem->status) }}</option>@endforeach</select></div>
                                <button class="btn btn--primary" type="submit"><i class="ic sm">link</i> Vincular</button>
                            </div>
                            <p class="hint">Ao vincular uma solução que já pertence a outro cliente, ela será convertida em SaaS e manterá os dois clientes associados.</p>
                        </form>
                    @endif
                </div>
            </div>

            <div class="card">
                <div class="card-head"><h2>Projetos</h2><span class="grow"></span>
                    <a class="more" href="{{ url('projetos/novo?cliente='.$id) }}">Novo</a></div>
                <div class="card-body">
                    @if ($projects->isEmpty())
                        <div class="empty"><i class="ic">folder_open</i><p>Nenhum projeto para este cliente.</p></div>
                    @else
                        <div class="rows">
                            @foreach ($projects as $p)
                                <a class="item" href="{{ url('projetos/'.$p->id) }}">
                                    <span class="ico accent"><i class="ic sm">folder</i></span>
                                    <span class="tx">
                                        <p>{{ $p->name }}</p>
                                        <span class="sub">{{ $p->tasks_done }}/{{ $p->tasks_total }} tarefas · {{ money($p->budget) }}</span>
                                    </span>
                                    <span class="badge badge--{{ status_tone($p->status) }}">{{ label($p->status) }}</span>
                                </a>
                            @endforeach
                        </div>
                    @endif
                </div>
            </div>

            <div class="card">
                <div class="card-head"><h2>Financeiro do cliente</h2><span class="grow"></span>
                    <a class="more" href="{{ url('financeiro/novo?cliente='.$id) }}">Novo lançamento</a></div>
                <div class="card-body">
                    <div class="grid cols-4" style="gap:12px">
                        <div><div class="k muted small">Recebido</div><div style="font-weight:650;color:var(--ok)">{{ money($finance['billed']) }}</div></div>
                        <div><div class="k muted small">A receber</div><div style="font-weight:650">{{ money($finance['to_receive']) }}</div></div>
                        <div><div class="k muted small">Pago</div><div style="font-weight:650;color:var(--bad)">{{ money($finance['cost']) }}</div></div>
                        <div><div class="k muted small">A pagar</div><div style="font-weight:650">{{ money($finance['cost_planned']) }}</div></div>
                    </div>
                    @if (($finance['billed'] + $finance['to_receive'] + $finance['cost'] + $finance['cost_planned']) == 0)
                        <p class="muted small" style="margin-top:8px">Nenhum lançamento vinculado a este cliente.</p>
                    @else
                        <p class="small" style="margin-top:8px"><a class="primary-text" href="{{ url('financeiro?cliente='.$id) }}">ver lançamentos deste cliente</a></p>
                    @endif
                </div>
            </div>

            <div class="card">
                <div class="card-head"><h2>Reuniões</h2><span class="grow"></span>
                    <a class="more" href="{{ url('reunioes/nova?cliente='.$id) }}">Agendar</a></div>
                <div class="card-body">
                    @if ($meetings->isEmpty())
                        <div class="empty"><i class="ic">calendar_month</i><p>Nenhuma reunião registrada.</p></div>
                    @else
                        <div class="rows">
                            @foreach ($meetings as $m)
                                <a class="item" href="{{ url('reunioes/'.$m->id) }}">
                                    <span class="ico"><i class="ic sm">event</i></span>
                                    <span class="tx">
                                        <p>{{ $m->title }}</p>
                                        <span class="sub">{{ datetime_br($m->scheduled_at, 'd/m/Y · H:i') }}</span>
                                    </span>
                                    <span class="badge badge--{{ status_tone($m->status) }}">{{ label($m->status) }}</span>
                                </a>
                            @endforeach
                        </div>
                    @endif
                </div>
            </div>
        </div>

        <div class="aside">
            <div class="card pad">
                <div class="meta-list">
                    @if ($client->email)
                        <div class="m"><div class="l">E-mail</div><div class="val"><a href="mailto:{{ $client->email }}">{{ $client->email }}</a></div></div>
                    @endif
                    @if ($client->phone)
                        <div class="m"><div class="l">Telefone</div><div class="val"><a href="tel:{{ preg_replace('/[^0-9+]/', '', $client->phone) }}">{{ $client->phone }}</a></div></div>
                    @endif
                    @if ($client->document)
                        <div class="m"><div class="l">CNPJ / CPF</div><div class="val">{{ $client->document }}</div></div>
                    @endif
                    @if ($client->website)
                        @php($site = preg_match('#^https?://#', $client->website) ? $client->website : 'https://'.$client->website)
                        <div class="m"><div class="l">Site</div><div class="val"><a href="{{ $site }}" target="_blank" rel="noopener">{{ $client->website }}</a></div></div>
                    @endif
                    <div class="m"><div class="l">Cliente desde</div><div class="val">{{ datetime_br($client->cliente_desde, 'd/m/Y') }}</div></div>
                </div>
                @if ($client->notes)
                    <hr class="hr">
                    <div class="l" style="font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3)">Anotações</div>
                    <div class="rich-content dim" style="margin-top:6px">{!! \App\Services\RichTextSanitizer::clean((string) $client->notes) !!}</div>
                @endif
            </div>

            <form method="post" action="{{ url('clientes/'.$id) }}" data-ajax data-method="DELETE"
                  data-confirm="Excluir este cliente? Projetos e reuniões ficam sem cliente vinculado.">
                @csrf
                @method('DELETE')
                <button type="submit" class="btn btn--danger btn--block"><i class="ic">delete</i> Excluir cliente</button>
            </form>
        </div>
    </div>
@endsection