<%- include('partials/header'); -%>
 <!-- ########## START: RIGHT PANEL ########## -->
    <div class="br-sideright">
      <ul class="nav nav-tabs sidebar-tabs" role="tablist">
        <li class="nav-item">
          <a class="nav-link active" data-toggle="tab" role="tab" href="#contacts"><i class="icon ion-ios-contact-outline tx-24"></i></a>
        </li>
        <li class="nav-item">
          <a class="nav-link" data-toggle="tab" role="tab" href="#attachments"><i class="icon ion-ios-folder-outline tx-22"></i></a>
        </li>
        <li class="nav-item">
          <a class="nav-link" data-toggle="tab" role="tab" href="#calendar"><i class="icon ion-ios-calendar-outline tx-24"></i></a>
        </li>
        <li class="nav-item">
          <a class="nav-link" data-toggle="tab" role="tab" href="#settings"><i class="icon ion-ios-gear-outline tx-24"></i></a>
        </li>
      </ul><!-- sidebar-tabs -->

      <!-- Tab panes -->
      <div class="tab-content">
        <div class="tab-pane pos-absolute a-0 mg-t-60 contact-scrollbar active" id="contacts" role="tabpanel">
          <label class="sidebar-label pd-x-25 mg-t-25">Online Contacts</label>
          <div class="contact-list pd-x-10">
            <a href="#" class="contact-list-link new">
              <div class="d-flex">
                <div class="pos-relative">
                  <img src="../img/img2.jpg" alt="">
                  <div class="contact-status-indicator bg-success"></div>
                </div>
                <div class="contact-person">
                  <p>Marilyn Tarter</p>
                  <span>Clemson, CA</span>
                </div>
                <span class="tx-info tx-12"><span class="square-8 bg-info rounded-circle"></span> 1 new</span>
              </div><!-- d-flex -->
            </a><!-- contact-list-link -->
            <a href="#" class="contact-list-link">
              <div class="d-flex">
                <div class="pos-relative">
                  <img src="../img/img3.jpg" alt="">
                  <div class="contact-status-indicator bg-success"></div>
                </div>
                <div class="contact-person">
                  <p class="mg-b-0 ">Belinda Connor</p>
                  <span>Fort Kent, ME</span>
                </div>
              </div><!-- d-flex -->
            </a><!-- contact-list-link -->
            <a href="#" class="contact-list-link new">
              <div class="d-flex">
                <div class="pos-relative">
                  <img src="../img/img4.jpg" alt="">
                  <div class="contact-status-indicator bg-success"></div>
                </div>
                <div class="contact-person">
                  <p>Britanny Cevallos</p>
                  <span>Shiboygan Falls, WI</span>
                </div>
                <span class="tx-info tx-12"><span class="square-8 bg-info rounded-circle"></span> 3 new</span>
              </div><!-- d-flex -->
            </a><!-- contact-list-link -->
            <a href="#" class="contact-list-link new">
              <div class="d-flex">
                <div class="pos-relative">
                  <img src="../img/img5.jpg" alt="">
                  <div class="contact-status-indicator bg-success"></div>
                </div>
                <div class="contact-person">
                  <p>Brandon Lawrence</p>
                  <span>Snohomish, WA</span>
                </div>
                <span class="tx-info tx-12"><span class="square-8 bg-info rounded-circle"></span> 1 new</span>
              </div><!-- d-flex -->
            </a><!-- contact-list-link -->
            <a href="#" class="contact-list-link">
              <div class="d-flex">
                <div class="pos-relative">
                  <img src="../img/img6.jpg" alt="">
                  <div class="contact-status-indicator bg-success"></div>
                </div>
                <div class="contact-person">
                  <p>Andrew Wiggins</p>
                  <span>Springfield, MA</span>
                </div>
              </div><!-- d-flex -->
            </a><!-- contact-list-link -->
            <a href="#" class="contact-list-link">
              <div class="d-flex">
                <div class="pos-relative">
                  <img src="../img/img7.jpg" alt="">
                  <div class="contact-status-indicator bg-success"></div>
                </div>
                <div class="contact-person">
                  <p>Theodore Gristen</p>
                  <span>Nashville, TN</span>
                </div>
              </div><!-- d-flex -->
            </a><!-- contact-list-link -->
            <a href="#" class="contact-list-link">
              <div class="d-flex">
                <div class="pos-relative">
                  <img src="../img/img8.jpg" alt="">
                  <div class="contact-status-indicator bg-success"></div>
                </div>
                <div class="contact-person">
                  <p>Deborah Miner</p>
                  <span>North Shore, CA</span>
                </div>
              </div><!-- d-flex -->
            </a><!-- contact-list-link -->
          </div><!-- contact-list -->


          <label class="sidebar-label pd-x-25 mg-t-25">Offline Contacts</label>
          <div class="contact-list pd-x-10">
            <a href="#" class="contact-list-link">
              <div class="d-flex">
                <div class="pos-relative">
                  <img src="../img/img2.jpg" alt="">
                  <div class="contact-status-indicator bg-gray-500"></div>
                </div>
                <div class="contact-person">
                  <p>Marilyn Tarter</p>
                  <span>Clemson, CA</span>
                </div>
              </div><!-- d-flex -->
            </a><!-- contact-list-link -->
            <a href="#" class="contact-list-link">
              <div class="d-flex">
                <div class="pos-relative">
                  <img src="../img/img3.jpg" alt="">
                  <div class="contact-status-indicator bg-gray-500"></div>
                </div>
                <div class="contact-person">
                  <p>Belinda Connor</p>
                  <span>Fort Kent, ME</span>
                </div>
              </div><!-- d-flex -->
            </a><!-- contact-list-link -->
            <a href="#" class="contact-list-link">
              <div class="d-flex">
                <div class="pos-relative">
                  <img src="../img/img4.jpg" alt="">
                  <div class="contact-status-indicator bg-gray-500"></div>
                </div>
                <div class="contact-person">
                  <p>Britanny Cevallos</p>
                  <span>Shiboygan Falls, WI</span>
                </div>
              </div><!-- d-flex -->
            </a><!-- contact-list-link -->
            <a href="#" class="contact-list-link">
              <div class="d-flex">
                <div class="pos-relative">
                  <img src="../img/img5.jpg" alt="">
                  <div class="contact-status-indicator bg-gray-500"></div>
                </div>
                <div class="contact-person">
                  <p>Brandon Lawrence</p>
                  <span>Snohomish, WA</span>
                </div>
              </div><!-- d-flex -->
            </a><!-- contact-list-link -->
            <a href="#" class="contact-list-link">
              <div class="d-flex">
                <div class="pos-relative">
                  <img src="../img/img6.jpg" alt="">
                  <div class="contact-status-indicator bg-gray-500"></div>
                </div>
                <div class="contact-person">
                  <p>Andrew Wiggins</p>
                  <span>Springfield, MA</span>
                </div>
              </div><!-- d-flex -->
            </a><!-- contact-list-link -->
            <a href="#" class="contact-list-link">
              <div class="d-flex">
                <div class="pos-relative">
                  <img src="../img/img7.jpg" alt="">
                  <div class="contact-status-indicator bg-gray-500"></div>
                </div>
                <div class="contact-person">
                  <p>Theodore Gristen</p>
                  <span>Nashville, TN</span>
                </div>
              </div><!-- d-flex -->
            </a><!-- contact-list-link -->
            <a href="#" class="contact-list-link">
              <div class="d-flex">
                <div class="pos-relative">
                  <img src="../img/img8.jpg" alt="">
                  <div class="contact-status-indicator bg-gray-500"></div>
                </div>
                <div class="contact-person">
                  <p>Deborah Miner</p>
                  <span>North Shore, CA</span>
                </div>
              </div><!-- d-flex -->
            </a><!-- contact-list-link -->
          </div><!-- contact-list -->

        </div><!-- #contacts -->


        <div class="tab-pane pos-absolute a-0 mg-t-60 attachment-scrollbar" id="attachments" role="tabpanel">
          <label class="sidebar-label pd-x-25 mg-t-25">Recent Attachments</label>
          <div class="media-file-list">
            <div class="media">
              <div class="pd-10 bg-gray-500 bg-mojito wd-50 ht-60 tx-center d-flex align-items-center justify-content-center">
                <i class="far fa-file-image tx-28 tx-white"></i>
              </div>
              <div class="media-body">
                <p class="mg-b-0 tx-13">IMG_43445</p>
                <p class="mg-b-0 tx-12 op-5">JPG Image</p>
                <p class="mg-b-0 tx-12 op-5">1.2mb</p>
              </div><!-- media-body -->
              <a href="#" class="more"><i class="icon ion-android-more-vertical tx-18"></i></a>
            </div><!-- media -->
            <div class="media mg-t-20">
              <div class="pd-10 bg-gray-500 bg-purple wd-50 ht-60 tx-center d-flex align-items-center justify-content-center">
                <i class="far fa-file-video tx-28 tx-white"></i>
              </div>
              <div class="media-body">
                <p class="mg-b-0 tx-13">VID_6543</p>
                <p class="mg-b-0 tx-12 op-5">MP4 Video</p>
                <p class="mg-b-0 tx-12 op-5">24.8mb</p>
              </div><!-- media-body -->
              <a href="#" class="more"><i class="icon ion-android-more-vertical tx-18"></i></a>
            </div><!-- media -->
            <div class="media mg-t-20">
              <div class="pd-10 bg-gray-500 bg-reef wd-50 ht-60 tx-center d-flex align-items-center justify-content-center">
                <i class="far fa-file-word tx-28 tx-white"></i>
              </div>
              <div class="media-body">
                <p class="mg-b-0 tx-13">Tax_Form</p>
                <p class="mg-b-0 tx-12 op-5">Word Document</p>
                <p class="mg-b-0 tx-12 op-5">5.5mb</p>
              </div><!-- media-body -->
              <a href="#" class="more"><i class="icon ion-android-more-vertical tx-18"></i></a>
            </div><!-- media -->
            <div class="media mg-t-20">
              <div class="pd-10 bg-gray-500 bg-firewatch wd-50 ht-60 tx-center d-flex align-items-center justify-content-center">
                <i class="far fa-file-pdf tx-28 tx-white"></i>
              </div>
              <div class="media-body">
                <p class="mg-b-0 tx-13">Getting_Started</p>
                <p class="mg-b-0 tx-12 op-5">PDF Document</p>
                <p class="mg-b-0 tx-12 op-5">12.7mb</p>
              </div><!-- media-body -->
              <a href="#" class="more"><i class="icon ion-android-more-vertical tx-18"></i></a>
            </div><!-- media -->
            <div class="media mg-t-20">
              <div class="pd-10 bg-gray-500 bg-firewatch wd-50 ht-60 tx-center d-flex align-items-center justify-content-center">
                <i class="far fa-file-pdf tx-28 tx-white"></i>
              </div>
              <div class="media-body">
                <p class="mg-b-0 tx-13">Introduction</p>
                <p class="mg-b-0 tx-12 op-5">PDF Document</p>
                <p class="mg-b-0 tx-12 op-5">7.7mb</p>
              </div><!-- media-body -->
              <a href="#" class="more"><i class="icon ion-android-more-vertical tx-18"></i></a>
            </div><!-- media -->
            <div class="media mg-t-20">
              <div class="pd-10 bg-gray-500 bg-mojito wd-50 ht-60 tx-center d-flex align-items-center justify-content-center">
                <i class="far fa-file-image tx-28 tx-white"></i>
              </div>
              <div class="media-body">
                <p class="mg-b-0 tx-13">IMG_43420</p>
                <p class="mg-b-0 tx-12 op-5">JPG Image</p>
                <p class="mg-b-0 tx-12 op-5">2.2mb</p>
              </div><!-- media-body -->
              <a href="#" class="more"><i class="icon ion-android-more-vertical tx-18"></i></a>
            </div><!-- media -->
            <div class="media mg-t-20">
              <div class="pd-10 bg-gray-500 bg-mojito wd-50 ht-60 tx-center d-flex align-items-center justify-content-center">
                <i class="far fa-file-image tx-28 tx-white"></i>
              </div>
              <div class="media-body">
                <p class="mg-b-0 tx-13">IMG_43447</p>
                <p class="mg-b-0 tx-12 op-5">JPG Image</p>
                <p class="mg-b-0 tx-12 op-5">3.2mb</p>
              </div><!-- media-body -->
              <a href="#" class="more"><i class="icon ion-android-more-vertical tx-18"></i></a>
            </div><!-- media -->
            <div class="media mg-t-20">
              <div class="pd-10 bg-gray-500 bg-purple wd-50 ht-60 tx-center d-flex align-items-center justify-content-center">
                <i class="far fa-file-video tx-28 tx-white"></i>
              </div>
              <div class="media-body">
                <p class="mg-b-0 tx-13">VID_6545</p>
                <p class="mg-b-0 tx-12 op-5">AVI Video</p>
                <p class="mg-b-0 tx-12 op-5">14.8mb</p>
              </div><!-- media-body -->
              <a href="#" class="more"><i class="icon ion-android-more-vertical tx-18"></i></a>
            </div><!-- media -->
            <div class="media mg-t-20">
              <div class="pd-10 bg-gray-500 bg-reef wd-50 ht-60 tx-center d-flex align-items-center justify-content-center">
                <i class="far fa-file-word tx-28 tx-white"></i>
              </div>
              <div class="media-body">
                <p class="mg-b-0 tx-13">Secret_Document</p>
                <p class="mg-b-0 tx-12 op-5">Word Document</p>
                <p class="mg-b-0 tx-12 op-5">4.5mb</p>
              </div><!-- media-body -->
              <a href="#" class="more"><i class="icon ion-android-more-vertical tx-18"></i></a>
            </div><!-- media -->
          </div><!-- media-list -->
        </div><!-- #history -->
        <div class="tab-pane pos-absolute a-0 mg-t-60 schedule-scrollbar" id="calendar" role="tabpanel">
          <label class="sidebar-label pd-x-25 mg-t-25">Time &amp; Date</label>
          <div class="pd-x-25">
            <h2 id="brTime" class="br-time"></h2>
            <h6 id="brDate" class="br-date"></h6>
          </div>

          <label class="sidebar-label pd-x-25 mg-t-25">Events Calendar</label>
          <div class="datepicker sidebar-datepicker"></div>


          <label class="sidebar-label pd-x-25 mg-t-25">Event Today</label>
          <div class="pd-x-25">
            <div class="list-group sidebar-event-list mg-b-20">
              <div class="list-group-item">
                <div>
                  <h6>Roven's 32th Birthday</h6>
                  <p>2:30PM</p>
                </div>
                <a href="#" class="more"><i class="icon ion-android-more-vertical tx-18"></i></a>
              </div><!-- list-group-item -->
              <div class="list-group-item">
                <div>
                  <h6>Regular Workout Schedule</h6>
                  <p>7:30PM</p>
                </div>
                <a href="#" class="more"><i class="icon ion-android-more-vertical tx-18"></i></a>
              </div><!-- list-group-item -->
            </div><!-- list-group -->

            <a href="#" class="btn btn-block btn-outline-secondary tx-uppercase tx-12 tx-spacing-2">+ Add Event</a>
            <br>
          </div>

        </div>
        <div class="tab-pane pos-absolute a-0 mg-t-60 settings-scrollbar" id="settings" role="tabpanel">
          <label class="sidebar-label pd-x-25 mg-t-25">Quick Settings</label>

          <div class="sidebar-settings-item">
            <h6 class="tx-13 tx-normal">Sound Notification</h6>
            <p class="op-5 tx-13">Play an alert sound everytime there is a new notification.</p>
            <div class="br-switchbutton checked">
              <input type="hidden" name="switch1" value="true">
              <span></span>
            </div><!-- br-switchbutton -->
          </div>
          <div class="sidebar-settings-item">
            <h6 class="tx-13 tx-normal">2 Steps Verification</h6>
            <p class="op-5 tx-13">Sign in using a two step verification by sending a verification code to your phone.</p>
            <div class="br-switchbutton">
              <input type="hidden" name="switch2" value="false">
              <span></span>
            </div><!-- br-switchbutton -->
          </div>
          <div class="sidebar-settings-item">
            <h6 class="tx-13 tx-normal">Location Services</h6>
            <p class="op-5 tx-13">Allowing us to access your location</p>
            <div class="br-switchbutton">
              <input type="hidden" name="switch3" value="false">
              <span></span>
            </div><!-- br-switchbutton -->
          </div>
          <div class="sidebar-settings-item">
            <h6 class="tx-13 tx-normal">Newsletter Subscription</h6>
            <p class="op-5 tx-13">Enables you to send us news and updates send straight to your email.</p>
            <div class="br-switchbutton checked">
              <input type="hidden" name="switch4" value="true">
              <span></span>
            </div><!-- br-switchbutton -->
          </div>
          <div class="sidebar-settings-item">
            <h6 class="tx-13 tx-normal">Your email</h6>
            <div class="pos-relative">
              <input type="email" name="email" class="form-control" value="janedoe@domain.com">
            </div>
          </div>

          <div class="pd-y-20 pd-x-25">
            <h6 class="tx-13 tx-normal tx-white mg-b-20">More Settings</h6>
            <a href="#" class="btn btn-block btn-outline-secondary tx-uppercase tx-11 tx-spacing-2">Account Settings</a>
            <a href="#" class="btn btn-block btn-outline-secondary tx-uppercase tx-11 tx-spacing-2">Privacy Settings</a>
          </div>
        </div>
      </div><!-- tab-content -->

    </div><!-- br-sideright -->
    <!-- ########## END: RIGHT PANEL ########## --->

    <!-- ########## START: MAIN PANEL ########## -->
    <div class="br-mainpanel">
      
     

      <div class="br-pagebody">
        <div class="br-section-wrapper">
         

