@php
    /**
     * @var array $data
     * @var \App\Models\Lead $obj
     */
@endphp

@extends('crud.form')

@section('title')
    {{ $title }}
@endsection
@section('title-right')
    @if(auth()->user()->super_user)
        <button class="btn btn-sm btn-primary" data-bs-toggle="modal" data-bs-target="#copyLeadModal">
            <i class="bx bx-plus me-1"></i>Копировать
        </button>
    @endif
@endsection
@section('form-body')

    <div class="mb-4">
        <label class="form-label text-uppercase fs-tiny fw-bold text-muted" for="name">Имя</label>
        <input type="text" class="form-control sc-input-tech" id="name" name="name"
               value="{{ old('name', $obj->name) }}" />
    </div>

    <div class="mb-4">
        <label class="form-label text-uppercase fs-tiny fw-bold text-muted" for="surname">Фамилия</label>
        <input type="text" class="form-control sc-input-tech" id="surname" name="surname"
               value="{{ old('surname', $obj->surname) }}" />
    </div>

    <div class="mb-4">
        <label class="form-label text-uppercase fs-tiny fw-bold text-muted" for="email">E-mail</label>
        <input type="text" class="form-control sc-input-tech" id="email" name="email"
               value="{{ old('email', $obj->email) }}" />
    </div>

    <div class="mb-4">
        <label class="form-label text-uppercase fs-tiny fw-bold text-muted" for="phone">Телефон</label>
        <input type="text" class="form-control sc-input-tech" id="phone" name="phone"
               value="{{ old('phone', $obj->phone) }}" />
    </div>

    <div class="row">
        <div class="col-6 mb-4">
            <label class="form-label text-uppercase fs-tiny fw-bold text-muted" for="telegram">Telegram</label>
            <input type="text" class="form-control sc-input-tech" id="telegram" name="telegram"
                   value="{{ old('telegram', $obj->telegram) }}" />
        </div>
        <div class="col-6 mb-4">
            <label class="form-label text-uppercase fs-tiny fw-bold text-muted" for="whatsapp">WhatsApp</label>
            <input type="text" class="form-control sc-input-tech" id="whatsapp" name="whatsapp"
                   value="{{ old('whatsapp', $obj->whatsapp) }}" />
        </div>
    </div>

    <div class="row">
        <div class="col-6 mb-4">
            <label class="form-label text-uppercase fs-tiny fw-bold text-muted" for="language">Язык</label>
            <input type="text" class="form-control sc-input-tech" id="language" name="language"
                   value="{{ old('language', $obj->language) }}" />
        </div>
        <div class="col-6 mb-4">
            <label class="form-label text-uppercase fs-tiny fw-bold text-muted" for="geo">Гео</label>
            <input type="text" class="form-control sc-input-tech" id="geo" name="geo"
                   value="{{ old('geo', $obj->geo) }}" />
        </div>
    </div>

    <div class="mb-4">
        <label class="form-label text-uppercase fs-tiny fw-bold text-muted" for="address">Адрес</label>
        <input type="text" class="form-control sc-input-tech" id="address" name="address"
               value="{{ old('address', $obj->address) }}" />
    </div>

    <div class="mb-4">
        <label class="form-label text-uppercase fs-tiny fw-bold text-muted" for="partner_id">Партнер</label>
        <select class="form-control sc-input-tech" id="partner_id" name="partner_id">
            @foreach($data['partners'] as $id => $name)
                <option @if($obj->partner_id == $id) selected @endif value="{{ $id }}">{{ $name }}</option>
            @endforeach
        </select>
    </div>

    <div class="row">
        @can('setStatus', $obj)
            <div class="col-6 mb-4">
                <label class="form-label text-uppercase fs-tiny fw-bold text-muted" for="status_id">Статус</label>
                <select class="form-control" id="status_id" name="status_id">
                    @foreach($data['statuses'] as $id => $name)
                        <option @if($obj->lead_status_id == $id) selected @endif value="{{ $id }}">{{ $name }}</option>
                    @endforeach
                </select>
            </div>
        @else
            <input type="hidden" name="status_id" value="{{ $obj->status_id ?? \App\Models\LeadStatus::newType()->id }}">
        @endcan

        @can('setManager', $obj)
            <div class="col-6 mb-4">
                <label class="form-label text-uppercase fs-tiny fw-bold text-muted" for="manager_id">Менеджер</label>
                <select class="form-control sc-input-tech" id="manager_id" name="manager_id">
                    @foreach($data['managers'] as $id => $name)
                        <option @if($obj->manager_id == $id) selected @endif value="{{ $id }}">{{ $name }}</option>
                    @endforeach
                </select>
            </div>
        @else
            <input type="hidden" name="manager_id" value="{{ $obj->manager_id }}">
        @endcan
    </div>

    <div class="mb-4">
        <label class="form-label text-uppercase fs-tiny fw-bold text-muted" for="campaign">Кампания</label>
        <input type="text" class="form-control sc-input-tech" id="campaign" name="campaign"
               value="{{ old('campaign', $obj->campaign) }}" />
    </div>

