@extends('layouts.app')

@section('title', 'Leads')

@section('page-specific-style')
    <!-- DataTables -->
    <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" />

    <!-- Responsive datatable examples -->
    <link href="{{asset('assets/libs/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css')}}" rel="stylesheet" type="text/css" />

    <style>

    </style>
@endsection

@section('content')
    <div class="container-fluid">
        <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>

            @include('modules.activities.index_search')

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

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

                    </div>
                </div>
                <div class="">
                    <div class="col-12 add-new-role">

                    </div>
                </div>
            </div>
        </div>
    </div>


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

@endsection

@section('page-specific-script')
    <!-- Required datatable js -->
    <script src="{{asset('assets/libs/datatables.net/js/jquery.dataTables.min.js')}}"></script>
    <script src="{{asset('assets/libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js')}}"></script>

    <!-- Responsive examples -->
    <script src="{{asset('assets/libs/datatables.net-responsive/js/dataTables.responsive.min.js')}}"></script>
    <script src="{{asset('assets/libs/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js')}}"></script>



@endsection