<% include ./partials/messages %>
      <form action="createCompany" method="post">
      <h2 style="padding-top: 1rem; padding-bottom: 0.2rem; color: #6ab187; text-align: center">Company Details</h2>
<p style="text-align: center">We shall be automatically designing email templates and messages depending on the information you give us. Give as much as you can, you can always add more information and or edit what you have submitted.</P>
          <div class="form-layout form-layout-1">
            <div class="row mg-b-25">
              <div class="col-lg-4">
                <div class="form-group">
                  <label class="form-control-label">Company Name:</label>
                  <input class="form-control" type="text" name="name" placeholder="Enter Company Name">
                </div>
              </div><!-- col-4 -->
              <div class="col-lg-4">
                <div class="form-group">
                  <label class="form-control-label">Company Slogan:</label>
                  <input class="form-control" type="text" name="slogan" placeholder="e.g The Best Cheese Seller">
                </div>
              </div><!-- col-4 -->
              <div class="col-lg-4">
                <div class="form-group">
                  <label class="form-control-label">Company Phone Number:</label>
                  <input class="form-control" type="text" name="phone" placeholder="e.g +254722001122">
                </div>
              </div><!-- col-4 -->
              </div>

                <div class="row mg-b-25">
              <div class="col-lg-4">
                <div class="form-group">
                  <label class="form-control-label">Official Email Address:</label>
                  <input class="form-control" type="text" name="email"  placeholder="Your company email address">
                </div>
              </div><!-- col-4 -->
              <div class="col-lg-4">
                <div class="form-group">
                  <label class="form-control-label">Company Address:</label>
                  <input class="form-control" type="text" name="address" placeholder="Your Office Location">
                </div>
              </div><!-- col-4 -->
              <div class="col-lg-4">
                <div class="form-group">
                  <label class="form-control-label">Postal Address:</label>
                  <input class="form-control" type="text" name="postal"  placeholder="Your Postal Address">
                </div>
              </div><!-- col-4 -->

               <div class="col-lg-4">
                <div class="form-group">
                  <label class="form-control-label" for="mainColor"><span style="margin-right: 0.5rem">Main Corporate Color (Press Enter After Selecting):</span> 
                  <input type="color" value="#6ab187" name="mainColor" >
                  </label>
                </div>
              </div><!-- col-4 -->

               <div class="col-lg-4">
                <div class="form-group">
                  <label class="form-control-label" for="Color2"><span style="margin-right: 0.5rem">The Second Color(Press Enter After Selecting):</span> 
                  <input type="color" value="#20948b" name="color2">
                  </label>
                </div>
              </div><!-- col-4 -->


               <div class="col-lg-4">
                <div class="form-group">
                  <label class="form-control-label" for="Color3"><span style="margin-right: 0.5rem">Minor Color(Press Enter After Selecting):</span> 
                  <input type="color" value="#de7a22" name="color3">
                  </label>
                </div>
              </div><!-- col-4 -->


               <div class="col-lg-4">
               <label class="form-control-label">Company Logo:</label>
               <div class="custom-file">
                <input type="file" class="custom-file-input" name="logo" id="customFile2">
                <label class="custom-file-label custom-file-label-primary" for="customFile2">Choose file</label>
              </div>
              </div><!-- col-4 -->


              <div class="col-lg-4">
              <label class="form-control-label">Business Category:</label>
                 <select class="form-control select2" name="category" data-placeholder="Choose one">
                <option label="Choose one"></option>
                <option value="Automotive">Automotive</option>
                <option value="Business Support & Supplies">Business Support & Supplies</option>
                <option value="Computers & Electronics ">Computers & Electronics </option>
               
                <option value="Construction & Contractors ">Construction & Contractors </option>
                <option value="Education">Education</option>
                <option value="Entertainment">Entertainment </option>
                <option value="Food & Dining">Food & Dining</option>
                <option value="Health & Medicine">Health & Medicine</option>
                <option value="Home & Garden ">Home & Garden </option>
                <option value="Legal & Financial">Legal & Financial</option>
                <option value="Manufacturing, Wholesale,