@endsection

{{-- ============================================================
     ПРАВАЯ КОЛОНКА: комментарии, сделки, история
     ============================================================ --}}
@section('after-form')

    {{-- Комментарии --}}
    <div class="card mb-4 sc-activity-card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h5 class="mb-0"><i class="bx bx-comment-detail me-2"></i>Комментарии</h5>
            @if($obj->exists)
                <button class="btn btn-sm btn-primary" data-bs-toggle="modal" data-bs-target="#commentModal">
                    <i class="bx bx-plus me-1"></i>Добавить
                </button>
            @endif
        </div>
        <div class="sc-table-responsive">
            <table class="table sc-table-compact table-hover">
                <thead class="table-light">
                    <tr>
                        <th>Автор</th>
                        <th>Комментарий</th>
                        <th>Добавлен</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($obj->comments as $comment)
                        <tr>
                            <td class="fw-bold">{{ $comment->user?->name }}</td>
                            <td class="text-wrap">{{ $comment->text }}</td>
                            <td class="fs-tiny">{{ $comment->created_at->format('d.m.Y H:i') }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

    {{-- Сделки --}}
    <div class="card mb-4 sc-activity-card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h5 class="mb-0"><i class="bx bx-rocket me-2"></i>Сделки по лиду</h5>
            @if($obj->exists)
                @can('create.deals')
                    <a href="{{ route('deals.create-form', ['lead_id' => $obj->id]) }}" class="btn btn-sm btn-success">
                        <i class="bx bx-plus me-1"></i>Открыть сделку
                    </a>
                @endcan
            @endif
        </div>
        <div class="sc-table-responsive">
            <table class="table sc-table-compact table-hover">
                <thead class="table-light">
                    <tr>
                        <th>#</th>
                        <th>Load</th>
                        <th>Fix</th>
                        <th>Ответственный</th>
                        <th>Дата</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($obj->deals as $item)
                        <tr>
                            <td><a href="{{ route('deals.edit-form', $item->id) }}" class="fw-bold">#{{ $item->id }}</a></td>
                            <td>{{ number_format($item->load_sum, 0, '.', ' ') . $item->currency  }}</td>
                            <td>{{ $item->results_fix_sum }} USD</td>
                            <td>{{ $item->manager?->name }}</td>
                            <td class="fs-tiny">{{ $item->created_at->format('d.m.Y') }}</td>
                            <td class="text-end">
                                <div class="dropdown">
                                    <button type="button" class="btn btn-icon btn-sm dropdown-toggle hide-arrow"
                                            data-bs-toggle="dropdown">
                                        <i class="bx bx-dots-vertical-rounded"></i>
                                    </button>
                                    <div class="dropdown-menu dropdown-menu-end">
                                        <a class="dropdown-item" href="{{ route('deals.edit-form', $item->id) }}">
                                            <i class="bx bx-edit-alt me-2"></i>Редактировать
                                        </a>
                                        @can('deals.delete')
                                            <a class="dropdown-item text-danger" href="{{ route('deals.delete', $item->id) }}">
                                                <i class="bx bx-trash me-2"></i>Удалить
                                            </a>
                                        @endcan
                                    </div>
                                </div>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

    @if(auth()->user()->super_user)
        <div class="card sc-activity-card">
            <div class="card-header">
                <h5 class="mb-0"><i class="bx bx-history me-2"></i>История изменений</h5>
            </div>
            <div class="card-body p-0">
                <div class="sc-history-compact">
                    {!! $data['historyLog'] !!}
                </div>
            </div>
        </div>
    @endif

@endsection

{{-- ============================================================
     МОДАЛЬНЫЕ ОКНА
     ============================================================ --}}
@section('modals')
    <div class="modal fade" id="commentModal" data-bs-backdrop="static" tabindex="-1">
        <livewire:leads.comment-form :leadId="$obj->id" :reloadAfter="true"/>
    </div>
    @if(auth()->user()->super_user)
        <div class="modal fade" id="copyLeadModal" data-bs-backdrop="static" tabindex="-1">
            <livewire:leads.mass-copy-form :leadsIds="[$obj->id]" :modalId="'copyLeadModal'"/>
        </div>
    @endif
@endsection

@section('page-style')
    <link rel="stylesheet" href="{{ asset('css/leads-form.css') }}">
@endsection