@section('page-specific-style')
<link href="{{asset('assets/libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/libs/datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/libs/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css')}}" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="{{ asset('assets/css/leads.css') }}">
@endsection


<div class="row">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h4 class="mb-0">Lead Activities</h4>
        <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#createActivityModal" title="Add new Activity">
            <i class="mdi mdi-plus me-1"></i> Add New Activity</button>

    </div>
    <div class="col-12 sm-RnP">
        {{-- @include('includes.alerts') --}}
        @include('includes.errors')

        @include('modules.activities.list', [
            'is_used_in_lead' => true,
        ])

    </div>
</div>


@include('modules.activities.modals.create', [
    'is_used_in_lead' => true,
    'lead' => $lead,
])
@include('modules.activities.modals.edit', [
    'is_used_in_lead' => true,
    'lead' => $lead,
])


@section('page-specific-script')
@parent

@endsection