Distribution">Manufacturing, Wholesale,
Distribution</option>
                <option value="Merchants (Retail)">Merchants (Retail)</option>
                <option value="Personal Care & Services">Personal Care & Services</option>
                <option value="Real Estate">Real Estate</option>
                <option value="Travel & Transportation">Travel & Transportation</option>
                <option value="Others">Others</option>
                
              </select>
              </div><!-- col-4 -->


              <div class="col-lg-4">
                <div class="form-group">
                  <label class="form-control-label">Company Website:</label>
                  <input class="form-control" type="text" name="website"  placeholder="e.g www.yourdomain.com">
                </div>
              </div><!-- col-4 -->

            <div class="col-lg-4">
              <label class="form-control-label">Head Office Country:</label>
               <select class="form-control select" name="country" data-placeholder="Choose one">
   <option value="Afganistan">Afghanistan</option>
   <option value="Albania">Albania</option>
   <option value="Algeria">Algeria</option>
   <option value="American Samoa">American Samoa</option>
   <option value="Andorra">Andorra</option>
   <option value="Angola">Angola</option>
   <option value="Anguilla">Anguilla</option>
   <option value="Antigua & Barbuda">Antigua & Barbuda</option>
   <option value="Argentina">Argentina</option>
   <option value="Armenia">Armenia</option>
   <option value="Aruba">Aruba</option>
   <option value="Australia">Australia</option>
   <option value="Austria">Austria</option>
   <option value="Azerbaijan">Azerbaijan</option>
   <option value="Bahamas">Bahamas</option>
   <option value="Bahrain">Bahrain</option>
   <option value="Bangladesh">Bangladesh</option>
   <option value="Barbados">Barbados</option>
   <option value="Belarus">Belarus</option>
   <option value="Belgium">Belgium</option>
   <option value="Belize">Belize</option>
   <option value="Benin">Benin</option>
   <option value="Bermuda">Bermuda</option>
   <option value="Bhutan">Bhutan</option>
   <option value="Bolivia">Bolivia</option>
   <option value="Bonaire">Bonaire</option>
   <option value="Bosnia & Herzegovina">Bosnia & Herzegovina</option>
   <option value="Botswana">Botswana</option>
   <option value="Brazil">Brazil</option>
   <option value="British Indian Ocean Ter">British Indian Ocean Ter</option>
   <option value="Brunei">Brunei</option>
   <option value="Bulgaria">Bulgaria</option>
   <option value="Burkina Faso">Burkina Faso</option>
   <option value="Burundi">Burundi</option>
   <option value="Cambodia">Cambodia</option>
   <option value="Cameroon">Cameroon</option>
   <option value="Canada">Canada</option>
   <option value="Canary Islands">Canary Islands</option>
   <option value="Cape Verde">Cape Verde</option>
   <option value="Cayman Islands">Cayman Islands</option>
   <option value="Central African Republic">Central African Republic</option>
   <option value="Chad">Chad</option>
   <option value="Channel Islands">Channel Islands</option>
   <option value="Chile">Chile</option>
   <option value="China">China</option>
   <option value="Christmas Island">Christmas Island</option>
   <option value="Cocos Island">Cocos Island</option>
   <option value="Colombia">Colombia</option>
   <option value="Comoros">Comoros</option>
   <option value="Congo">Congo</option>
   <option value="Cook Islands">Cook Islands</option>
   <option value="Costa Rica">Costa Rica</option>
   <option value="Cote DIvoire">Cote DIvoire</option>
   <option value="Croatia">Croatia</option>
   <option value="Cuba">Cuba</option>
   <option value="Curaco">Curacao</option>
   <option value="Cyprus">Cyprus</option>
   <option value="Czech Republic">Czech Republic</option>
   <option value="Denmark">Denmark</option>
   <option value="Djibouti">Djibouti</option>
   <option value="Dominica">Dominica</option>
   <option value="Dominican Republic">Dominican Republic</option>
   <option value="East Timor">East Timor</option>
   <option value="Ecuador">Ecuador</option>
   <option value="Egypt">Egypt</option>
   <option value="El Salvador">El Salvador</option>
   <option value="Equatorial Guinea">Equatorial Guinea</option>
   <option value="Eritrea">Eritrea</option>
   <option value="Estonia">Estonia</option>
   <option value="Ethiopia">Ethiopia</option>
   <option value="Falkland Islands">Falkland Islands</option>
   <option value="Faroe Islands">Faroe Islands</option>
   <option value="Fiji">Fiji</option>
   <option value="Finland">Finland</option>
   <option value="France">France</option>
   <option value="French Guiana">French Guiana</option>
   <option value="French Polynesia">French Polynesia</option>
   <option value="French Southern Ter">French Southern Ter</option>
   <option value="Gabon">Gabon</option>
   <option value="Gambia">Gambia</option>
   <option value="Georgia">Georgia</option>
   <option value="Germany">Germany</option>
   <option value="Ghana">Ghana</option>
   <option value="Gibraltar">Gibraltar</option>
   <option value="Great Britain">Great Britain</option>
   <option value="Greece">Greece</option>
   <option value="Greenland">Greenland</option>
   <option value="Grenada">Grenada</option>
   <option value="Guadeloupe">Guadeloupe</option>
   <option value="Guam">Guam</option>
   <option value="Guatemala">Guatemala</option>
   <option value="Guinea">Guinea</option>
   <option value="Guyana">Guyana</option>
   <option value="Haiti">Haiti</option>
   <option value="Hawaii">Hawaii</option>
   <option value="Honduras">Honduras</option>
   <option value="Hong Kong">Hong Kong</option>
   <option value="Hungary">Hungary</option>
   <option value="Iceland">Iceland</option>
   <option value="Indonesia">Indonesia</option>
   <option value="India">India</option>
   <option value="Iran">Iran</option>
   <option value="Iraq">Iraq</option>
   <option value="Ireland">Ireland</option>
   <option value="Isle of Man">Isle of Man</option>
   <option value="Israel">Israel</option>
   <option value="Italy">Italy</option>
   <option value="Jamaica">Jamaica</option>
   <option value="Japan">Japan</option>
   <option value="Jordan">Jordan</option>
   <option value="Kazakhstan">Kazakhstan</option>
   <option value="Kenya">Kenya</option>
   <option value="Kiribati">Kiribati</option>
   <option value="Korea North">Korea North</option>
   <option value="Korea Sout">Korea South</option>
   <option value="Kuwait">Kuwait</option>
   <option value="Kyrgyzstan">Kyrgyzstan</option>
   <option value="Laos">Laos</option>
   <option value="Latvia">Latvia</option>
   <option value="Lebanon">Lebanon</option>
   <option value="Lesotho">Lesotho</option>
   <option value="Liberia">Liberia</option>
   <option value="Libya">Libya</option>
   <option value="Liechtenstein">Liechtenstein</option>
   <option value="Lithuania">Lithuania</option>
   <option value="Luxembourg">Luxembourg</option>
   <option value="Macau">Macau</option>
   <option value="Macedonia">Macedonia</option>
   <option value="Madagascar">Madagascar</option>
   <option value="Malaysia">Malaysia</option>
   <option value="Malawi">Malawi</option>
   <option value="Maldives">Maldives</option>
   <option value="Mali">Mali</option>
   <option value="Malta">Malta</option>
   <option value="Marshall Islands">Marshall Islands</option>
   <option value="Martinique">Martinique</option>
   <option value="Mauritania">Mauritania</option>
   <option value="Mauritius">Mauritius</option>
   <option value="Mayotte">Mayotte</option>
   <option value="Mexico">Mexico</option>
   <option value="Midway Islands">Midway Islands</option>
   <option value="Moldova">Moldova</option>
   <option value="Monaco">Monaco</option>
   <option value="Mongolia">Mongolia</option>
   <option value="Montserrat">Montserrat</option>
   <option value="Morocco">Morocco</option>
   <option value="Mozambique">Mozambique</option>
   <option value="Myanmar">Myanmar</option>
   <option value="Nambia">Nambia</option>
   <option value="Nauru">Nauru</option>
   <option value="Nepal">Nepal</option>
   <option value="Netherland Antilles">Netherland Antilles</option>
   <option value="Netherlands">Netherlands (Holland, Europe)</option>
   <option value="Nevis">Nevis</option>
   <option value="New Caledonia">New Caledonia</option>
   <option value="New Zealand">New Zealand</option>
   <option value="Nicaragua">Nicaragua</option>
   <option value="Niger">Niger</option>
   <option value="Nigeria">Nigeria</option>
   <option value="Niue">Niue</option>
   <option value="Norfolk Island">Norfolk Island</option>
   <option value="Norway">Norway</option>
   <option value="Oman">Oman</option>
   <option value="Pakistan">Pakistan</option>
   <option value="Palau Island">Palau Island</option>
   <option value="Palestine">Palestine</option>
   <option value="Panama">Panama</option>
   <option value="Papua New Guinea">Papua New Guinea</option>
   <option value="Paraguay">Paraguay</option>
   <option value="Peru">Peru</option>
   <option value="Phillipines">Philippines</option>
   <option value="Pitcairn Island">Pitcairn Island</option>
   <option value="Poland">Poland</option>
   <option value="Portugal">Portugal</option>
   <option value="Puerto Rico">Puerto Rico</option>
   <option value="Qatar">Qatar</option>
   <option value="Republic of Montenegro">Republic of Montenegro</option>
   <option value="Republic of Serbia">Republic of Serbia</option>
   <option value="Reunion">Reunion</option>
   <option value="Romania">Romania</option>
   <option value="Russia">Russia</option>
   <option value="Rwanda">Rwanda</option>
   <option value="St Barthelemy">St Barthelemy</option>
   <option value="St Eustatius">St Eustatius</option>
   <option value="St Helena">St Helena</option>
   <option value="St Kitts-Nevis">St Kitts-Nevis</option>
   <option value="St Lucia">St Lucia</option>
   <option value="St Maarten">St Maarten</option>
   <option value="St Pierre & Miquelon">St Pierre & Miquelon</option>
   <option value="St Vincent & Grenadines">St Vincent & Grenadines</option>
   <option value="Saipan">Saipan</option>
   <option value="Samoa">Samoa</option>
   <option value="Samoa American">Samoa American</option>
   <option value="San Marino">San Marino</option>
   <option value="Sao Tome & Principe">Sao Tome & Principe</option>
   <option value="Saudi Arabia">Saudi Arabia</option>
   <option value="Senegal">Senegal</option>
   <option value="Seychelles">Seychelles</option>
   <option value="Sierra Leone">Sierra Leone</option>
   <option value="Singapore">Singapore</option>
   <option value="Slovakia">Slovakia</option>
   <option value="Slovenia">Slovenia</option>
   <option value="Solomon Islands">Solomon Islands</option>
   <option value="Somalia">Somalia</option>
   <option value="South Africa">South Africa</option>
   <option value="Spain">Spain</option>
   <option value="Sri Lanka">Sri Lanka</option>
   <option value="Sudan">Sudan</option>
   <option value="Suriname">Suriname</option>
   <option value="Swaziland">Swaziland</option>
   <option value="Sweden">Sweden</option>
   <option value="Switzerland">Switzerland</option>
   <option value="Syria">Syria</option>
   <option value="Tahiti">Tahiti</option>
   <option value="Taiwan">Taiwan</option>
   <option value="Tajikistan">Tajikistan</option>
   <option value="Tanzania">Tanzania</option>
   <option value="Thailand">Thailand</option>
   <option value="Togo">Togo</option>
   <option value="Tokelau">Tokelau</option>
   <option value="Tonga">Tonga</option>
   <option value="Trinidad & Tobago">Trinidad & Tobago</option>
   <option value="Tunisia">Tunisia</option>
   <option value="Turkey">Turkey</option>
   <option value="Turkmenistan">Turkmenistan</option>
   <option value="Turks & Caicos Is">Turks & Caicos Is</option>
   <option value="Tuvalu">Tuvalu</option>
   <option value="Uganda">Uganda</option>
   <option value="United Kingdom">United Kingdom</option>
   <option value="Ukraine">Ukraine</option>
   <option value="United Arab Erimates">United Arab Emirates</option>
   <option value="United States of America">United States of America</option>
   <option value="Uraguay">Uruguay</option>
   <option value="Uzbekistan">Uzbekistan</option>
   <option value="Vanuatu">Vanuatu</option>
   <option value="Vatican City State">Vatican City State</option>
   <option value="Venezuela">Venezuela</option>
   <option value="Vietnam">Vietnam</option>
   <option value="Virgin Islands (Brit)">Virgin Islands (Brit)</option>
   <option value="Virgin Islands (USA)">Virgin Islands (USA)</option>
   <option value="Wake Island">Wake Island</option>
   <option value="Wallis & Futana Is">Wallis & Futana Is</option>
   <option value="Yemen">Yemen</option>
   <option value="Zaire">Zaire</option>
   <option value="Zambia">Zambia</option>
   <option value="Zimbabwe">Zimbabwe</option>
