@extends('dashboard.admin.layouts.master')

@php
    use App\Models\Crm\Lead;
    use App\Models\Crm\LeadActivity;
    $me = auth('admin')->user();
    $canEdit = $me->can('crm.leads.edit');
    $whatsapp = $lead->whatsappNumber();
@endphp

@section('toolbar')
    <div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack flex-wrap gap-3">
        <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
            <h1 class="page-heading d-flex text-dark fw-bold fs-3 align-items-center gap-3 my-0">
                {{ $lead->name }}
                <span class="badge badge-light-{{ $lead->statusColor() }} fs-7">{{ $lead->statusLabel() }}</span>
            </h1>
            <ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
                <li class="breadcrumb-item text-muted"><a href="{{ route('admin.dashboard.crm.leads.index') }}" class="text-muted text-hover-primary">{{ trans('crm.leads') }}</a></li>
                <li class="breadcrumb-item"><span class="bullet bg-gray-400 w-5px h-2px"></span></li>
                <li class="breadcrumb-item text-muted">{{ $lead->sourceLabel() }}</li>
            </ul>
        </div>
        <div class="d-flex gap-2">
            @if ($lead->phone)
                <a href="tel:{{ preg_replace('/[^\d+]/', '', (string) $lead->phone) }}" class="btn btn-sm btn-light-primary"><i class="bi bi-telephone"></i>{{ trans('crm.list.call') }}</a>
            @endif
            @if ($whatsapp)
                <a href="https://wa.me/{{ $whatsapp }}" target="_blank" rel="noopener" class="btn btn-sm btn-light-success"><i class="bi bi-whatsapp"></i>WhatsApp</a>
            @endif
            @if (Route::has('admin.dashboard.crm.leads.convert') && $lead->isOpen() && $canEdit && $me->can('clinic.bookings.create'))
                <form method="POST" action="{{ route('admin.dashboard.crm.leads.convert', $lead) }}" class="d-inline">
                    @csrf
                    <button type="submit" class="btn btn-sm btn-primary"><i class="bi bi-calendar-plus"></i>{{ trans('crm.show.book') }}</button>
                </form>
            @endif
            @if (Route::has('admin.dashboard.crm.leads.edit') && $canEdit)
                <a href="{{ route('admin.dashboard.crm.leads.edit', $lead) }}" class="btn btn-sm btn-light"><i class="bi bi-pencil"></i>{{ trans('crm.show.edit') }}</a>
            @endif
        </div>
    </div>
@endsection

