<?
$share_link = "https://oameye.works.coregrade.com/shared/somethinghereSSSAAAWWWW";
?>
  <!-- Vuexy Radio Buttons start -->
                <section class="vuexy-radio">
                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="card-title"><?=$pagei->title?></h4>
                                </div>
                                <div class="card-content">
                                    <div class="card-body">
                                        <p>Select how you want this page to be shared.</p>
                                        <ul class="list-unstyled mb-0">
                                            <li class="d-inline-block mr-2">
                                                <fieldset>
                                                    <div class="vs-radio-con">
                                                        <input type="radio" name="vueradio" checked value="false">
                                                        <span class="vs-radio">
                                                            <span class="vs-radio--border"></span>
                                                            <span class="vs-radio--circle"></span>
                                                        </span>
                                                        <span class="">Private Page</span>
                                                    </div>
                                                </fieldset>
                                            </li>
                                            <li class="d-inline-block mr-2">
                                                <fieldset>
                                                    <div class="vs-radio-con">
                                                        <input type="radio" name="vueradio" value="false">
                                                        <span class="vs-radio">
                                                            <span class="vs-radio--border"></span>
                                                            <span class="vs-radio--circle"></span>
                                                        </span>
                                                        <span class="">Public Page</span>
                                                    </div>
                                                </fieldset>
                                            </li>
                                            <li class="d-inline-block mr-2">
                                                <fieldset>
                                                  
                                                </fieldset>
                                            </li>
                                            <li class="d-inline-block">
                                                <fieldset>
                                                    
                                                </fieldset>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- Vuexy Radio Buttons end -->
                
          <!-- Input Style start -->
                <section id="input-style">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="card-title">Public Link</h4>
                                </div>
                                <div class="card-content">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-12">
                                                <p>Send link to anybody you want to share  this page with</p>
                                            </div>
                                              <div class="col-sm-12 col-12">
                                                <fieldset class="form-group">
                                                    <label for="roundText">Link</label>
                                                    <input type="text" id="roundText" class="form-control round" readonly value='<?=$share_link?>' placeholder="Rounded Input">
                                                </fieldset>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- Input Style end -->
                
                
               <!-- Input Style start -->
                <section id="input-style">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="card-title">Private Share</h4>
                                </div>
                                <div class="card-content">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-12">
                                                <p>Select or Add to list of emails to share page with.
                                                    </p>
                                            </div>
                                            <div class="col-sm-12 col-12">
                                               TABLE HERE 
                                               
                                            </div>
                                          
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- Input Style end -->