</select>
 </div><!-- col-4 -->
 

              <div class="col-lg-4">
              <label class="form-control-label">Your Preferred Currency:</label>
                 <select class="form-control select2" name="currency" data-placeholder="Choose one">
               
<option selected value="">Select currency</option>
<option value="America (United States) Dollars - USD">America (United States) Dollars – USD</option>
<option value="Afghanistan Afghanis - AFN">Afghanistan Afghanis – AFN</option>
<option value="Albania Leke - ALL">Albania Leke – ALL</option>
<option value="Algeria Dinars - DZD">Algeria Dinars – DZD</option>
<option value="Argentina Pesos - ARS">Argentina Pesos – ARS</option>
<option value="Australia Dollars - AUD">Australia Dollars – AUD</option>
<option value="Austria Schillings - ATS">Austria Schillings – ATS</OPTION>
 
<option value="Bahamas Dollars - BSD">Bahamas Dollars – BSD</option>
<option value="Bahrain Dinars - BHD">Bahrain Dinars – BHD</option>
<option value="Bangladesh Taka - BDT">Bangladesh Taka – BDT</option>
<option value="Barbados Dollars - BBD">Barbados Dollars – BBD</option>
<option value="Belgium Francs - BEF">Belgium Francs – BEF</OPTION>
<option value="Bermuda Dollars - BMD">Bermuda Dollars – BMD</option>
 