@section('content')
    <div id="kt_app_content_container" class="app-container container-xxl">
        @if (session('success'))
            <div class="alert alert-success mb-5">{{ session('success') }}</div>
        @endif
        @if ($errors->any())
            <div class="alert alert-danger mb-5"><ul class="mb-0">@foreach ($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul></div>
        @endif

        <div class="row g-5">
            {{-- Side column: who, and the controls. --}}
            <div class="col-xl-4">
                <div class="card card-flush mb-5">
                    <div class="card-body pt-7">
                        <div class="d-flex flex-column gap-3 fs-6">
                            <div class="d-flex justify-content-between"><span class="text-muted">{{ trans('crm.show.phone') }}</span><span class="fw-bold" dir="ltr">{{ $lead->phone ?: '—' }}</span></div>
                            <div class="d-flex justify-content-between"><span class="text-muted">{{ trans('crm.show.email') }}</span><span class="fw-semibold">{{ $lead->email ?: '—' }}</span></div>
                            <div class="d-flex justify-content-between gap-3"><span class="text-muted">{{ trans('crm.show.address') }}</span><span class="fw-semibold text-end">{{ $lead->address ?: '—' }}</span></div>
                            <div class="d-flex justify-content-between gap-3"><span class="text-muted">{{ trans('crm.show.interest') }}</span><span class="fw-semibold text-end">{{ $lead->offer?->title ?? ($lead->interest ?: '—') }}</span></div>
                            <div class="d-flex justify-content-between"><span class="text-muted">{{ trans('crm.show.created') }}</span><span dir="ltr">{{ $lead->created_at?->format('Y-m-d H:i') }}</span></div>
                            @if ($lead->first_contacted_at)
                                <div class="d-flex justify-content-between"><span class="text-muted">{{ trans('crm.show.first_contact') }}</span><span dir="ltr">{{ $lead->first_contacted_at->format('Y-m-d H:i') }}</span></div>
                            @endif
                        </div>

                        <div class="d-flex flex-wrap gap-2 mt-5">
                            @if ($lead->user)
                                <a href="{{ route('admin.dashboard.clinic.patients.show', $lead->user_id) }}" class="badge badge-light-info fs-7 py-2"><i class="bi bi-person-check text-info me-1"></i>{{ trans('crm.show.patient_bookings', ['count' => $patientBookings]) }}</a>
                            @endif
                            @if ($lead->is_paid)
                                <span class="badge badge-light-success fs-7 py-2"><i class="bi bi-credit-card text-success me-1"></i>{{ trans('crm.list.paid') }}</span>
                            @endif
                            @if ($lead->convertedBooking)
                                <a href="{{ route('admin.dashboard.clinic.bookings.show', $lead->converted_booking_id) }}" class="badge badge-light-success fs-7 py-2"><i class="bi bi-calendar-check text-success me-1"></i>{{ trans('crm.show.booking_link', ['id' => $lead->converted_booking_id, 'doctor' => $lead->convertedBooking->doctor?->name]) }}</a>
                            @endif
                        </div>
                    </div>
                </div>

                {{-- Status --}}
                <div class="card card-flush mb-5">
                    <div class="card-header min-h-50px"><h3 class="card-title fs-5 fw-bold">{{ trans('crm.list.status') }}</h3></div>
                    <div class="card-body pt-2">
                        @if ($lead->status === Lead::STATUS_CONVERTED)
                            <div class="text-success fw-semibold">{{ trans('crm.show.already_converted') }}</div>
                        @elseif ($canEdit)
                            <form method="POST" action="{{ route('admin.dashboard.crm.leads.status', $lead) }}" id="statusForm">
                                @csrf @method('PATCH')
                                <select name="status" class="form-select form-select-solid mb-3" id="statusSelect">
                                    @foreach (\App\Http\Controllers\Admin\Crm\LeadWorkController::MANUAL_STATUSES as $status)
                                        <option value="{{ $status }}" @selected(old('status', $lead->status) === $status)>{{ trans('crm.statuses.' . $status) }}</option>
                                    @endforeach
                                </select>
                                <div id="lostReasonBox" class="mb-3 {{ old('status', $lead->status) === Lead::STATUS_LOST ? '' : 'd-none' }}">
                                    <select name="lost_reason" class="form-select form-select-solid">
                                        <option value="">{{ trans('crm.show.lost_reason') }}</option>
                                        @foreach (Lead::LOST_REASONS as $reason)
                                            <option value="{{ $reason }}" @selected(old('lost_reason', $lead->lost_reason) === $reason)>{{ trans('crm.lost_reasons.' . $reason) }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <textarea name="note" rows="2" class="form-control form-control-solid mb-3" placeholder="{{ trans('crm.show.status_note') }}"></textarea>
                                <button type="submit" class="btn btn-sm btn-primary w-100">{{ trans('crm.show.save') }}</button>
                            </form>
                        @else
                            <span class="badge badge-light-{{ $lead->statusColor() }}">{{ $lead->statusLabel() }}</span>
                        @endif
                    </div>
                </div>

                {{-- Assignee --}}
                <div class="card card-flush mb-5">
                    <div class="card-header min-h-50px"><h3 class="card-title fs-5 fw-bold">{{ trans('crm.list.assignee') }}</h3></div>
                    <div class="card-body pt-2">
                        @can('crm.leads.assign')
                            <form method="POST" action="{{ route('admin.dashboard.crm.leads.assign', $lead) }}" class="d-flex gap-2">
                                @csrf @method('PATCH')
                                <select name="assigned_to" class="form-select form-select-solid">
                                    <option value="">{{ trans('crm.list.unassigned') }}</option>
                                    @foreach ($agents as $agent)
                                        <option value="{{ $agent->id }}" @selected((int) $lead->assigned_to === (int) $agent->id)>{{ $agent->name }}</option>
                                    @endforeach
                                </select>
                                <button type="submit" class="btn btn-sm btn-light-primary">{{ trans('crm.show.save') }}</button>
                            </form>
                        @else
                            <div class="d-flex justify-content-between align-items-center">
                                <span class="fw-semibold">{{ $lead->assignee?->name ?? trans('crm.list.unassigned') }}</span>
                                @if ($canEdit && $lead->isOpen() && (int) $lead->assigned_to !== (int) $me->id)
                                    <form method="POST" action="{{ route('admin.dashboard.crm.leads.take', $lead) }}">
                                        @csrf @method('PATCH')
                                        <button type="submit" class="btn btn-sm btn-light-warning">{{ trans('crm.list.take') }}</button>
                                    </form>
                                @endif
                            </div>
                        @endcan
                    </div>
                </div>

                {{-- Next follow-up --}}
                <div class="card card-flush mb-5">
                    <div class="card-header min-h-50px"><h3 class="card-title fs-5 fw-bold">{{ trans('crm.list.next_follow_up') }}</h3></div>
                    <div class="card-body pt-2">
                        @if ($lead->isOverdue())
                            <div class="text-danger fw-bold mb-2">{{ trans('crm.list.overdue') }}</div>
                        @endif
                        @if ($canEdit && $lead->isOpen())
                            <form method="POST" action="{{ route('admin.dashboard.crm.leads.follow-up', $lead) }}" class="d-flex gap-2">
                                @csrf @method('PATCH')
                                <input type="datetime-local" name="next_follow_up_at" class="form-control form-control-solid" value="{{ $lead->next_follow_up_at?->format('Y-m-d\TH:i') }}">
                                <button type="submit" class="btn btn-sm btn-light-primary">{{ trans('crm.show.save') }}</button>
                            </form>
                        @else
                            <span dir="ltr">{{ $lead->next_follow_up_at?->format('Y-m-d H:i') ?? '—' }}</span>
                        @endif
                    </div>
                </div>
            </div>

            {{-- Main column: log, requests, timeline. --}}
            <div class="col-xl-8">
                @if ($canEdit)
                    <div class="card card-flush mb-5">
                        <div class="card-header min-h-50px"><h3 class="card-title fs-5 fw-bold">{{ trans('crm.show.log_title') }}</h3></div>
                        <div class="card-body pt-2">
                            <form method="POST" action="{{ route('admin.dashboard.crm.leads.activities.store', $lead) }}" id="activityForm">
                                @csrf
                                <div class="btn-group w-100 mb-4" role="group">
                                    @foreach (['call' => 'bi-telephone', 'whatsapp' => 'bi-whatsapp', 'note' => 'bi-chat-left-text'] as $type => $icon)
                                        <input type="radio" class="btn-check" name="type" id="type_{{ $type }}" value="{{ $type }}" @checked(old('type', 'call') === $type)>
                                        <label class="btn btn-outline btn-outline-dashed btn-active-light-primary" for="type_{{ $type }}"><i class="bi {{ $icon }}"></i>{{ trans('crm.activity_types.' . $type) }}</label>
                                    @endforeach
                                </div>
                                <div class="mb-4" id="outcomeBox">
                                    <div class="d-flex flex-wrap gap-4">
                                        @foreach (LeadActivity::CALL_OUTCOMES as $outcome)
                                            <label class="form-check form-check-custom form-check-solid">
                                                <input class="form-check-input" type="radio" name="call_outcome" value="{{ $outcome }}" @checked(old('call_outcome', 'answered') === $outcome)>
                                                <span class="form-check-label">{{ trans('crm.call_outcomes.' . $outcome) }}</span>
                                            </label>
                                        @endforeach
                                    </div>
                                </div>
                                <textarea name="body" rows="3" class="form-control form-control-solid mb-4" placeholder="{{ trans('crm.show.body_placeholder') }}">{{ old('body') }}</textarea>
                                <div class="d-flex flex-wrap align-items-center gap-3">
                                    <label class="text-muted fs-7 mb-0">{{ trans('crm.show.next_follow_up_optional') }}</label>
                                    <input type="datetime-local" name="next_follow_up_at" class="form-control form-control-solid w-auto" value="{{ old('next_follow_up_at') }}">
                                    <button type="submit" class="btn btn-primary ms-auto">{{ trans('crm.show.log_save') }}</button>
                                </div>
                            </form>
                        </div>
                    </div>
                @endif

                <div class="card card-flush mb-5">
                    <div class="card-header min-h-50px"><h3 class="card-title fs-5 fw-bold">{{ trans('crm.show.requests_title', ['count' => count($requests)]) }}</h3></div>
                    <div class="card-body pt-2">
                        @forelse ($requests as $item)
                            @include('dashboard.admin.crm.leads.partials.request', ['item' => $item])
                        @empty
                            <div class="text-muted">{{ trans('crm.show.no_requests') }}</div>
                        @endforelse
                    </div>
                </div>

                <div class="card card-flush">
                    <div class="card-header min-h-50px"><h3 class="card-title fs-5 fw-bold">{{ trans('crm.show.timeline') }}</h3></div>
                    <div class="card-body pt-2">
                        @include('dashboard.admin.crm.leads.partials.timeline', ['activities' => $lead->activities])
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('js')
    <script>
        $(function () {
            $('#statusSelect').on('change', function () {
                $('#lostReasonBox').toggleClass('d-none', this.value !== 'lost');
            });
            var syncOutcome = function () {
                $('#outcomeBox').toggleClass('d-none', $('#activityForm [name="type"]:checked').val() !== 'call');
            };
            $('#activityForm').on('change', '[name="type"]', syncOutcome);
            syncOutcome();
        });
    </script>
@endsection