@extends('admin.layouts.app')
@section('title', __('admin.client_merge.title'))
@section('content')

<div class="page-header">
    <h1>{{ __('admin.client_merge.title') }}</h1>
    <a href="{{ route('admin.clients.show', $client) }}" class="btn btn-default btn-sm">{{ __('common.actions.back') }}</a>
</div>
<p style="color:#666;font-size:13px;margin:-6px 0 16px;">{{ __('admin.client_merge.intro') }}</p>

<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;align-items:start;">
    {{-- The duplicate: everything it owns, about to move. --}}
    <div class="card">
        <div class="card-header"><strong>{{ __('admin.client_merge.from') }}</strong></div>
        <div class="card-body" style="padding:14px 16px;">
            <div style="font-size:15px;font-weight:600;">#{{ $client->id }} {{ $client->full_name }}</div>
            <div style="color:#666;font-size:13px;">{{ $client->email }}@if($client->phone_number) · {{ $client->phone_number }}@endif</div>
            @if((float) $client->credit > 0)<div style="font-size:13px;margin-top:4px;">{{ __('admin.client_merge.balance', ['amount' => money_fmt($client->credit)]) }}</div>@endif
            <table class="data-table" style="margin-top:12px;">
                <tbody>
                @forelse($moves as $table => $n)
                    <tr><td>{{ __('admin.client_merge.table_'.$table) === 'admin.client_merge.table_'.$table ? \Illuminate\Support\Str::headline($table) : __('admin.client_merge.table_'.$table) }}</td><td style="text-align:right;font-weight:600;">{{ $n }}</td></tr>
                @empty
                    <tr><td style="color:#999;">{{ __('admin.client_merge.nothing') }}</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
    </div>

    {{-- The account that is kept. --}}
    <div class="card">
        <div class="card-header"><strong>{{ __('admin.client_merge.into') }}</strong></div>
        <div class="card-body" style="padding:14px 16px;">
            <form method="GET" action="{{ route('admin.clients.merge', $client) }}" style="display:flex;gap:8px;">
                <input type="text" name="into" value="{{ $find }}" class="form-control" placeholder="{{ __('admin.client_merge.find') }}" aria-label="{{ __('admin.client_merge.find') }}" required>
                <button type="submit" class="btn btn-default">{{ __('common.actions.search') }}</button>
            </form>

            @if($suggestions->isNotEmpty() && ! $into)
            <div style="margin-top:12px;font-size:12px;color:#777;">{{ __('admin.client_merge.suggestions') }}</div>
            <ul style="margin:6px 0 0;padding-left:18px;font-size:13px;">
                @foreach($suggestions as $s)
                <li><a href="{{ route('admin.clients.merge', [$client, 'into' => $s->id]) }}">#{{ $s->id }} {{ $s->full_name }}</a> <span style="color:#999;">{{ $s->email }}</span></li>
                @endforeach
            </ul>
            @endif

            @if($find !== '' && ! $into)
            <div class="alert alert-warning" style="margin-top:12px;">{{ __('admin.client_merge.not_found') }}</div>
            @endif

            @if($into)
            <div style="margin-top:14px;padding:12px;border:1px solid #d6e9c6;background:#f4faf0;border-radius:4px;">
                <div style="font-size:15px;font-weight:600;"><a href="{{ route('admin.clients.show', $into) }}">#{{ $into->id }} {{ $into->full_name }}</a></div>
                <div style="color:#666;font-size:13px;">{{ $into->email }}@if($into->phone_number) · {{ $into->phone_number }}@endif</div>
                @if($into->currency_id !== $client->currency_id)
                <div style="color:#a94442;font-size:12px;margin-top:6px;">{{ __('admin.client_merge.currency_warning') }}</div>
                @endif
            </div>
            <form method="POST" action="{{ route('admin.clients.merge.store', $client) }}" style="margin-top:14px;"
                  onsubmit="return pnConfirm(event, @js(__('admin.client_merge.confirm', ['from' => $client->id, 'into' => $into->id])), { danger: true })">
                @csrf
                <input type="hidden" name="into_id" value="{{ $into->id }}">
                <label style="display:flex;gap:6px;align-items:flex-start;font-weight:normal;font-size:13px;">
                    <input type="checkbox" name="confirm" value="1" required style="margin-top:3px;">
                    <span>{{ __('admin.client_merge.confirm_box', ['from' => $client->id, 'into' => $into->id]) }}</span>
                </label>
                <button type="submit" class="btn btn-danger" style="margin-top:10px;">{{ __('admin.client_merge.merge') }}</button>
            </form>
            @endif
        </div>
    </div>
</div>

@endsection