<option value="Brazil Reais - BRL">Brazil Reais – BRL</option>
<option value="Bulgaria Leva - BGN">Bulgaria Leva – BGN</option>
<option value="Canada Dollars - CAD">Canada Dollars – CAD</option>
<option value="CFA BCEAO Francs - XOF">CFA BCEAO Francs – XOF</option>
<option value="CFA BEAC Francs - XAF">CFA BEAC Francs – XAF</option>
<option value="Chile Pesos - CLP">Chile Pesos – CLP</option>
 
<option value="China Yuan Renminbi - CNY">China Yuan Renminbi – CNY</option>
<option value="RMB (China Yuan Renminbi) - CNY">RMB (China Yuan Renminbi) – CNY</option>
<option value="Colombia Pesos - COP">Colombia Pesos – COP</option>
<option value="CFP Francs - XPF">CFP Francs – XPF</option>
<option value="Costa Rica Colones - CRC">Costa Rica Colones – CRC</option>
<option value="Croatia Kuna - HRK">Croatia Kuna – HRK</option>
 
<option value="Cyprus Pounds - CYP">Cyprus Pounds – CYP</option>
<option value="Czech Republic Koruny - CZK">Czech Republic Koruny – CZK</option>
<option value="Denmark Kroner - DKK">Denmark Kroner – DKK</option>
<option value="Deutsche (Germany) Marks - DEM">Deutsche (Germany) Marks – DEM</OPTION>
<option value="Dominican Republic Pesos - DOP">Dominican Republic Pesos – DOP</option>
<option value="Dutch (Netherlands) Guilders - NLG">Dutch (Netherlands) Guilders – NLG</OPTION>
 
