@include('more.vendor.partials._header')

         {{-- Main content --}}
         <div class="main-content">
            <div class="row">
               <div class="col-lg-12">
                  <div class="main-content-title-profile mb-30">
                     <div class="main-content-title">
                        <h3>{{ $title }}</h3>
                     </div>
                  </div>
               </div>
            </div>
            <div class="subscription-package-wrapper">
               <div class="subscription-payment-wrapper">
                  <h4>Payment Invoice</h4>
                  <ul class="payment-list">
                     <li class="style-2">
                        <div class="list-content-status">
                           <div class="list-serial-content">
                              <div class="serial">
                                 <span>01.</span>
                              </div>
                              <div class="list-content two">
                                 <div class="icon">
                                    <img src="assets/img/dashboard/icon/payment-invoice-pdf-icon.svg" alt>
                                 </div>
                                 <div class="content">
                                    <div class="card-number-show">
                                       <h6>Businsess Invoice-2023.pdf</h6>
                                    </div>
                                    <p>Invoice Date: 02 April, 2024</p>
                                 </div>
                              </div>
                           </div>
                           <div class="payment-status">
                              <h6>Status</h6>
                              <span>Paid</span>
                           </div>
                        </div>
                        <div class="download-btn-and-dot">
                           <div class="download-btn">
                              <a href="assets/img/dashboard/lesson1.pdf" download="lesson1.html">
                                 Download
                                 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14">
                                    <g clip-path="url(#clip0_987_964)">
                                       <path d="M0.4375 8.6626C0.553532 8.6626 0.664812 8.70869 0.746859 8.79074C0.828906 8.87279 0.875 8.98407 0.875 9.1001V11.2876C0.875 11.5197 0.967187 11.7422 1.13128 11.9063C1.29538 12.0704 1.51794 12.1626 1.75 12.1626H12.25C12.4821 12.1626 12.7046 12.0704 12.8687 11.9063C13.0328 11.7422 13.125 11.5197 13.125 11.2876V9.1001C13.125 8.98407 13.1711 8.87279 13.2531 8.79074C13.3352 8.70869 13.4465 8.6626 13.5625 8.6626C13.6785 8.6626 13.7898 8.70869 13.8719 8.79074C13.9539 8.87279 14 8.98407 14 9.1001V11.2876C14 11.7517 13.8156 12.1968 13.4874 12.525C13.1592 12.8532 12.7141 13.0376 12.25 13.0376H1.75C1.28587 13.0376 0.840752 12.8532 0.512563 12.525C0.184374 12.1968 0 11.7517 0 11.2876V9.1001C0 8.98407 0.0460936 8.87279 0.128141 8.79074C0.210188 8.70869 0.321468 8.6626 0.4375 8.6626Z" />
                                       <path d="M6.68983 10.3722C6.73047 10.413 6.77874 10.4453 6.8319 10.4674C6.88505 10.4894 6.94203 10.5008 6.99958 10.5008C7.05712 10.5008 7.1141 10.4894 7.16726 10.4674C7.22041 10.4453 7.26869 10.413 7.30933 10.3722L9.93433 7.74725C10.0165 7.6651 10.0626 7.55368 10.0626 7.4375C10.0626 7.32132 10.0165 7.2099 9.93433 7.12775C9.85218 7.0456 9.74076 6.99945 9.62458 6.99945C9.5084 6.99945 9.39698 7.0456 9.31483 7.12775L7.43708 9.00638V1.3125C7.43708 1.19647 7.39098 1.08519 7.30894 1.00314C7.22689 0.921094 7.11561 0.875 6.99958 0.875C6.88354 0.875 6.77226 0.921094 6.69022 1.00314C6.60817 1.08519 6.56208 1.19647 6.56208 1.3125V9.00638L4.68433 7.12775C4.60218 7.0456 4.49076 6.99945 4.37458 6.99945C4.2584 6.99945 4.14698 7.0456 4.06483 7.12775C3.98268 7.2099 3.93652 7.32132 3.93652 7.4375C3.93652 7.55368 3.98268 7.6651 4.06483 7.74725L6.68983 10.3722Z" />
                                    </g>
                                 </svg>
                              </a>
                           </div>
                           <div class="dot-icon">
                              <svg xmlns="http://www.w3.org/2000/svg" width="3" height="13" viewBox="0 0 3 13">
                                 <path d="M3 11.5C3 11.8978 2.84196 12.2794 2.56066 12.5607C2.27936 12.842 1.89782 13 1.5 13C1.10218 13 0.720644 12.842 0.43934 12.5607C0.158035 12.2794 0 11.8978 0 11.5C0 11.1022 0.158035 10.7206 0.43934 10.4393C0.720644 10.158 1.10218 10 1.5 10C1.89782 10 2.27936 10.158 2.56066 10.4393C2.84196 10.7206 3 11.1022 3 11.5ZM3 6.5C3 6.89782 2.84196 7.27936 2.56066 7.56066C2.27936 7.84196 1.89782 8 1.5 8C1.10218 8 0.720644 7.84196 0.43934 7.56066C0.158035 7.27936 0 6.89782 0 6.5C0 6.10218 0.158035 5.72064 0.43934 5.43934C0.720644 5.15804 1.10218 5 1.5 5C1.89782 5 2.27936 5.15804 2.56066 5.43934C2.84196 5.72064 3 6.10218 3 6.5ZM3 1.5C3 1.89782 2.84196 2.27936 2.56066 2.56066C2.27936 2.84196 1.89782 3 1.5 3C1.10218 3 0.720644 2.84196 0.43934 2.56066C0.158035 2.27936 0 1.89782 0 1.5C0 1.10218 0.158035 0.720644 0.43934 0.43934C0.720644 0.158035 1.10218 0 1.5 0C1.89782 0 2.27936 0.158035 2.56066 0.43934C2.84196 0.720644 3 1.10218 3 1.5Z" />
                              </svg>
                           </div>
                        </div>
                     </li>
                     <li class="style-2">
                        <div class="list-content-status">
                           <div class="list-serial-content">
                              <div class="serial">
                                 <span>02.</span>
                              </div>
                              <div class="list-content two">
                                 <div class="icon">
                                    <img src="assets/img/dashboard/icon/payment-invoice-pdf-icon.svg" alt>
                                 </div>
                                 <div class="content">
                                    <div class="card-number-show">
                                       <h6>Businsess Invoice-2023.pdf</h6>
                                    </div>
                                    <p>Invoice Date: 02 April, 2024</p>
                                 </div>
                              </div>
                           </div>
                           <div class="payment-status">
                              <h6>Status</h6>
                              <span>Paid</span>
                           </div>
                        </div>
                        <div class="download-btn-and-dot">
                           <div class="download-btn">
                              <a href="assets/img/dashboard/lesson1.pdf" download="lesson1.html">
                                 Download
                                 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14">
                                    <g clip-path="url(#clip0_987_964)">
                                       <path d="M0.4375 8.6626C0.553532 8.6626 0.664812 8.70869 0.746859 8.79074C0.828906 8.87279 0.875 8.98407 0.875 9.1001V11.2876C0.875 11.5197 0.967187 11.7422 1.13128 11.9063C1.29538 12.0704 1.51794 12.1626 1.75 12.1626H12.25C12.4821 12.1626 12.7046 12.0704 12.8687 11.9063C13.0328 11.7422 13.125 11.5197 13.125 11.2876V9.1001C13.125 8.98407 13.1711 8.87279 13.2531 8.79074C13.3352 8.70869 13.4465 8.6626 13.5625 8.6626C13.6785 8.6626 13.7898 8.70869 13.8719 8.79074C13.9539 8.87279 14 8.98407 14 9.1001V11.2876C14 11.7517 13.8156 12.1968 13.4874 12.525C13.1592 12.8532 12.7141 13.0376 12.25 13.0376H1.75C1.28587 13.0376 0.840752 12.8532 0.512563 12.525C0.184374 12.1968 0 11.7517 0 11.2876V9.1001C0 8.98407 0.0460936 8.87279 0.128141 8.79074C0.210188 8.70869 0.321468 8.6626 0.4375 8.6626Z" />
                                       <path d="M6.68983 10.3722C6.73047 10.413 6.77874 10.4453 6.8319 10.4674C6.88505 10.4894 6.94203 10.5008 6.99958 10.5008C7.05712 10.5008 7.1141 10.4894 7.16726 10.4674C7.22041 10.4453 7.26869 10.413 7.30933 10.3722L9.93433 7.74725C10.0165 7.6651 10.0626 7.55368 10.0626 7.4375C10.0626 7.32132 10.0165 7.2099 9.93433 7.12775C9.85218 7.0456 9.74076 6.99945 9.62458 6.99945C9.5084 6.99945 9.39698 7.0456 9.31483 7.12775L7.43708 9.00638V1.3125C7.43708 1.19647 7.39098 1.08519 7.30894 1.00314C7.22689 0.921094 7.11561 0.875 6.99958 0.875C6.88354 0.875 6.77226 0.921094 6.69022 1.00314C6.60817 1.08519 6.56208 1.19647 6.56208 1.3125V9.00638L4.68433 7.12775C4.60218 7.0456 4.49076 6.99945 4.37458 6.99945C4.2584 6.99945 4.14698 7.0456 4.06483 7.12775C3.98268 7.2099 3.93652 7.32132 3.93652 7.4375C3.93652 7.55368 3.98268 7.6651 4.06483 7.74725L6.68983 10.3722Z" />
                                    </g>
                                 </svg>
                              </a>
                           </div>
                           <div class="dot-icon">
                              <svg xmlns="http://www.w3.org/2000/svg" width="3" height="13" viewBox="0 0 3 13">
                                 <path d="M3 11.5C3 11.8978 2.84196 12.2794 2.56066 12.5607C2.27936 12.842 1.89782 13 1.5 13C1.10218 13 0.720644 12.842 0.43934 12.5607C0.158035 12.2794 0 11.8978 0 11.5C0 11.1022 0.158035 10.7206 0.43934 10.4393C0.720644 10.158 1.10218 10 1.5 10C1.89782 10 2.27936 10.158 2.56066 10.4393C2.84196 10.7206 3 11.1022 3 11.5ZM3 6.5C3 6.89782 2.84196 7.27936 2.56066 7.56066C2.27936 7.84196 1.89782 8 1.5 8C1.10218 8 0.720644 7.84196 0.43934 7.56066C0.158035 7.27936 0 6.89782 0 6.5C0 6.10218 0.158035 5.72064 0.43934 5.43934C0.720644 5.15804 1.10218 5 1.5 5C1.89782 5 2.27936 5.15804 2.56066 5.43934C2.84196 5.72064 3 6.10218 3 6.5ZM3 1.5C3 1.89782 2.84196 2.27936 2.56066 2.56066C2.27936 2.84196 1.89782 3 1.5 3C1.10218 3 0.720644 2.84196 0.43934 2.56066C0.158035 2.27936 0 1.89782 0 1.5C0 1.10218 0.158035 0.720644 0.43934 0.43934C0.720644 0.158035 1.10218 0 1.5 0C1.89782 0 2.27936 0.158035 2.56066 0.43934C2.84196 0.720644 3 1.10218 3 1.5Z" />
                              </svg>
                           </div>
                        </div>
                     </li>
                     <li class="style-2">
                        <div class="list-content-status">
                           <div class="list-serial-content">
                              <div class="serial">
                                 <span>03.</span>
                              </div>
                              <div class="list-content two">
                                 <div class="icon">
                                    <img src="assets/img/dashboard/icon/payment-invoice-pdf-icon.svg" alt>
                                 </div>
                                 <div class="content">
                                    <div class="card-number-show">
                                       <h6>Businsess Invoice-2023.pdf</h6>
                                    </div>
                                    <p>Invoice Date: 02 April, 2024</p>
                                 </div>
                              </div>
                           </div>
                           <div class="payment-status">
                              <h6>Status</h6>
                              <span>Paid</span>
                           </div>
                        </div>
                        <div class="download-btn-and-dot">
                           <div class="download-btn">
                              <a href="assets/img/dashboard/lesson1.pdf" download="lesson1.html">
                                 Download
                                 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14">
                                    <g clip-path="url(#clip0_987_964)">
                                       <path d="M0.4375 8.6626C0.553532 8.6626 0.664812 8.70869 0.746859 8.79074C0.828906 8.87279 0.875 8.98407 0.875 9.1001V11.2876C0.875 11.5197 0.967187 11.7422 1.13128 11.9063C1.29538 12.0704 1.51794 12.1626 1.75 12.1626H12.25C12.4821 12.1626 12.7046 12.0704 12.8687 11.9063C13.0328 11.7422 13.125 11.5197 13.125 11.2876V9.1001C13.125 8.98407 13.1711 8.87279 13.2531 8.79074C13.3352 8.70869 13.4465 8.6626 13.5625 8.6626C13.6785 8.6626 13.7898 8.70869 13.8719 8.79074C13.9539 8.87279 14 8.98407 14 9.1001V11.2876C14 11.7517 13.8156 12.1968 13.4874 12.525C13.1592 12.8532 12.7141 13.0376 12.25 13.0376H1.75C1.28587 13.0376 0.840752 12.8532 0.512563 12.525C0.184374 12.1968 0 11.7517 0 11.2876V9.1001C0 8.98407 0.0460936 8.87279 0.128141 8.79074C0.210188 8.70869 0.321468 8.6626 0.4375 8.6626Z" />
                                       <path d="M6.68983 10.3722C6.73047 10.413 6.77874 10.4453 6.8319 10.4674C6.88505 10.4894 6.94203 10.5008 6.99958 10.5008C7.05712 10.5008 7.1141 10.4894 7.16726 10.4674C7.22041 10.4453 7.26869 10.413 7.30933 10.3722L9.93433 7.74725C10.0165 7.6651 10.0626 7.55368 10.0626 7.4375C10.0626 7.32132 10.0165 7.2099 9.93433 7.12775C9.85218 7.0456 9.74076 6.99945 9.62458 6.99945C9.5084 6.99945 9.39698 7.0456 9.31483 7.12775L7.43708 9.00638V1.3125C7.43708 1.19647 7.39098 1.08519 7.30894 1.00314C7.22689 0.921094 7.11561 0.875 6.99958 0.875C6.88354 0.875 6.77226 0.921094 6.69022 1.00314C6.60817 1.08519 6.56208 1.19647 6.56208 1.3125V9.00638L4.68433 7.12775C4.60218 7.0456 4.49076 6.99945 4.37458 6.99945C4.2584 6.99945 4.14698 7.0456 4.06483 7.12775C3.98268 7.2099 3.93652 7.32132 3.93652 7.4375C3.93652 7.55368 3.98268 7.6651 4.06483 7.74725L6.68983 10.3722Z" />
                                    </g>
                                 </svg>
                              </a>
                           </div>
                           <div class="dot-icon">
                              <svg xmlns="http://www.w3.org/2000/svg" width="3" height="13" viewBox="0 0 3 13">
                                 <path d="M3 11.5C3 11.8978 2.84196 12.2794 2.56066 12.5607C2.27936 12.842 1.89782 13 1.5 13C1.10218 13 0.720644 12.842 0.43934 12.5607C0.158035 12.2794 0 11.8978 0 11.5C0 11.1022 0.158035 10.7206 0.43934 10.4393C0.720644 10.158 1.10218 10 1.5 10C1.89782 10 2.27936 10.158 2.56066 10.4393C2.84196 10.7206 3 11.1022 3 11.5ZM3 6.5C3 6.89782 2.84196 7.27936 2.56066 7.56066C2.27936 7.84196 1.89782 8 1.5 8C1.10218 8 0.720644 7.84196 0.43934 7.56066C0.158035 7.27936 0 6.89782 0 6.5C0 6.10218 0.158035 5.72064 0.43934 5.43934C0.720644 5.15804 1.10218 5 1.5 5C1.89782 5 2.27936 5.15804 2.56066 5.43934C2.84196 5.72064 3 6.10218 3 6.5ZM3 1.5C3 1.89782 2.84196 2.27936 2.56066 2.56066C2.27936 2.84196 1.89782 3 1.5 3C1.10218 3 0.720644 2.84196 0.43934 2.56066C0.158035 2.27936 0 1.89782 0 1.5C0 1.10218 0.158035 0.720644 0.43934 0.43934C0.720644 0.158035 1.10218 0 1.5 0C1.89782 0 2.27936 0.158035 2.56066 0.43934C2.84196 0.720644 3 1.10218 3 1.5Z" />
                              </svg>
                           </div>
                        </div>
                     </li>
                  </ul>
                  <div class="pagination-area pt-30">
                     <ul class="paginations">
                        <li class="page-item active">
                           <a href="#">01</a>
                        </li>
                        <li class="page-item">
                           <a href="#">02</a>
                        </li>
                        <li class="page-item">
                           <a href="#">03</a>
                        </li>
                     </ul>
                     <ul class="paginations-buttons">
                        <li>
                           <a href="#">
                              <svg xmlns="http://www.w3.org/2000/svg" width="7" height="14" viewBox="0 0 7 14">
                                 <path d="M0 7.00008L7 0L2.54545 7.00008L7 14L0 7.00008Z"></path>
                              </svg>
                              Prev
                           </a>
                        </li>
                        <li>
                           <a href="#">
                              Next
                              <svg xmlns="http://www.w3.org/2000/svg" width="7" height="14" viewBox="0 0 7 14" fill="none">
                                 <path d="M7 7.00008L0 0L4.45455 7.00008L0 14L7 7.00008Z"></path>
                              </svg>
                           </a>
                        </li>
                     </ul>
                  </div>
               </div>
            </div>
         </div>
         

         {{-- Footer Content --}}
@include('more.vendor.partials._footer')