@extends('layouts.app')
@section('content')

            <div class="dashboard-main-body-wrapper1">
                <div class="headerPart">
                    <div class="lediv">
                        <h3>Leads</h3>
                    </div>
                </div>
                <div class="bodyPart">
                    <div class="custom-table-s1">
                        <div class="custom-table-s1-header-filter">
                            <div class="left-div">
                                <input type="text" class="search form-control" placeholder="Search">
                            </div>
                            <div class="right-div">
                                <h4>Showing 1 to 10 of 20 entries</h4>
                                <a href="{{route('create-lead')}}" class="custom-primary-btn">+ Add new Lead</a>
                            </div>
                        </div>
                        <table>
                            <thead>
                                <tr>
                                    <th>
                                        <div class="check-col">
                                            <input type="checkbox" class="custom-check-s1">
                                        </div>
                                    </th>
                                    <th>
                                        <div class="th-with-filter"><span>ID</span> <img src="assets/images/th-filter1.png">
                                        </div>
                                    </th>
                                    <th>
                                        <div class="th-with-filter"><span>Source</span> <img
                                                src="assets/images/th-filter1.png"></div>
                                    </th>
                                    <th>
                                        <div class="th-with-filter"><span>Name</span> <img
                                                src="assets/images/th-filter1.png"></div>
                                    </th>
                                    <th>
                                        <div class="th-with-filter"><span>Title</span> <img
                                                src="assets/images/th-filter1.png"></div>
                                    </th>
                                    <th>
                                        <div class="th-with-filter"><span>Company</span> <img
                                                src="assets/images/th-filter1.png"></div>
                                    </th>
                                    <th>
                                        <div class="th-with-filter"><span>Email Address</span> <img
                                                src="assets/images/th-filter1.png"></div>
                                    </th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <div class="check-col">
                                            <input type="checkbox" class="custom-check-s1">
                                        </div>
                                    </td>
                                    <td>
                                        pet145278
                                    </td>
                                    <td>
                                        Phone
                                    </td>
                                    <td>
                                        <div class="userImage-with-text">
                                            <div class="image-container">
                                                <img src="assets/images/user1.png">
                                            </div>
                                            <div class="text_info">
                                                John Doe
                                            </div>
                                        </div>
                                    </td>
                                    <td>Lorem ipsum dolor</td>
                                    <td>Acme Corporation</td>
                                    <td>John56@gmail.com</td>
                                    <td>
                                        <div class="dropdown more-actions">
                                            <button type="buton" id="moreActiondropdownMenuButton" data-toggle="dropdown"
                                                aria-haspopup="true" aria-expanded="false" class="more-btn">
                                                <img src="assets/images/more-icon-circle.svg">
                                            </button>
                                            <div class="dropdown-menu dropdown-menu-style-s1 dropdown-menu-right"
                                                aria-labelledby="moreActiondropdownMenuButton">
                                                <a class="dropdown-item edit" href=""><span><img
                                                            src="assets/images/edit.svg"></span> Edit</a>
                                                <a class="dropdown-item delete" href="#"><span><img
                                                            src="assets/images/trash.svg"></span> Delete</a>
                                                <a class="dropdown-item activities" href="#"><span><img
                                                            src="assets/images/activity.svg"></span> Activities</a>
                                            </div>
                                        </div>
                                    </td>
                                </tr>

                                <tr>
                                    <td>
                                        <div class="check-col">
                                            <input type="checkbox" class="custom-check-s1">
                                        </div>
                                    </td>
                                    <td>
                                        pet145278
                                    </td>
                                    <td>
                                        Phone
                                    </td>
                                    <td>
                                        <div class="userImage-with-text">
                                            <div class="image-container">
                                                <img src="assets/images/user1.png">
                                            </div>
                                            <div class="text_info">
                                                John Doe
                                            </div>
                                        </div>
                                    </td>
                                    <td>Lorem ipsum dolor</td>
                                    <td>Acme Corporation</td>
                                    <td>John56@gmail.com</td>
                                    <td>
                                        <div class="dropdown more-actions">
                                            <button type="buton" id="moreActiondropdownMenuButton" data-toggle="dropdown"
                                                aria-haspopup="true" aria-expanded="false" class="more-btn">
                                                <img src="assets/images/more-icon-circle.svg">
                                            </button>
                                            <div class="dropdown-menu dropdown-menu-style-s1 dropdown-menu-right"
                                                aria-labelledby="moreActiondropdownMenuButton">
                                                <a class="dropdown-item edit" href=""><span><img
                                                            src="assets/images/edit.svg"></span> Edit</a>
                                                <a class="dropdown-item delete" href="#"><span><img
                                                            src="assets/images/trash.svg"></span> Delete</a>
                                                <a class="dropdown-item activities" href="#"><span><img
                                                            src="assets/images/activity.svg"></span> Activities</a>
                                            </div>
                                        </div>
                                    </td>
                                </tr>

                                <tr>
                                    <td>
                                        <div class="check-col">
                                            <input type="checkbox" class="custom-check-s1">
                                        </div>
                                    </td>
                                    <td>
                                        pet145278
                                    </td>
                                    <td>
                                        Phone
                                    </td>
                                    <td>
                                        <div class="userImage-with-text">
                                            <div class="image-container">
                                                <img src="assets/images/user1.png">
                                            </div>
                                            <div class="text_info">
                                                John Doe
                                            </div>
                                        </div>
                                    </td>
                                    <td>Lorem ipsum dolor</td>
                                    <td>Acme Corporation</td>
                                    <td>John56@gmail.com</td>
                                    <td>
                                        <div class="dropdown more-actions">
                                            <button type="buton" id="moreActiondropdownMenuButton" data-toggle="dropdown"
                                                aria-haspopup="true" aria-expanded="false" class="more-btn">
                                                <img src="assets/images/more-icon-circle.svg">
                                            </button>
                                            <div class="dropdown-menu dropdown-menu-style-s1 dropdown-menu-right"
                                                aria-labelledby="moreActiondropdownMenuButton">
                                                <a class="dropdown-item edit" href=""><span><img
                                                            src="assets/images/edit.svg"></span> Edit</a>
                                                <a class="dropdown-item delete" href="#"><span><img
                                                            src="assets/images/trash.svg"></span> Delete</a>
                                                <a class="dropdown-item activities" href="#"><span><img
                                                            src="assets/images/activity.svg"></span> Activities</a>
                                            </div>
                                        </div>
                                    </td>
                                </tr>

                                <tr>
                                    <td>
                                        <div class="check-col">
                                            <input type="checkbox" class="custom-check-s1">
                                        </div>
                                    </td>
                                    <td>
                                        pet145278
                                    </td>
                                    <td>
                                        Phone
                                    </td>
                                    <td>
                                        <div class="userImage-with-text">
                                            <div class="image-container">
                                                <img src="assets/images/user1.png">
                                            </div>
                                            <div class="text_info">
                                                John Doe
                                            </div>
                                        </div>
                                    </td>
                                    <td>Lorem ipsum dolor</td>
                                    <td>Acme Corporation</td>
                                    <td>John56@gmail.com</td>
                                    <td>
                                        <div class="dropdown more-actions">
                                            <button type="buton" id="moreActiondropdownMenuButton"
                                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
                                                class="more-btn">
                                                <img src="assets/images/more-icon-circle.svg">
                                            </button>
                                            <div class="dropdown-menu dropdown-menu-style-s1 dropdown-menu-right"
                                                aria-labelledby="moreActiondropdownMenuButton">
                                                <a class="dropdown-item edit" href=""><span><img
                                                            src="assets/images/edit.svg"></span> Edit</a>
                                                <a class="dropdown-item delete" href="#"><span><img
                                                            src="assets/images/trash.svg"></span> Delete</a>
                                                <a class="dropdown-item activities" href="#"><span><img
                                                            src="assets/images/activity.svg"></span> Activities</a>
                                            </div>
                                        </div>
                                    </td>
                                </tr>

                                <tr>
                                    <td>
                                        <div class="check-col">
                                            <input type="checkbox" class="custom-check-s1">
                                        </div>
                                    </td>
                                    <td>
                                        pet145278
                                    </td>
                                    <td>
                                        Phone
                                    </td>
                                    <td>
                                        <div class="userImage-with-text">
                                            <div class="image-container">
                                                <img src="assets/images/user1.png">
                                            </div>
                                            <div class="text_info">
                                                John Doe
                                            </div>
                                        </div>
                                    </td>
                                    <td>Lorem ipsum dolor</td>
                                    <td>Acme Corporation</td>
                                    <td>John56@gmail.com</td>
                                    <td>
                                        <div class="dropdown more-actions">
                                            <button type="buton" id="moreActiondropdownMenuButton"
                                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
                                                class="more-btn">
                                                <img src="assets/images/more-icon-circle.svg">
                                            </button>
                                            <div class="dropdown-menu dropdown-menu-style-s1 dropdown-menu-right"
                                                aria-labelledby="moreActiondropdownMenuButton">
                                                <a class="dropdown-item edit" href=""><span><img
                                                            src="assets/images/edit.svg"></span> Edit</a>
                                                <a class="dropdown-item delete" href="#"><span><img
                                                            src="assets/images/trash.svg"></span> Delete</a>
                                                <a class="dropdown-item activities" href="#"><span><img
                                                            src="assets/images/activity.svg"></span> Activities</a>
                                            </div>
                                        </div>
                                    </td>
                                </tr>

                                <tr>
                                    <td>
                                        <div class="check-col">
                                            <input type="checkbox" class="custom-check-s1">
                                        </div>
                                    </td>
                                    <td>
                                        pet145278
                                    </td>
                                    <td>
                                        Phone
                                    </td>
                                    <td>
                                        <div class="userImage-with-text">
                                            <div class="image-container">
                                                <img src="assets/images/user1.png">
                                            </div>
                                            <div class="text_info">
                                                John Doe
                                            </div>
                                        </div>
                                    </td>
                                    <td>Lorem ipsum dolor</td>
                                    <td>Acme Corporation</td>
                                    <td>John56@gmail.com</td>
                                    <td>
                                        <div class="dropdown more-actions">
                                            <button type="buton" id="moreActiondropdownMenuButton"
                                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
                                                class="more-btn">
                                                <img src="assets/images/more-icon-circle.svg">
                                            </button>
                                            <div class="dropdown-menu dropdown-menu-style-s1 dropdown-menu-right"
                                                aria-labelledby="moreActiondropdownMenuButton">
                                                <a class="dropdown-item edit" href=""><span><img
                                                            src="assets/images/edit.svg"></span> Edit</a>
                                                <a class="dropdown-item delete" href="#"><span><img
                                                            src="assets/images/trash.svg"></span> Delete</a>
                                                <a class="dropdown-item activities" href="#"><span><img
                                                            src="assets/images/activity.svg"></span> Activities</a>
                                            </div>
                                        </div>
                                    </td>
                                </tr>

                                <tr>
                                    <td>
                                        <div class="check-col">
                                            <input type="checkbox" class="custom-check-s1">
                                        </div>
                                    </td>
                                    <td>
                                        pet145278
                                    </td>
                                    <td>
                                        Phone
                                    </td>
                                    <td>
                                        <div class="userImage-with-text">
                                            <div class="image-container">
                                                <img src="assets/images/user1.png">
                                            </div>
                                            <div class="text_info">
                                                John Doe
                                            </div>
                                        </div>
                                    </td>
                                    <td>Lorem ipsum dolor</td>
                                    <td>Acme Corporation</td>
                                    <td>John56@gmail.com</td>
                                    <td>
                                        <div class="dropdown more-actions">
                                            <button type="buton" id="moreActiondropdownMenuButton"
                                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
                                                class="more-btn">
                                                <img src="assets/images/more-icon-circle.svg">
                                            </button>
                                            <div class="dropdown-menu dropdown-menu-style-s1 dropdown-menu-right"
                                                aria-labelledby="moreActiondropdownMenuButton">
                                                <a class="dropdown-item edit" href=""><span><img
                                                            src="assets/images/edit.svg"></span> Edit</a>
                                                <a class="dropdown-item delete" href="#"><span><img
                                                            src="assets/images/trash.svg"></span> Delete</a>
                                                <a class="dropdown-item activities" href="#"><span><img
                                                            src="assets/images/activity.svg"></span> Activities</a>
                                            </div>
                                        </div>
                                    </td>
                                </tr>

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

@endsection