<option value="Eastern Caribbean Dollars - XCD">Eastern Caribbean Dollars – XCD</option>
<option value="Egypt Pounds - EGP">Egypt Pounds – EGP</option>
<option value="Estonia Krooni - EEK">Estonia Krooni – EEK</option>
<option value="Euro - EUR">Euro – EUR</option>
<option value="Fiji Dollars - FJD">Fiji Dollars – FJD</option>
<option value="Finland Markkaa - FIM">Finland Markkaa – FIM</OPTION>
 
<option value="France Francs - FRF*">France Francs – FRF*</OPTION>
<option value="Germany Deutsche Marks - DEM">Germany Deutsche Marks – DEM</OPTION>
<option value="Gold Ounces - XAU">Gold Ounces – XAU</option>
<option value="Greece Drachmae - GRD">Greece Drachmae – GRD</OPTION>
<option value="Guatemalan Quetzal - GTQ">Guatemalan Quetzal – GTQ</OPTION>
<option value="Holland (Netherlands) Guilders - NLG">Holland (Netherlands) Guilders – NLG</OPTION>
<option value="Hong Kong Dollars - HKD">Hong Kong Dollars – HKD</option>
 
<option value="Hungary Forint - HUF">Hungary Forint – HUF</option>
<option value="Iceland Kronur - ISK">Iceland Kronur – ISK</option>
<option value="IMF Special Drawing Right - XDR">IMF Special Drawing Right – XDR</option>
<option value="India Rupees - INR">India Rupees – INR</option>
<option value="Indonesia Rupiahs - IDR">Indonesia Rupiahs – IDR</option>
<option value="Iran Rials - IRR">Iran Rials – IRR</option>
 
<option value="Iraq Dinars - IQD">Iraq Dinars – IQD</option>
<option value="Ireland Pounds - IEP*">Ireland Pounds – IEP*</OPTION>
<option value="Israel New Shekels - ILS">Israel New Shekels – ILS</option>
<option value="Italy Lire - ITL*">Italy Lire – ITL*</OPTION>
<option value="Jamaica Dollars - JMD">Jamaica Dollars – JMD</option>
<option value="Japan Yen - JPY">Japan Yen – JPY</option>
 
<option value="Jordan Dinars - JOD">Jordan Dinars – JOD</option>
<option value="Kenya Shillings - KES">Kenya Shillings – KES</option>
<option value="Korea (South) Won - KRW">Korea (South) Won – KRW</option>
<option value="Kuwait Dinars - KWD">Kuwait Dinars – KWD</option>
<option value="Lebanon Pounds - LBP">Lebanon Pounds – LBP</option>
<option value="Luxembourg Francs - LUF">Luxembourg Francs – LUF</OPTION>
 
