@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">Orders List</h2>
                <p class="geex-content__header__subtitle">Table Elements is used to style and format the input field</p>
            </div>

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


        </div>

        <div class="geex-content__section geex-content__section-appt geex-content__form table-responsive">


            <table class="table-reviews-geex-1 table-reviews-geex-1-appt">
                <thead>
                    <tr style="width: 100%;">
                        <th>Id</th>
                        <th>Name</th>
                        <th>Age</th>
                        <th>Gender</th>
                        <th>Address</th>
                        <th>Mobile No.</th>
                        <th>Service</th>
                        <th>Date</th>
                        <th>Time</th>
                        <th>Status</th>
                        <th>
                            <div class="geex-content__form__single d-flex gap-10 justify-content-end">
                                <a href="void:;"
                                    class="geex-btn geex-btn-add-appt geex-btn--primary-transparent text-align-center">Add<i
                                        class="uil-plus"></i></a>
                            </div>
                        </th>
                    </tr>
                </thead>
                <tbody class="">

                    <tr>
                        <td>
                            1
                        </td>
                        <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="">25</span>
                        </td>
                        <td>
                            <span class="name">Male</span>
                        </td>
                        <td>1451 - ABC Street, NY</td>
                        <td><a href="tel:+4733378901">(+452) 8945 4568</a></td>
                        <td>ATF Fingerprint</td>
                        <td>20th Dec 2020</td>
                        <td>11:00AM</td>
                        <td>
                            <div class="geex-content__todo__list__single__text">
                                <span class="geex-badge geex-badge--success-transparent">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                        viewBox="0 0 24 24" fill="none">
                                        <path
                                            d="M12 1.00003C9.82441 1.00003 7.69767 1.64517 5.88873 2.85386C4.07979 4.06256 2.66989 5.78053 1.83733 7.79051C1.00477 9.8005 0.786929 12.0122 1.21137 14.146C1.6358 16.2798 2.68345 18.2398 4.22183 19.7782C5.76021 21.3166 7.72022 22.3642 9.85401 22.7887C11.9878 23.2131 14.1995 22.9953 16.2095 22.1627C18.2195 21.3301 19.9375 19.9202 21.1462 18.1113C22.3549 16.3024 23 14.1756 23 12C22.9966 9.0837 21.8365 6.28781 19.7744 4.22566C17.7122 2.1635 14.9163 1.00347 12 1.00003V1.00003ZM12 21C10.22 21 8.47992 20.4722 6.99987 19.4833C5.51983 18.4943 4.36628 17.0887 3.68509 15.4442C3.0039 13.7996 2.82567 11.99 3.17294 10.2442C3.5202 8.49839 4.37737 6.89474 5.63604 5.63607C6.89472 4.3774 8.49836 3.52023 10.2442 3.17296C11.99 2.8257 13.7996 3.00393 15.4442 3.68511C17.0887 4.3663 18.4943 5.51986 19.4832 6.9999C20.4722 8.47994 21 10.22 21 12C20.9974 14.3862 20.0483 16.6738 18.361 18.3611C16.6738 20.0483 14.3861 20.9974 12 21V21Z"
                                            fill="#00A389" />
                                        <path
                                            d="M16.3236 8.76298L11.0296 13.616L8.70659 11.293C8.61435 11.1975 8.504 11.1213 8.382 11.0689C8.25999 11.0165 8.12877 10.9889 7.99599 10.9877C7.86321 10.9866 7.73154 11.0119 7.60864 11.0622C7.48574 11.1124 7.37409 11.1867 7.2802 11.2806C7.18631 11.3745 7.11205 11.4861 7.06177 11.609C7.01149 11.7319 6.98619 11.8636 6.98734 11.9964C6.9885 12.1292 7.01608 12.2604 7.06849 12.3824C7.1209 12.5044 7.19708 12.6147 7.29259 12.707L10.2926 15.707C10.4748 15.8892 10.7204 15.9941 10.9781 15.9997C11.2357 16.0053 11.4856 15.9112 11.6756 15.737L17.6756 10.237C17.8711 10.0577 17.9873 9.8081 17.9987 9.54312C18.0102 9.27813 17.9159 9.01945 17.7366 8.82398C17.5573 8.62852 17.3077 8.51228 17.0427 8.50084C16.7777 8.4894 16.5191 8.58369 16.3236 8.76298V8.76298Z"
                                            fill="#00A389" />
                                    </svg>
                                    Paid
                                </span>
                            </div>
                        </td>
                        <td>
                            <div class="geex-content__form__single d-flex gap-10 justify-content-end">
                                <a href="void:;" class="geex-btn-appt geex-btn--primary-transparent" data-bs-toggle="modal"
                                    data-bs-target="#viewappointment"><i class="uil-eye"></i></a>
                                <a href="void:;" class="geex-btn-appt geex-btn--primary-transparent" data-bs-toggle="modal"
                                    data-bs-target="#editappointment"><i class="uil-edit"></i></a>
                                <a href="void:;" class="geex-btn-appt geex-btn--dark-transparent" data-bs-toggle="modal"
                                    data-bs-target="#cancelappointment"><i class="uil-trash"></i></a>
                            </div>
                        </td>
                    </tr>


                    <tr>
                        <td>
                            2
                        </td>
                        <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="">25</span>
                        </td>
                        <td>
                            <span class="name">Male</span>
                        </td>
                        <td>1451 - ABC Street, NY</td>
                        <td><a href="tel:+4733378901">(+452) 8945 4568</a></td>
                        <td>ATF Fingerprint</td>
                        <td>20th Dec 2020</td>
                        <td>11:00AM</td>
                        <td>
                            <div class="geex-content__todo__list__single__text">
                                <span class="geex-badge geex-badge--success-transparent">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                        viewBox="0 0 24 24" fill="none">
                                        <path
                                            d="M12 1.00003C9.82441 1.00003 7.69767 1.64517 5.88873 2.85386C4.07979 4.06256 2.66989 5.78053 1.83733 7.79051C1.00477 9.8005 0.786929 12.0122 1.21137 14.146C1.6358 16.2798 2.68345 18.2398 4.22183 19.7782C5.76021 21.3166 7.72022 22.3642 9.85401 22.7887C11.9878 23.2131 14.1995 22.9953 16.2095 22.1627C18.2195 21.3301 19.9375 19.9202 21.1462 18.1113C22.3549 16.3024 23 14.1756 23 12C22.9966 9.0837 21.8365 6.28781 19.7744 4.22566C17.7122 2.1635 14.9163 1.00347 12 1.00003V1.00003ZM12 21C10.22 21 8.47992 20.4722 6.99987 19.4833C5.51983 18.4943 4.36628 17.0887 3.68509 15.4442C3.0039 13.7996 2.82567 11.99 3.17294 10.2442C3.5202 8.49839 4.37737 6.89474 5.63604 5.63607C6.89472 4.3774 8.49836 3.52023 10.2442 3.17296C11.99 2.8257 13.7996 3.00393 15.4442 3.68511C17.0887 4.3663 18.4943 5.51986 19.4832 6.9999C20.4722 8.47994 21 10.22 21 12C20.9974 14.3862 20.0483 16.6738 18.361 18.3611C16.6738 20.0483 14.3861 20.9974 12 21V21Z"
                                            fill="#00A389" />
                                        <path
                                            d="M16.3236 8.76298L11.0296 13.616L8.70659 11.293C8.61435 11.1975 8.504 11.1213 8.382 11.0689C8.25999 11.0165 8.12877 10.9889 7.99599 10.9877C7.86321 10.9866 7.73154 11.0119 7.60864 11.0622C7.48574 11.1124 7.37409 11.1867 7.2802 11.2806C7.18631 11.3745 7.11205 11.4861 7.06177 11.609C7.01149 11.7319 6.98619 11.8636 6.98734 11.9964C6.9885 12.1292 7.01608 12.2604 7.06849 12.3824C7.1209 12.5044 7.19708 12.6147 7.29259 12.707L10.2926 15.707C10.4748 15.8892 10.7204 15.9941 10.9781 15.9997C11.2357 16.0053 11.4856 15.9112 11.6756 15.737L17.6756 10.237C17.8711 10.0577 17.9873 9.8081 17.9987 9.54312C18.0102 9.27813 17.9159 9.01945 17.7366 8.82398C17.5573 8.62852 17.3077 8.51228 17.0427 8.50084C16.7777 8.4894 16.5191 8.58369 16.3236 8.76298V8.76298Z"
                                            fill="#00A389" />
                                    </svg>
                                    Paid
                                </span>
                            </div>
                        </td>
                        <td>
                            <div class="geex-content__form__single d-flex gap-10 justify-content-end">
                                <a href="void:;" class="geex-btn-appt geex-btn--primary-transparent" data-bs-toggle="modal"
                                    data-bs-target="#viewappointment"><i class="uil-eye"></i></a>
                                <a href="void:;" class="geex-btn-appt geex-btn--primary-transparent" data-bs-toggle="modal"
                                    data-bs-target="#editappointment"><i class="uil-edit"></i></a>
                                <a href="void:;" class="geex-btn-appt geex-btn--dark-transparent" data-bs-toggle="modal"
                                    data-bs-target="#cancelappointment"><i class="uil-trash"></i></a>
                            </div>
                        </td>
                    </tr>


                    <tr>
                        <td>
                            3
                        </td>
                        <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="">25</span>
                        </td>
                        <td>
                            <span class="name">Male</span>
                        </td>
                        <td>1451 - ABC Street, NY</td>
                        <td><a href="tel:+4733378901">(+452) 8945 4568</a></td>
                        <td>ATF Fingerprint</td>
                        <td>20th Dec 2020</td>
                        <td>11:00AM</td>
                        <td>
                            <div class="geex-content__todo__list__single__text">
                                <span class="geex-badge geex-badge--success-transparent">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                        viewBox="0 0 24 24" fill="none">
                                        <path
                                            d="M12 1.00003C9.82441 1.00003 7.69767 1.64517 5.88873 2.85386C4.07979 4.06256 2.66989 5.78053 1.83733 7.79051C1.00477 9.8005 0.786929 12.0122 1.21137 14.146C1.6358 16.2798 2.68345 18.2398 4.22183 19.7782C5.76021 21.3166 7.72022 22.3642 9.85401 22.7887C11.9878 23.2131 14.1995 22.9953 16.2095 22.1627C18.2195 21.3301 19.9375 19.9202 21.1462 18.1113C22.3549 16.3024 23 14.1756 23 12C22.9966 9.0837 21.8365 6.28781 19.7744 4.22566C17.7122 2.1635 14.9163 1.00347 12 1.00003V1.00003ZM12 21C10.22 21 8.47992 20.4722 6.99987 19.4833C5.51983 18.4943 4.36628 17.0887 3.68509 15.4442C3.0039 13.7996 2.82567 11.99 3.17294 10.2442C3.5202 8.49839 4.37737 6.89474 5.63604 5.63607C6.89472 4.3774 8.49836 3.52023 10.2442 3.17296C11.99 2.8257 13.7996 3.00393 15.4442 3.68511C17.0887 4.3663 18.4943 5.51986 19.4832 6.9999C20.4722 8.47994 21 10.22 21 12C20.9974 14.3862 20.0483 16.6738 18.361 18.3611C16.6738 20.0483 14.3861 20.9974 12 21V21Z"
                                            fill="#00A389" />
                                        <path
                                            d="M16.3236 8.76298L11.0296 13.616L8.70659 11.293C8.61435 11.1975 8.504 11.1213 8.382 11.0689C8.25999 11.0165 8.12877 10.9889 7.99599 10.9877C7.86321 10.9866 7.73154 11.0119 7.60864 11.0622C7.48574 11.1124 7.37409 11.1867 7.2802 11.2806C7.18631 11.3745 7.11205 11.4861 7.06177 11.609C7.01149 11.7319 6.98619 11.8636 6.98734 11.9964C6.9885 12.1292 7.01608 12.2604 7.06849 12.3824C7.1209 12.5044 7.19708 12.6147 7.29259 12.707L10.2926 15.707C10.4748 15.8892 10.7204 15.9941 10.9781 15.9997C11.2357 16.0053 11.4856 15.9112 11.6756 15.737L17.6756 10.237C17.8711 10.0577 17.9873 9.8081 17.9987 9.54312C18.0102 9.27813 17.9159 9.01945 17.7366 8.82398C17.5573 8.62852 17.3077 8.51228 17.0427 8.50084C16.7777 8.4894 16.5191 8.58369 16.3236 8.76298V8.76298Z"
                                            fill="#00A389" />
                                    </svg>
                                    Paid
                                </span>
                            </div>
                        </td>
                        <td>
                            <div class="geex-content__form__single d-flex gap-10 justify-content-end">
                                <a href="void:;" class="geex-btn-appt geex-btn--primary-transparent" data-bs-toggle="modal"
                                    data-bs-target="#viewappointment"><i class="uil-eye"></i></a>
                                <a href="void:;" class="geex-btn-appt geex-btn--primary-transparent"
                                    data-bs-toggle="modal" data-bs-target="#editappointment"><i class="uil-edit"></i></a>
                                <a href="void:;" class="geex-btn-appt geex-btn--dark-transparent" data-bs-toggle="modal"
                                    data-bs-target="#cancelappointment"><i class="uil-trash"></i></a>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            4
                        </td>
                        <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="">25</span>
                        </td>
                        <td>
                            <span class="name">Male</span>
                        </td>
                        <td>1451 - ABC Street, NY</td>
                        <td><a href="tel:+4733378901">(+452) 8945 4568</a></td>
                        <td>ATF Fingerprint</td>
                        <td>20th Dec 2020</td>
                        <td>11:00AM</td>
                        <td>
                            <div class="geex-content__todo__list__single__text">
                                <span class="geex-badge geex-badge--success-transparent">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                        viewBox="0 0 24 24" fill="none">
                                        <path
                                            d="M12 1.00003C9.82441 1.00003 7.69767 1.64517 5.88873 2.85386C4.07979 4.06256 2.66989 5.78053 1.83733 7.79051C1.00477 9.8005 0.786929 12.0122 1.21137 14.146C1.6358 16.2798 2.68345 18.2398 4.22183 19.7782C5.76021 21.3166 7.72022 22.3642 9.85401 22.7887C11.9878 23.2131 14.1995 22.9953 16.2095 22.1627C18.2195 21.3301 19.9375 19.9202 21.1462 18.1113C22.3549 16.3024 23 14.1756 23 12C22.9966 9.0837 21.8365 6.28781 19.7744 4.22566C17.7122 2.1635 14.9163 1.00347 12 1.00003V1.00003ZM12 21C10.22 21 8.47992 20.4722 6.99987 19.4833C5.51983 18.4943 4.36628 17.0887 3.68509 15.4442C3.0039 13.7996 2.82567 11.99 3.17294 10.2442C3.5202 8.49839 4.37737 6.89474 5.63604 5.63607C6.89472 4.3774 8.49836 3.52023 10.2442 3.17296C11.99 2.8257 13.7996 3.00393 15.4442 3.68511C17.0887 4.3663 18.4943 5.51986 19.4832 6.9999C20.4722 8.47994 21 10.22 21 12C20.9974 14.3862 20.0483 16.6738 18.361 18.3611C16.6738 20.0483 14.3861 20.9974 12 21V21Z"
                                            fill="#00A389" />
                                        <path
                                            d="M16.3236 8.76298L11.0296 13.616L8.70659 11.293C8.61435 11.1975 8.504 11.1213 8.382 11.0689C8.25999 11.0165 8.12877 10.9889 7.99599 10.9877C7.86321 10.9866 7.73154 11.0119 7.60864 11.0622C7.48574 11.1124 7.37409 11.1867 7.2802 11.2806C7.18631 11.3745 7.11205 11.4861 7.06177 11.609C7.01149 11.7319 6.98619 11.8636 6.98734 11.9964C6.9885 12.1292 7.01608 12.2604 7.06849 12.3824C7.1209 12.5044 7.19708 12.6147 7.29259 12.707L10.2926 15.707C10.4748 15.8892 10.7204 15.9941 10.9781 15.9997C11.2357 16.0053 11.4856 15.9112 11.6756 15.737L17.6756 10.237C17.8711 10.0577 17.9873 9.8081 17.9987 9.54312C18.0102 9.27813 17.9159 9.01945 17.7366 8.82398C17.5573 8.62852 17.3077 8.51228 17.0427 8.50084C16.7777 8.4894 16.5191 8.58369 16.3236 8.76298V8.76298Z"
                                            fill="#00A389" />
                                    </svg>
                                    Paid
                                </span>
                            </div>
                        </td>
                        <td>
                            <div class="geex-content__form__single d-flex gap-10 justify-content-end">
                                <a href="void:;" class="geex-btn-appt geex-btn--primary-transparent"
                                    data-bs-toggle="modal" data-bs-target="#viewappointment"><i class="uil-eye"></i></a>
                                <a href="void:;" class="geex-btn-appt geex-btn--primary-transparent"
                                    data-bs-toggle="modal" data-bs-target="#editappointment"><i class="uil-edit"></i></a>
                                <a href="void:;" class="geex-btn-appt geex-btn--dark-transparent" data-bs-toggle="modal"
                                    data-bs-target="#cancelappointment"><i class="uil-trash"></i></a>
                            </div>
                        </td>
                    </tr>


                    <tr>
                        <td>
                            5
                        </td>
                        <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="">25</span>
                        </td>
                        <td>
                            <span class="name">Male</span>
                        </td>
                        <td>1451 - ABC Street, NY</td>
                        <td><a href="tel:+4733378901">(+452) 8945 4568</a></td>
                        <td>ATF Fingerprint</td>
                        <td>20th Dec 2020</td>
                        <td>11:00AM</td>
                        <td>
                            <div class="geex-content__todo__list__single__text">
                                <span class="geex-badge geex-badge--success-transparent">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                        viewBox="0 0 24 24" fill="none">
                                        <path
                                            d="M12 1.00003C9.82441 1.00003 7.69767 1.64517 5.88873 2.85386C4.07979 4.06256 2.66989 5.78053 1.83733 7.79051C1.00477 9.8005 0.786929 12.0122 1.21137 14.146C1.6358 16.2798 2.68345 18.2398 4.22183 19.7782C5.76021 21.3166 7.72022 22.3642 9.85401 22.7887C11.9878 23.2131 14.1995 22.9953 16.2095 22.1627C18.2195 21.3301 19.9375 19.9202 21.1462 18.1113C22.3549 16.3024 23 14.1756 23 12C22.9966 9.0837 21.8365 6.28781 19.7744 4.22566C17.7122 2.1635 14.9163 1.00347 12 1.00003V1.00003ZM12 21C10.22 21 8.47992 20.4722 6.99987 19.4833C5.51983 18.4943 4.36628 17.0887 3.68509 15.4442C3.0039 13.7996 2.82567 11.99 3.17294 10.2442C3.5202 8.49839 4.37737 6.89474 5.63604 5.63607C6.89472 4.3774 8.49836 3.52023 10.2442 3.17296C11.99 2.8257 13.7996 3.00393 15.4442 3.68511C17.0887 4.3663 18.4943 5.51986 19.4832 6.9999C20.4722 8.47994 21 10.22 21 12C20.9974 14.3862 20.0483 16.6738 18.361 18.3611C16.6738 20.0483 14.3861 20.9974 12 21V21Z"
                                            fill="#00A389" />
                                        <path
                                            d="M16.3236 8.76298L11.0296 13.616L8.70659 11.293C8.61435 11.1975 8.504 11.1213 8.382 11.0689C8.25999 11.0165 8.12877 10.9889 7.99599 10.9877C7.86321 10.9866 7.73154 11.0119 7.60864 11.0622C7.48574 11.1124 7.37409 11.1867 7.2802 11.2806C7.18631 11.3745 7.11205 11.4861 7.06177 11.609C7.01149 11.7319 6.98619 11.8636 6.98734 11.9964C6.9885 12.1292 7.01608 12.2604 7.06849 12.3824C7.1209 12.5044 7.19708 12.6147 7.29259 12.707L10.2926 15.707C10.4748 15.8892 10.7204 15.9941 10.9781 15.9997C11.2357 16.0053 11.4856 15.9112 11.6756 15.737L17.6756 10.237C17.8711 10.0577 17.9873 9.8081 17.9987 9.54312C18.0102 9.27813 17.9159 9.01945 17.7366 8.82398C17.5573 8.62852 17.3077 8.51228 17.0427 8.50084C16.7777 8.4894 16.5191 8.58369 16.3236 8.76298V8.76298Z"
                                            fill="#00A389" />
                                    </svg>
                                    Paid
                                </span>
                            </div>
                        </td>
                        <td>
                            <div class="geex-content__form__single d-flex gap-10 justify-content-end">
                                <a href="void:;" class="geex-btn-appt geex-btn--primary-transparent"
                                    data-bs-toggle="modal" data-bs-target="#viewappointment"><i class="uil-eye"></i></a>
                                <a href="void:;" class="geex-btn-appt geex-btn--primary-transparent"
                                    data-bs-toggle="modal" data-bs-target="#editappointment"><i class="uil-edit"></i></a>
                                <a href="void:;" class="geex-btn-appt geex-btn--dark-transparent" data-bs-toggle="modal"
                                    data-bs-target="#cancelappointment"><i class="uil-trash"></i></a>
                            </div>
                        </td>
                    </tr>


                    <tr>
                        <td>
                            6
                        </td>
                        <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="">25</span>
                        </td>
                        <td>
                            <span class="name">Male</span>
                        </td>
                        <td>1451 - ABC Street, NY</td>
                        <td><a href="tel:+4733378901">(+452) 8945 4568</a></td>
                        <td>ATF Fingerprint</td>
                        <td>20th Dec 2020</td>
                        <td>11:00AM</td>
                        <td>
                            <div class="geex-content__todo__list__single__text">
                                <span class="geex-badge geex-badge--success-transparent">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                        viewBox="0 0 24 24" fill="none">
                                        <path
                                            d="M12 1.00003C9.82441 1.00003 7.69767 1.64517 5.88873 2.85386C4.07979 4.06256 2.66989 5.78053 1.83733 7.79051C1.00477 9.8005 0.786929 12.0122 1.21137 14.146C1.6358 16.2798 2.68345 18.2398 4.22183 19.7782C5.76021 21.3166 7.72022 22.3642 9.85401 22.7887C11.9878 23.2131 14.1995 22.9953 16.2095 22.1627C18.2195 21.3301 19.9375 19.9202 21.1462 18.1113C22.3549 16.3024 23 14.1756 23 12C22.9966 9.0837 21.8365 6.28781 19.7744 4.22566C17.7122 2.1635 14.9163 1.00347 12 1.00003V1.00003ZM12 21C10.22 21 8.47992 20.4722 6.99987 19.4833C5.51983 18.4943 4.36628 17.0887 3.68509 15.4442C3.0039 13.7996 2.82567 11.99 3.17294 10.2442C3.5202 8.49839 4.37737 6.89474 5.63604 5.63607C6.89472 4.3774 8.49836 3.52023 10.2442 3.17296C11.99 2.8257 13.7996 3.00393 15.4442 3.68511C17.0887 4.3663 18.4943 5.51986 19.4832 6.9999C20.4722 8.47994 21 10.22 21 12C20.9974 14.3862 20.0483 16.6738 18.361 18.3611C16.6738 20.0483 14.3861 20.9974 12 21V21Z"
                                            fill="#00A389" />
                                        <path
                                            d="M16.3236 8.76298L11.0296 13.616L8.70659 11.293C8.61435 11.1975 8.504 11.1213 8.382 11.0689C8.25999 11.0165 8.12877 10.9889 7.99599 10.9877C7.86321 10.9866 7.73154 11.0119 7.60864 11.0622C7.48574 11.1124 7.37409 11.1867 7.2802 11.2806C7.18631 11.3745 7.11205 11.4861 7.06177 11.609C7.01149 11.7319 6.98619 11.8636 6.98734 11.9964C6.9885 12.1292 7.01608 12.2604 7.06849 12.3824C7.1209 12.5044 7.19708 12.6147 7.29259 12.707L10.2926 15.707C10.4748 15.8892 10.7204 15.9941 10.9781 15.9997C11.2357 16.0053 11.4856 15.9112 11.6756 15.737L17.6756 10.237C17.8711 10.0577 17.9873 9.8081 17.9987 9.54312C18.0102 9.27813 17.9159 9.01945 17.7366 8.82398C17.5573 8.62852 17.3077 8.51228 17.0427 8.50084C16.7777 8.4894 16.5191 8.58369 16.3236 8.76298V8.76298Z"
                                            fill="#00A389" />
                                    </svg>
                                    Paid
                                </span>
                            </div>
                        </td>
                        <td>
                            <div class="geex-content__form__single d-flex gap-10 justify-content-end">
                                <a href="void:;" class="geex-btn-appt geex-btn--primary-transparent"
                                    data-bs-toggle="modal" data-bs-target="#viewappointment"><i class="uil-eye"></i></a>
                                <a href="void:;" class="geex-btn-appt geex-btn--primary-transparent"
                                    data-bs-toggle="modal" data-bs-target="#editappointment"><i class="uil-edit"></i></a>
                                <a href="void:;" class="geex-btn-appt geex-btn--dark-transparent" data-bs-toggle="modal"
                                    data-bs-target="#cancelappointment"><i class="uil-trash"></i></a>
                            </div>
                        </td>
                    </tr>


                    <tr>
                        <td>
                            7
                        </td>
                        <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="">25</span>
                        </td>
                        <td>
                            <span class="name">Male</span>
                        </td>
                        <td>1451 - ABC Street, NY</td>
                        <td><a href="tel:+4733378901">(+452) 8945 4568</a></td>
                        <td>ATF Fingerprint</td>
                        <td>20th Dec 2020</td>
                        <td>11:00AM</td>
                        <td>
                            <div class="geex-content__todo__list__single__text">
                                <span class="geex-badge geex-badge--success-transparent">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                        viewBox="0 0 24 24" fill="none">
                                        <path
                                            d="M12 1.00003C9.82441 1.00003 7.69767 1.64517 5.88873 2.85386C4.07979 4.06256 2.66989 5.78053 1.83733 7.79051C1.00477 9.8005 0.786929 12.0122 1.21137 14.146C1.6358 16.2798 2.68345 18.2398 4.22183 19.7782C5.76021 21.3166 7.72022 22.3642 9.85401 22.7887C11.9878 23.2131 14.1995 22.9953 16.2095 22.1627C18.2195 21.3301 19.9375 19.9202 21.1462 18.1113C22.3549 16.3024 23 14.1756 23 12C22.9966 9.0837 21.8365 6.28781 19.7744 4.22566C17.7122 2.1635 14.9163 1.00347 12 1.00003V1.00003ZM12 21C10.22 21 8.47992 20.4722 6.99987 19.4833C5.51983 18.4943 4.36628 17.0887 3.68509 15.4442C3.0039 13.7996 2.82567 11.99 3.17294 10.2442C3.5202 8.49839 4.37737 6.89474 5.63604 5.63607C6.89472 4.3774 8.49836 3.52023 10.2442 3.17296C11.99 2.8257 13.7996 3.00393 15.4442 3.68511C17.0887 4.3663 18.4943 5.51986 19.4832 6.9999C20.4722 8.47994 21 10.22 21 12C20.9974 14.3862 20.0483 16.6738 18.361 18.3611C16.6738 20.0483 14.3861 20.9974 12 21V21Z"
                                            fill="#00A389" />
                                        <path
                                            d="M16.3236 8.76298L11.0296 13.616L8.70659 11.293C8.61435 11.1975 8.504 11.1213 8.382 11.0689C8.25999 11.0165 8.12877 10.9889 7.99599 10.9877C7.86321 10.9866 7.73154 11.0119 7.60864 11.0622C7.48574 11.1124 7.37409 11.1867 7.2802 11.2806C7.18631 11.3745 7.11205 11.4861 7.06177 11.609C7.01149 11.7319 6.98619 11.8636 6.98734 11.9964C6.9885 12.1292 7.01608 12.2604 7.06849 12.3824C7.1209 12.5044 7.19708 12.6147 7.29259 12.707L10.2926 15.707C10.4748 15.8892 10.7204 15.9941 10.9781 15.9997C11.2357 16.0053 11.4856 15.9112 11.6756 15.737L17.6756 10.237C17.8711 10.0577 17.9873 9.8081 17.9987 9.54312C18.0102 9.27813 17.9159 9.01945 17.7366 8.82398C17.5573 8.62852 17.3077 8.51228 17.0427 8.50084C16.7777 8.4894 16.5191 8.58369 16.3236 8.76298V8.76298Z"
                                            fill="#00A389" />
                                    </svg>
                                    Paid
                                </span>
                            </div>
                        </td>
                        <td>
                            <div class="geex-content__form__single d-flex gap-10 justify-content-end">
                                <a href="void:;" class="geex-btn-appt geex-btn--primary-transparent"
                                    data-bs-toggle="modal" data-bs-target="#viewappointment"><i class="uil-eye"></i></a>
                                <a href="void:;" class="geex-btn-appt geex-btn--primary-transparent"
                                    data-bs-toggle="modal" data-bs-target="#editappointment"><i class="uil-edit"></i></a>
                                <a href="void:;" class="geex-btn-appt geex-btn--dark-transparent" data-bs-toggle="modal"
                                    data-bs-target="#cancelappointment"><i class="uil-trash"></i></a>
                            </div>
                        </td>
                    </tr>


                    <tr>
                        <td>
                            8
                        </td>
                        <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="">25</span>
                        </td>
                        <td>
                            <span class="name">Male</span>
                        </td>
                        <td>1451 - ABC Street, NY</td>
                        <td><a href="tel:+4733378901">(+452) 8945 4568</a></td>
                        <td>ATF Fingerprint</td>
                        <td>20th Dec 2020</td>
                        <td>11:00AM</td>
                        <td>
                            <div class="geex-content__todo__list__single__text">
                                <span class="geex-badge geex-badge--success-transparent">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                        viewBox="0 0 24 24" fill="none">
                                        <path
                                            d="M12 1.00003C9.82441 1.00003 7.69767 1.64517 5.88873 2.85386C4.07979 4.06256 2.66989 5.78053 1.83733 7.79051C1.00477 9.8005 0.786929 12.0122 1.21137 14.146C1.6358 16.2798 2.68345 18.2398 4.22183 19.7782C5.76021 21.3166 7.72022 22.3642 9.85401 22.7887C11.9878 23.2131 14.1995 22.9953 16.2095 22.1627C18.2195 21.3301 19.9375 19.9202 21.1462 18.1113C22.3549 16.3024 23 14.1756 23 12C22.9966 9.0837 21.8365 6.28781 19.7744 4.22566C17.7122 2.1635 14.9163 1.00347 12 1.00003V1.00003ZM12 21C10.22 21 8.47992 20.4722 6.99987 19.4833C5.51983 18.4943 4.36628 17.0887 3.68509 15.4442C3.0039 13.7996 2.82567 11.99 3.17294 10.2442C3.5202 8.49839 4.37737 6.89474 5.63604 5.63607C6.89472 4.3774 8.49836 3.52023 10.2442 3.17296C11.99 2.8257 13.7996 3.00393 15.4442 3.68511C17.0887 4.3663 18.4943 5.51986 19.4832 6.9999C20.4722 8.47994 21 10.22 21 12C20.9974 14.3862 20.0483 16.6738 18.361 18.3611C16.6738 20.0483 14.3861 20.9974 12 21V21Z"
                                            fill="#00A389" />
                                        <path
                                            d="M16.3236 8.76298L11.0296 13.616L8.70659 11.293C8.61435 11.1975 8.504 11.1213 8.382 11.0689C8.25999 11.0165 8.12877 10.9889 7.99599 10.9877C7.86321 10.9866 7.73154 11.0119 7.60864 11.0622C7.48574 11.1124 7.37409 11.1867 7.2802 11.2806C7.18631 11.3745 7.11205 11.4861 7.06177 11.609C7.01149 11.7319 6.98619 11.8636 6.98734 11.9964C6.9885 12.1292 7.01608 12.2604 7.06849 12.3824C7.1209 12.5044 7.19708 12.6147 7.29259 12.707L10.2926 15.707C10.4748 15.8892 10.7204 15.9941 10.9781 15.9997C11.2357 16.0053 11.4856 15.9112 11.6756 15.737L17.6756 10.237C17.8711 10.0577 17.9873 9.8081 17.9987 9.54312C18.0102 9.27813 17.9159 9.01945 17.7366 8.82398C17.5573 8.62852 17.3077 8.51228 17.0427 8.50084C16.7777 8.4894 16.5191 8.58369 16.3236 8.76298V8.76298Z"
                                            fill="#00A389" />
                                    </svg>
                                    Paid
                                </span>
                            </div>
                        </td>
                        <td>
                            <div class="geex-content__form__single d-flex gap-10 justify-content-end">
                                <a href="void:;" class="geex-btn-appt geex-btn--primary-transparent"
                                    data-bs-toggle="modal" data-bs-target="#viewappointment"><i class="uil-eye"></i></a>
                                <a href="void:;" class="geex-btn-appt geex-btn--primary-transparent"
                                    data-bs-toggle="modal" data-bs-target="#editappointment"><i class="uil-edit"></i></a>
                                <a href="void:;" class="geex-btn-appt geex-btn--dark-transparent" data-bs-toggle="modal"
                                    data-bs-target="#cancelappointment"><i class="uil-trash"></i></a>
                            </div>
                        </td>
                    </tr>

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

    <!-- View Appointment Start -->
    <div class="modal fade" id="viewappointment" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header border-bottom p-3">
                    <h5 class="modal-title" id="exampleModalLabel">View Appointment</h5>
                    <button type="button" class="btn btn-icon btn-close" data-bs-dismiss="modal" id="close-modal"><i
                            class="uil uil-times fs-4 text-dark"></i></button>
                </div>
                <div class="modal-body p-3 pt-4">
                    <div class="row align-items-center">
                        <div class="col-lg-2 col-md-4">
                            <img src="{{ asset('dashboard/assets/img/contact/01.png') }}" alt="reviews"
                                class="avatar avatar-md-md shadow mx-auto d-block" alt="">
                        </div>
                        <!--end col-->

                        <div class="col-lg-5 col-md-8 text-center text-md-start mt-4 mt-sm-0">
                            <h6 class="">David Millar</h6>
                            <p class="text-muted mb-0">ID: 1</p>
                        </div>
                        <!--end col-->
                    </div>
                    <!--end row-->

                    <form class="mt-4">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3 px-4">
                                    <label class="form-label">Age</label>
                                    <p name="name" id="name" type="text" class="form-control"> 25</p>
                                </div>
                            </div>
                            <!--end col-->

                            <div class="col-md-6">
                                <div class="mb-3 px-4">
                                    <label class="form-label">Gender</label>
                                    <p name="name" id="name" type="text" class="form-control"> Male</p>
                                </div>
                            </div>
                            <!--end col-->

                            <div class="col-md-6">
                                <div class="mb-3 px-4">
                                    <label class="form-label">Mobile no.</label>
                                    <p name="number" id="number" type="text" class="form-control">(+452) 8945
                                        4568</p>
                                </div>
                            </div>
                            <!--end col-->

                            <div class="col-md-6">
                                <div class="mb-3 px-4">
                                    <label class="form-label">Service</label>
                                    <p name="name" id="name" type="text" class="form-control"> ATF
                                        Fingerprint</p>
                                </div>
                            </div>
                            <!--end col-->

                            <div class="col-md-6">
                                <div class="mb-3 px-4">
                                    <label class="form-label">Date</label>
                                    <p name="name" id="name2" type="text" class="form-control">20th Dec, 2020
                                    </p>
                                </div>
                            </div>
                            <!--end col-->

                            <div class="col-md-6">
                                <div class="mb-3 px-4">
                                    <label class="form-label">Time</label>
                                    <p name="email" id="email" type="email" class="form-control">11:00 AM</p>
                                </div>
                            </div>
                            <!--end col-->

                            <div class="col-md-12">
                                <div class="mb-3 px-4">
                                    <label class="form-label">Address</label>
                                    <p name="comments" id="comments" rows="4" class="form-control">1451 - ABC
                                        Street, NY
                                    </p>
                                </div>
                            </div>
                        </div>
                        <!--end row-->
                    </form>
                    <!--end form-->
                </div>
            </div>
        </div>
    </div>
    <!-- View Appointment End -->

    <!-- Edit Appointment Start -->
    <div class="modal fade" id="editappointment" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header border-bottom p-3">
                    <h5 class="modal-title" id="exampleModalLabel">Edit Appointment</h5>
                    <button type="button" class="btn btn-icon btn-close" data-bs-dismiss="modal" id="close-modal"><i
                            class="uil uil-times fs-4 text-dark"></i></button>
                </div>
                <div class="modal-body p-3 pt-4">
                    <form>
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="mb-3">
                                    <label class="form-label">Name <span class="text-danger">*</span></label>
                                    <input name="name" id="name" type="text" class="form-control"
                                        placeholder="Name :">
                                </div>
                            </div>
                            <!--end col-->

                            <div class="col-lg-4 col-md-6">
                                <div class="mb-3">
                                    <label class="form-label">Service</label>
                                    <select class="form-select form-control">
                                        <option value="FINRA">FINRA Background</option>
                                        <option value="NFA">NFA Fingerprint</option>
                                        <option value="Apostille">Apostille Service</option>
                                        <option value="ATF">ATF Fingerprint</option>
                                    </select>
                                </div>
                            </div>
                            <!--end col-->
                            <div class="col-lg-4 col-md-6">
                                <div class="mb-3">
                                    <label class="form-label">Your Email <span class="text-danger">*</span></label>
                                    <input name="email" id="email" type="email" class="form-control"
                                        placeholder="Your email :">
                                </div>
                            </div>
                            <!--end col-->

                            <div class="col-lg-4 col-md-6">
                                <div class="mb-3">
                                    <label class="form-label">Your Phone <span class="text-danger">*</span></label>
                                    <input name="phone" id="phone" type="tel" class="form-control"
                                        placeholder="Your Phone :">
                                </div>
                            </div>
                            <!--end col-->

                            <div class="col-lg-4 col-md-6">
                                <div class="mb-3">
                                    <label class="form-label"> Date : </label>
                                    <input name="date" type="text" class="form-control start"
                                        placeholder="Select date :">
                                </div>
                            </div>
                            <!--end col-->

                            <div class="col-lg-4 col-md-6">
                                <div class="mb-3">
                                    <label class="form-label" for="input-time">Time : </label>
                                    <input name="time" type="text" class="form-control timepicker" id="input-time"
                                        placeholder="03:30 PM">
                                </div>
                            </div>
                            <!--end col-->

                            <div class="col-lg-12">
                                <div class="mb-3">
                                    <label class="form-label">Comments <span class="text-danger">*</span></label>
                                    <textarea name="comments" id="comments" rows="4" class="form-control" placeholder="Your Message :"></textarea>
                                </div>
                            </div>
                            <!--end col-->

                            <div class="col-lg-12">
                                <div class="d-grid">
                                    <button type="submit" class="btn btn-primary">Update</button>
                                </div>
                            </div>
                            <!--end col-->
                        </div>
                        <!--end row-->
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- Edit Appointment End -->

    <!-- Cancel Appointment Start -->
    <div class="modal fade" id="cancelappointment" tabindex="-1" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-body py-5">
                    <div class="text-center">
                        <div class="icon d-flex align-items-center justify-content-center bg-soft-danger rounded-circle mx-auto"
                            style="height: 95px; width:95px;">
                            <i class="uil uil-times-circle h1 mb-0"></i>
                        </div>
                        <div class="mt-4">
                            <h4>Cancel Appointment</h4>
                            <p class="para-desc mx-auto text-muted mb-0">Lorem ipsum dolor, sit amet consectetur
                                adipisicing elit. Vitae quaerat minima molestiae repellendus sit</p>
                            <div class="mt-4">
                                <a href="#" class="btn btn-soft-danger">Cancel</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Cancel Appointment End -->

    @endsection