@extends('dashboard.layouts.master')
@section('content')
    <div class="geex-content">
        <div class="geex-content__header">
            <div class="geex-content__header__content">
                <h2 class="geex-content__header__title">Users</h2>
                <p class="geex-content__header__subtitle">Welcome to Users area</p>
            </div>

            @include('dashboard.layouts.include.actions')

        </div>

        <div class="geex-content__wrapper">
            <div class="geex-content__section-wrapper">
                <div class="geex-content__section geex-content__section--transparent">
                    <div class="row">
                        <div class="geex-content__todo__header custom-al">
                            <div class="geex-content__todo__header__title">
                                <button class="geex-btn geex-btn--primary geex-btn__add-modal"><i class="uil-plus"></i>
                                    New
                                    User</button>
                            </div>
                            <ul class="nav nav-tabs geex-todo-tab geex-content__todo__header__filter" id="geex-todo-tab"
                                role="tablist">
                                <li class="geex-content__todo__header__filter__sortby">
                                    <select>
                                        <option value="newest">Newest Agents</option>
                                        <option value="oldest">Oldest</option>
                                        <option value="name">Name</option>
                                    </select>
                                    <i class="uil-angle-down"></i>
                                </li>
                            </ul>
                        </div>
                        <div class="col-12">
                            <div class="geex-content__section geex-content__form table-responsive">
                                <table class="table-reviews-geex-1">
                                    <thead>
                                        <tr style="width: 100%;">
                                            <th style="width: 20%;">Name</th>
                                            <th style="width: 20%;">Designation</th>
                                            <th style="width: 20%;">Company</th>
                                            <th style="width: 20%;">Phone</th>
                                            <th style="width: 20%;">Email</th>
                                        </tr>
                                    </thead>
                                    <tbody class="">
                                        <tr>
                                            <td>
                                                <div class="author-area">
                                                    <div class="profile-picture">
                                                        <img src="{{ asset('dashboard/assets/img/contact/01.png') }}" alt="reviews">
                                                    </div>
                                                    <p>david millar</p>
                                                </div>
                                            </td>
                                            <td>
                                                <span class="designation">(CEO)*</span>
                                            </td>
                                            <td>
                                                <span class="name">ABC Company</span>
                                            </td>
                                            <td><a href="tel:+4733378901">+8801265648289</a></td>
                                            <td><a href="mailto:webmaster@example.com">millar@mail.com</a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="author-area">
                                                    <div class="profile-picture">
                                                        <img src="{{ asset('dashboard/assets/img/contact/02.png') }}" alt="reviews">
                                                    </div>
                                                    <p>Brian Pfeffer</p>
                                                </div>
                                            </td>
                                            <td>
                                                <span class="designation">Senior Developer</span>
                                            </td>
                                            <td>
                                                <span class="name">ABC Company</span>
                                            </td>
                                            <td><a href="tel:+4733378901">+880121238789</a></td>
                                            <td><a href="mailto:webmaster@example.com">Brian@mail.com</a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="author-area">
                                                    <div class="profile-picture">
                                                        <img src="{{ asset('dashboard/assets/img/contact/03.png') }}" alt="reviews">
                                                    </div>
                                                    <p>Tamim Iqbal</p>
                                                </div>
                                            </td>
                                            <td>
                                                <span class="designation">Developer</span>
                                            </td>
                                            <td>
                                                <span class="name">ABC Company</span>
                                            </td>
                                            <td><a href="tel:+4733378901">+880125968789</a></td>
                                            <td><a href="mailto:webmaster@example.com">Tamim@mail.com</a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="author-area">
                                                    <div class="profile-picture">
                                                        <img src="{{ asset('dashboard/assets/img/contact/04.png') }}" alt="reviews">
                                                    </div>
                                                    <p>Mehadi Meraj</p>
                                                </div>
                                            </td>
                                            <td>
                                                <span class="designation">Senior Designer</span>
                                            </td>
                                            <td>
                                                <span class="name">ABC Company</span>
                                            </td>
                                            <td><a href="tel:+4733378901">+880123235419</a></td>
                                            <td><a href="mailto:webmaster@example.com">Mehadi@mail.com</a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="author-area">
                                                    <div class="profile-picture">
                                                        <img src="{{ asset('dashboard/assets/img/contact/05.png') }}" alt="reviews">
                                                    </div>
                                                    <p>Sakib al Hasan</p>
                                                </div>
                                            </td>
                                            <td>
                                                <span class="designation">Designer</span>
                                            </td>
                                            <td>
                                                <span class="name">ABC Company</span>
                                            </td>
                                            <td><a href="tel:+4733378901">+880123464239</a></td>
                                            <td><a href="mailto:webmaster@example.com">Sakib@mail.com</a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="author-area">
                                                    <div class="profile-picture">
                                                        <img src="{{ asset('dashboard/assets/img/contact/06.png') }}" alt="reviews">
                                                    </div>
                                                    <p>MR.John Lee</p>
                                                </div>
                                            </td>
                                            <td>
                                                <span class="designation">Content Writer</span>
                                            </td>
                                            <td>
                                                <span class="name">ABC Company</span>
                                            </td>
                                            <td><a href="tel:+4733378901">+880123456889</a></td>
                                            <td><a href="mailto:webmaster@example.com">John@mail.com</a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="author-area">
                                                    <div class="profile-picture">
                                                        <img src="{{ asset('dashboard/assets/img/contact/07.png') }}" alt="reviews">
                                                    </div>
                                                    <p>Christopher</p>
                                                </div>
                                            </td>
                                            <td>
                                                <span class="designation">(COO)</span>
                                            </td>
                                            <td>
                                                <span class="name">ABC Company</span>
                                            </td>
                                            <td><a href="tel:+4733378901">+880123468789</a></td>
                                            <td><a href="mailto:webmaster@example.com">Christopher@mail.com</a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="author-area">
                                                    <div class="profile-picture">
                                                        <img src="{{ asset('dashboard/assets/img/contact/08.png') }}" alt="reviews">
                                                    </div>
                                                    <p>MR.Christopher</p>
                                                </div>
                                            </td>
                                            <td>
                                                <span class="designation">Central Usability Officer</span>
                                            </td>
                                            <td>
                                                <span class="name">ABC Company</span>
                                            </td>
                                            <td><a href="tel:+4733378901">+880123468789</a></td>
                                            <td><a href="mailto:webmaster@example.com">Christopher@mail.com</a>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="geex-content__modal__form">
                    <div class="geex-content__modal__form__header">
                        <h3 class="geex-content__modal__form__title">Add New User</h3>
                        <button class="geex-content__modal__form__close">
                            <i class="uil-times"></i>
                        </button>
                    </div>
                    <form class="geex-content__modal__form__wrapper">
                        <div class="geex-content__modal__form__item">
                            <input type="text" name="geex-content__modal__form__name"
                                class="geex-content__modal__form__input" placeholder="Name" />
                        </div>
                        <div class="geex-content__modal__form__item">
                            <input type="text" name="geex-content__modal__form__name"
                                class="geex-content__modal__form__input" placeholder="Designation" />
                        </div>
                        <div class="geex-content__modal__form__item">
                            <input type="text" name="geex-content__modal__form__name"
                                class="geex-content__modal__form__input" placeholder="Studio Name" />
                        </div>
                        <div class="geex-content__modal__form__item">
                            <input type="text" name="geex-content__modal__form__name"
                                class="geex-content__modal__form__input" placeholder="Phone Number" />
                        </div>
                        <div class="geex-content__modal__form__item">
                            <input type="text" name="geex-content__modal__form__name"
                                class="geex-content__modal__form__input" placeholder="Email Address" />
                        </div>
                        <div class="geex-content__modal__form__item">
                            <button type="submit" class="geex-content__modal__form__submit">Submit</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    @endsection