<option value="Malaysia Ringgits - MYR">Malaysia Ringgits – MYR</option>
<option value="Malta Liri - MTL">Malta Liri – MTL</option>
<option value="Mauritius Rupees - MUR">Mauritius Rupees – MUR</option>
<option value="Mexico Pesos - MXN">Mexico Pesos – MXN</option>
<option value="Morocco Dirhams - MAD">Morocco Dirhams – MAD</option>
<option value="Netherlands Guilders - NLG">Netherlands Guilders – NLG</OPTION>
 
<option value="New Zealand Dollars - NZD">New Zealand Dollars – NZD</option>
<option value="Norway Kroner - NOK">Norway Kroner – NOK</option>
<option value="Oman Rials - OMR">Oman Rials – OMR</option>
<option value="Pakistan Rupees - PKR">Pakistan Rupees – PKR</option>
<option value="Palladium Ounces - XPD">Palladium Ounces – XPD</option>
<option value="Peru Nuevos Soles - PEN">Peru Nuevos Soles – PEN</option>
 
<option value="Philippines Pesos - PHP">Philippines Pesos – PHP</option>
<option value="Platinum Ounces - XPT">Platinum Ounces – XPT</option>
<option value="Poland Zlotych - PLN">Poland Zlotych – PLN</option>
<option value="Portugal Escudos - PTE">Portugal Escudos – PTE</OPTION>
<option value="Qatar Riyals - QAR">Qatar Riyals – QAR</option>
<option value="Romania New Lei - RON">Romania New Lei – RON</option>
 
<option value="Romania Lei - ROL">Romania Lei – ROL</option>
<option value="Russia Rubles - RUB">Russia Rubles – RUB</option>
<option value="Saudi Arabia Riyals - SAR">Saudi Arabia Riyals – SAR</option>
<option value="Silver Ounces - XAG">Silver Ounces – XAG</option>
<option value="Singapore Dollars - SGD">Singapore Dollars – SGD</option>
<option value="Slovakia Koruny - SKK">Slovakia Koruny – SKK</option>
 
<option value="Slovenia Tolars - SIT">Slovenia Tolars – SIT</option>
<option value="South Africa Rand - ZAR">South Africa Rand – ZAR</option>
<option value="South Korea Won - KRW">South Korea Won – KRW</option>
<option value="Spain Pesetas - ESP">Spain Pesetas – ESP</OPTION>
<option value="Special Drawing Rights (IMF) - XDR">Special Drawing Rights (IMF) – XDR</option>
<option value="Sri Lanka Rupees - LKR">Sri Lanka Rupees – LKR</option>
 
<option value="Sudan Dinars - SDD">Sudan Dinars – SDD</option>
<option value="Sweden Kronor - SEK">Sweden Kronor – SEK</option>
<option value="Switzerland Francs - CHF">Switzerland Francs – CHF</option>
<option value="Taiwan New Dollars - TWD">Taiwan New Dollars – TWD</option>
<option value="Thailand Baht - THB">Thailand Baht – THB</option>
<option value="Trinidad and Tobago Dollars - TTD">Trinidad and Tobago Dollars – TTD</option>
 
<option value="Tunisia Dinars - TND">Tunisia Dinars – TND</option>
<option value="Turkey New Lira - TRY">Turkey New Lira – TRY</option>
<option value="United Arab Emirates Dirhams - AED">United Arab Emirates Dirhams – AED</option>
<option value="United Kingdom Pounds - GBP">United Kingdom Pounds – GBP</option>
<option value="United States Dollars - USD">United States Dollars – USD</option>
<option value="Venezuela Bolivares - VEB">Venezuela Bolivares – VEB</option>
 
<option value="Vietnam Dong - VND">Vietnam Dong – VND</option>
<option value="Zambia Kwacha - ZMK">Zambia Kwacha – ZMK</option>
</select>

              </div><!-- col-4 -->

     <div class="col-lg-4">
              <label class="form-control-label">Preferred Language:</label>
                 <select class="form-control select2" name="language" data-placeholder="Choose one">
                <option label="Choose one"></option>
                <option value="English">English</option>
                <option value="French">French</option>
                <option value="Swahili">Swahili</option>
                <option value="Hindi">Hindi</option>
                <option value="Spanish">Spanish</option>
                <option value="German">German</option>
       
              </select>
              </div><!-- col-4 -->





              </div>

          
</div><!-- form-layout -->
<h2 style="padding-top: 1rem; padding-bottom: 0.2rem; color: #6ab187; text-align: center">Email Configuration</h2>
<p style="text-align: center">This is the main email address to send and receive official communications such as invoices, meeting alerts etc.</P>

           <div class="form-layout form-layout-1" style="padding-bottom:2px">

            <div class="row mg-b-2">
              <div class="col-lg-4">
                <div class="form-group">
                  <label class="form-control-label">Email Address:</label>
                  <input class="form-control" type="text" name="emailAddress" placeholder="E.g. info@yourcompany.com">
                </div>
              </div><!-- col-4 -->
              <div class="col-lg-4">
                <div class="form-group">
                  <label class="form-control-label">Email Username:</label>
                  <input class="form-control" type="text" name="emailUsername" placeholder="Email Username">
                </div>
              </div><!-- col-4 -->
              <div class="col-lg-4">
                <div class="form-group">
                  <label class="form-control-label">Email Password:</label>
                  <input class="form-control" type="text" name="emailPassword" placeholder="**********">
                </div>
              </div><!-- col-4 -->


              <div class="col-lg-4">
                <div class="form-group">
                   <label class="form-control-label">SMTP Server:</label>
                  <input class="form-control" type="text" name="smtpServer" placeholder="e.g mail.yourdomain.com">
                </div>
              </div><!-- col-4 -->
            

                <div class="col-lg-4">
                <div class="form-group">
                  <label class="form-control-label">Outgoing Port:</label>
                  <input class="form-control" type="text" name="emailPort" placeholder="e.g 587">
                </div>
              </div><!-- col-4 -->

              <div class="col-lg-4">
                <div class="form-group">
                  <label class="form-control-label">Incoming Port:</label>
                  <input class="form-control" type="text" name="incomingPort" placeholder="e.g 587">
                </div>
              </div><!-- col-4 -->


 </div>

          
