@php($leadId = $lead->id ?? request()->get('lead_id'))
<div class="assigned-users-actions-wrapper mb-3" data-lead-id="{{ $leadId }}" 
     data-proposals-index-url="{{ $leadId ? route('leads.proposals.index',['lead'=>$leadId]) : '' }}" 
     data-proposals-store-url="{{ $leadId ? route('leads.proposals.store',['lead'=>$leadId]) : '' }}">
    <div class="card mb-3 lead-assigned-users-box">
        <div class="card-header p-2 bg-white border-bottom d-flex justify-content-between align-items-center collapse-toggle" data-bs-toggle="collapse" data-bs-target="#assignedUsersCollapse">
            <strong>Assigned Users</strong>
            <i class="bx bx-chevron-down"></i>
        </div>
        <div id="assignedUsersCollapse" class="collapse show">
            <div class="card-body p-2">
                <ul class="list-unstyled assigned-users-list mb-2 assigned-users-scroll">
                    @foreach(($assignedUsers ?? []) as $u)
                        <li class="d-flex justify-content-between align-items-center py-1">
                            <span>{{ $u['name'] }} @if(!empty($u['class'])) <small class="text-muted">({{ $u['class'] }})</small>@endif</span>
                            <a href="javascript:void(0);" class="text-danger remove-assigned-user" data-toggle="tooltip" title="Remove"
                               data-confirm="Remove User?|This will unassign the user from the lead. Continue?"
                               data-user-id="{{ $u['id'] }}">
                                <i class="{{ \Config::get('settings.icon_delete') }}"></i>
                            </a>
                        </li>
                    @endforeach
                </ul>
                <div class="project-form form-line lead-assign-users-ui" data-section="leads">
                    <label class="form-label small">Select Users to Assign</label>
                    <div class="d-flex gap-2">
                        <select multiple class="form-control form-control-lg select2 assign-users-select" placeholder="Select user">
                            @php($grouped = isset($assignableUsersRoleWise) && is_array($assignableUsersRoleWise) && count($assignableUsersRoleWise))
                            @if($grouped)
                                @foreach($assignableUsersRoleWise as $roleId => $roleBlock)
                                    @if(!empty($roleBlock['children']))
                                        <optgroup label="{{ $roleBlock['label'] }}">
                                            @foreach($roleBlock['children'] as $cid => $cname)
                                                <option value="{{ $cid }}">{{ $cname }}</option>
                                            @endforeach
                                        </optgroup>
                                    @endif
                                @endforeach
                            @else
                                @foreach(($assignableUsers ?? []) as $au)
                                    <option value="{{ $au->id }}">{{ $au->name ?? ($au->first_name.' '.$au->last_name) }}</option>
                                @endforeach
                            @endif
                        </select>
                        <a href="javascript:void(0)" class="green-btn-inner btn-sm-custom link-btn assign-users-submit disabled-effect" data-toggle="tooltip" title="Assign Selected">Assign</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="card mb-3 lead-actions-box">
        <div class="card-header p-2 bg-white border-bottom d-flex justify-content-between align-items-center collapse-toggle" data-bs-toggle="collapse" data-bs-target="#leadActionsCollapse">
            <strong>Actions & Proposals</strong>
            <i class="bx bx-chevron-down"></i>
        </div>
        <div id="leadActionsCollapse" class="collapse show">
            <div class="card-body p-2">
                <div class="mb-2">
                    @php($apTab = request()->get('ap_tab'))
                    @php($baseUrl = request()->url())
                    @php($actionsParams = request()->except('ap_tab'))
                    @php($proposalsParams = $actionsParams + ['ap_tab' => 'proposals'])
                    @php($actionsUrl = $baseUrl . (count($actionsParams) ? ('?'.http_build_query($actionsParams)) : ''))
                    @php($proposalsUrl = $baseUrl . '?' . http_build_query($proposalsParams))
                    <ul class="nav nav-tabs small card-header-tabs" role="tablist">
                        <li class="nav-item" role="presentation">
                            <a href="{{ $actionsUrl }}" class="text-decoration-none">
                                <button type="button" class="nav-link {{ $apTab !== 'proposals' ? 'active' : '' }} waves-effect">Actions</button>
                            </a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a href="{{ $proposalsUrl }}" class="text-decoration-none">
                                <button type="button" class="nav-link {{ $apTab === 'proposals' ? 'active' : '' }} waves-effect">Proposals</button>
                            </a>
                        </li>
                    </ul>
                </div>
                    <div class="tab-content">
                    <div class="tab-pane fade {{ $apTab !== 'proposals' ? 'show active' : '' }}" id="leadActionsPane" role="tabpanel">
                        <div class="d-flex flex-wrap gap-2 mb-2 mt-4">
                            <a href="javascript:void(0);" class="green-btn-inner waves-effect btn-sm-custom w-30 lead-duplicate-link" data-toggle="tooltip" title="Duplicate"
                                data-confirm="Duplicate Lead?|This will create a copy of the lead. Continue?">
                                <i class="bx bx-copy"></i> Duplicate
                            </a>
                            <a href="javascript:void(0);" class="black-btn-inner waves-effect btn-sm-custom w-30 lead-delete-link" data-toggle="tooltip" title="Delete"
                                data-confirm="Delete Lead?|This action can not be undone. Do you want to continue?">
                                <i class="bx bx-trash"></i> Delete Lead
                            </a>
                            <a href="{{ route('manages.lead-field-tabs.index') }}" class="green-btn-inner waves-effect btn-sm-custom w-35"><i class="bx bx-grid-alt"></i> Manage Fields</a>
                           

                            @if(isset($lead) && $lead->is_data_sent_to_onboard == 0)
                            <a href="{{ route('send-lead-data', $leadId) }}" class="green-btn-inner waves-effect btn-sm-custom w-50" >
                                <i class="bx bx-send" style="transform: rotate(-40deg); display: inline-block;"></i> Send Lead Data
                            </a>
                            @endif
                            @if(isset($lead) && $lead->is_data_sent_to_onboard == 1)
                            <div class="alert alert-success w-100" >
                                <i class="bx bx-check-circle mr-2"></i> Lead data sent for onboarding.
                            </div>
                            @endif
                        </div>
                    </div>
                    <div class="tab-pane fade {{ $apTab === 'proposals' ? 'show active' : '' }}" id="leadProposalsPane" role="tabpanel">
                        @if(!$leadId)
                            <div class="alert alert-info mb-0">Save the lead first to manage proposals.</div>
                        @else
                            <div>
                                <div class="d-flex justify-content-between align-items-center mb-2">
                                    <h6 class="mb-0">Saved Proposals</h6>
                                    <a href="{{ route('leads.proposals.create',['lead'=>$leadId,'ap_tab'=>'proposals']) }}" class="{{ \Config::get('view.buttons.primary') }} btn-sm-custom w-35 show-modal"><i class="{{ \Config::get('settings.icon_add') }}"></i> Create Proposal</a>
                                </div>
                                @php($proposals = $leadProposals ?? collect())
                                @if(!$proposals->count())
                                    <div class="text-muted small">No proposals uploaded yet.</div>
                                @else
                                    <div class="table-responsive mb-2">
                                        <table class="table table-sm mb-0 align-middle lead-proposals-table">
                                            <thead>
                                                <tr>
                                                    <th class="w-5">#</th>
                                                    <th class="w-35">Title</th>
                                                    <th>Description</th>
                                                    <th class="w-15 text-end">Actions</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                            @foreach($proposals as $p)
                                                @php($file = $p->proposal_file)
                                                <tr class="lead-proposal-item" data-proposal-id="{{ $p->id }}">
                                                    <td class="text-muted small">{{ $loop->iteration }}</td>
                                                    <td>
                                                        @php($pTitleFull = $p->title ?: ('Proposal #'.$p->id))
                                                        @php($pTitleShort = mb_strlen($pTitleFull) > 35 ? mb_substr($pTitleFull,0,32).'...' : $pTitleFull)
                                                        <span class="proposal-title-clip" data-toggle="tooltip" title="{{ $pTitleFull }}">{{ $pTitleShort }}</span>
                                                    </td>
                                                    <td class="small">
                                                        @if($p->description)
                                                            @php($fullDesc = $p->description)
                                                            @php($truncDesc = \Illuminate\Support\Str::limit($fullDesc,147))
                                                            <span class="hw-text-preview" data-hw-full="{{ e($fullDesc) }}" data-hw-trunc="{{ e($truncDesc) }}">
                                                                <span class="hw-text-preview-text">{{ $truncDesc }}</span>
                                                                @if(mb_strlen($fullDesc) > 147)
                                                                    <a href="javascript:void(0)" class="hw-text-preview-more small ms-1">See more</a>
                                                                @endif
                                                            </span>
                                                        @else
                                                            <span class="text-muted">—</span>
                                                        @endif
                                                    </td>
                                                    <td class="text-end">
                                                        <div class="btn-group btn-group-sm">
                                                            @if($file)
                                                                @php($downloadUrl = $file['thumb'] ?? $file['path'] ?? $file['original'])
                                                                <a href="{{ $downloadUrl }}" target="_blank" class="action-btn lead-proposal-download" data-toggle="tooltip" title="Download Proposal"><i class="bx bx-download"></i></a>
                                                            @endif
                                                            <a href="{{ route('leads.proposals.edit',['lead'=>$leadId,'proposal'=>$p->id,'ap_tab'=>'proposals']) }}" class="action-btn show-modal" data-toggle="tooltip" title="Edit Proposal"><i class="bx bx-edit"></i></a>
                                                            <a href="javascript:void(0)" class="action-btn text-danger lead-proposal-delete"
                                                               data-toggle="tooltip" title="Delete Proposal"
                                                               data-confirm-title="Delete Proposal?"
                                                               data-confirm-text="This will permanently remove the proposal. Continue?"
                                                               data-delete-url="{{ route('leads.proposals.destroy',['lead'=>$leadId,'proposal'=>$p->id,'ap_tab'=>'proposals']) }}">
                                                                <i class="bx bx-trash"></i>
                                                            </a>
                                                        </div>
                                                    </td>
                                                </tr>
                                            @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                @endif
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
                    @push('styles')
                    <style>
                        .lead-proposals-table .proposal-title-clip{display:inline-block;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;font-weight:600;}
                        @media (max-width: 992px){ .lead-proposals-table .proposal-title-clip{max-width:140px;} }
                    </style>
                    @endpush