@extends('crud.list')

@section('title')
    {{ sprintf('%s: выбрано %s (в базе %s)', $title, $result->total(), $total) }}
@endsection

@section('list')
    <livewire:leads.leads-list :leadsIds="$result->pluck('id')->toArray()" />
@endsection

@section('afterList')
    <div class="modal fade" id="commentModal" data-bs-backdrop="static" tabindex="-1">
        <livewire:leads.comment-form :modalId="'commentModal'"/>
    </div>
    <div class="modal fade" id="taskModal" data-bs-backdrop="static" tabindex="-1">
        <livewire:leads.task-form :modalId="'taskModal'"/>
    </div>
    <div class="modal fade" id="changeStatusModal" data-bs-backdrop="static" tabindex="-1">
        <livewire:leads.mass-status-update-form :filter="request()->all()" :modalId="'changeStatusModal'"/>
    </div>
    <div class="modal fade" id="changeManagerModal" data-bs-backdrop="static" tabindex="-1">
        <livewire:leads.mass-manager-update-form :filter="request()->all()" :modalId="'changeManagerModal'"/>
    </div>
    <div class="modal fade" id="changeDepartmentModal" data-bs-backdrop="static" tabindex="-1">
        <livewire:leads.mass-department-update-form :filter="request()->all()" :modalId="'changeDepartmentModal'"/>
    </div>
    <div class="modal fade" id="nearestCallModal" data-bs-backdrop="static" tabindex="-1">
        <livewire:leads.nearest-call-form :modalId="'nearestCallModal'"/>
    </div>
    @if(auth()->user()->super_user)
        <div class="modal fade" id="massCopyLeadModal" data-bs-backdrop="static" tabindex="-1">
            <livewire:leads.mass-copy-form :modalId="'massCopyLeadModal'"/>
        </div>
    @endif
@endsection

@section('page-script')
<script>
    document.addEventListener('hidden.bs.modal', function () {
        document.querySelectorAll('.modal-backdrop').forEach(function (el) {
            el.remove();
        });
        document.body.classList.remove('modal-open');
        document.body.style.removeProperty('overflow');
        document.body.style.removeProperty('padding-right');
    });
</script>
<script src="{{ asset('js/horizontal-scroll.js') }}"></script>
@endsection