</div><!-- form-layout -->

          <h2 style="padding-top: 1rem; padding-bottom: 0.2rem; color: #6ab187; text-align: center">Flutterwave Configuration</h2>
              <p style="text-align: center">All invoices shall be payable through Flutterwave platform as it allows you to receive payments via numerous payment platforms such as VISA/Mastercard, Mobile Money etc</P>

           <div class="form-layout form-layout-1" style="padding-bottom:2px">

            <div class="row mg-b-2">
             
              <div class="col-lg-4">
                <div class="form-group">
                  <label class="form-control-label">Flutterwave Public Key:</label>
                  <input class="form-control" type="text" name="flutterwavePublicKey" placeholder="**********">
                </div>
              </div><!-- col-4 -->


              <div class="col-lg-4">
                <div class="form-group">
                   <label class="form-control-label">Flutterwave Secret Key:</label>
                  <input class="form-control" type="text" name="flutterwaveSecretKey" placeholder="*****************">
                </div>
              </div><!-- col-4 -->
            

                <div class="col-lg-4">
                <div class="form-group">
                  <label class="form-control-label">Flutterwave Encryption Key:</label>
                  <input class="form-control" type="text" name="flutterwaveEncryptionKey" placeholder="***********">
                </div>
              </div><!-- col-4 -->

              <div class="col-lg-4">
                <div class="form-group">
                  <label class="form-control-label">Flutterwave Notification URL</label>
                  <input class="form-control" type="text" name="flutterwaveNotificationURL" placeholder="e.g https://www.upk.com/dgtevvgsgdf">
                </div>
              </div><!-- col-4 -->


 </div>

          
</div><!-- form-layout -->



<h2 style="padding-top: 1rem; padding-bottom: 0.2rem; color: #6ab187; text-align: center">Social Media Links</h2>
              <p style="text-align: center">All invoices shall be payable through Flutterwave platform as it allows you to receive payments via numerous payment platforms such as VISA/Mastercard, Mobile Money etc</P>

           <div class="form-layout form-layout-1" style="padding-bottom:2px">

            <div class="row mg-b-2">
             
              <div class="col-lg-4">
                <div class="form-group">
                  <label class="form-control-label">Facebook:</label>
                  <input class="form-control" type="text" name="facebook" placeholder="**********">
                </div>
              </div><!-- col-4 -->


              <div class="col-lg-4">
                <div class="form-group">
                   <label class="form-control-label">Twitter:</label>
                  <input class="form-control" type="text" name="twitter" placeholder="*****************">
                </div>
              </div><!-- col-4 -->
            

                <div class="col-lg-4">
                <div class="form-group">
                  <label class="form-control-label">Instagram:</label>
                  <input class="form-control" type="text" name="instagram" placeholder="***********">
                </div>
              </div><!-- col-4 -->

              <div class="col-lg-4">
                <div class="form-group">
                  <label class="form-control-label">Youtube</label>
                  <input class="form-control" type="text" name="youtube" placeholder="e.g https://www.upk.com/dgtevvgsgdf">
                </div>
              </div><!-- col-4 -->

              <div class="col-lg-4">
                <div class="form-group">
                  <label class="form-control-label">LinkedIn</label>
                  <input class="form-control" type="text" name="linkedin" placeholder="e.g https://www.upk.com/dgtevvgsgdf">
                </div>
              </div><!-- col-4 -->

              <div class="col-lg-4">
                <div class="form-group">
                  <label class="form-control-label">Whatsapp Number</label>
                  <input class="form-control" type="text" name="whatsapp" placeholder="e.g 254711335588">
                </div>
              </div><!-- col-4 -->


 </div>

          
</div><!-- form-layout -->

 <h2 style="padding-top: 1rem; padding-bottom: 0.2rem; color: #6ab187; text-align: center">SMS Configuration</h2>
              <p style="text-align: center">SMS's shall be sent from our defualt sender ID; UPK-SMS, however if you would like your SMS's to be company branded, you can apply for your own SenderID. It must reflect your company name and should have at most 11 Characters</P>

           <div class="form-layout form-layout-1" style="padding-bottom:2px">

            <div class="row mg-b-2">
             
              <div class="col-lg-4">
                <div class="form-group">
                  <label class="form-control-label">Preferred SenderID:</label>
                  <input class="form-control" type="text" name="appliedSenderId" placeholder="E.g. YOURCOMPANY">
                </div>
              </div><!-- col-4 -->

              <div class="col-lg-4">
                <div class="form-group">
                  <label class="form-control-label">Per SMS Charge:</label>
                  <input class="form-control" type="text" name="perSmsCharge" placeholder="E.g. 0.8">
                </div>
              </div><!-- col-4 -->

              <div class="col-lg-4">
                <div class="form-group">
                  <label class="form-control-label">SMS Top Account Name:</label>
                  <input class="form-control" type="text" name="smsTopUpAccount" placeholder="eg. CompanySMS">
                </div>
              </div><!-- col-4 -->


           


 </div>

          
</div><!-- form-layout -->

            <div class="form-layout-footer">
              <button class="btn btn-info">Submit Form</button>
              <button class="btn btn-secondary">Cancel</button>
              </form>
            </div><!-- form-layout-footer -->
          

       





        </div><!-- br-section-wrapper -->
      </div><!-- br-pagebody -->
     

    <div id="modaldemo" class="modal fade effect-scale">
      <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content bd-0 rounded-0">
          <div class="modal-body pd-0">
            <div class="row flex-row-reverse no-gutters">
              <div class="col-lg-6">
                <div class="pd-30">
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                  </button>
                  <div class="pd-xs-x-30 pd-y-10">
                    <h5 class="tx-xs-28 tx-inverse mg-b-5">Welcome back!</h5>
                    <p>Sign in to your account to continue</p>
                    <br>
                    <div class="form-group">
                      <input type="email" name="email" class="form-control pd-y-12" placeholder="Enter your email">
                    </div><!-- form-group -->
                    <div class="form-group mg-b-20">
                      <input type="email" name="password" class="form-control pd-y-12" placeholder="Enter your password">
                      <a href="#" class="tx-12 d-block mg-t-10">Forgot password?</a>
                    </div><!-- form-group -->

                    <button class="btn btn-primary pd-y-12 btn-block">Sign In</button>

                    <div class="mg-t-30 mg-b-20 tx-12">Don't have an account yet? <a href="#">Sign Up</a></div>
                  </div>
                </div><!-- pd-20 -->
              </div><!-- col-6 -->
              <div class="col-lg-6 bg-primary">
                <div class="pd-40">
                  <h4 class="tx-white mg-b-20"><span>[</span> bracket + <span>]</span></h4>
                  <p class="tx-white op-7 mg-b-60">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
                  <p class="tx-white tx-13">
                    <span class="tx-uppercase tx-medium d-block mg-b-15">Our Address:</span>
                    <span class="op-7">Ayala Center, Cebu Business Park, Cebu City, Cebu, Philippines 6000</span>
                  </p>
                </div>
              </div><!-- col-6 -->
            </div><!-- row -->
          </div><!-- modal-body -->
        </div><!-- modal-content -->
      </div><!-- modal-dialog -->
    </div><!-- modal -->


         


<%- include('partials/footer'); -%>