<?php $this->load->view("top_application"); ?>
<section>
  <div class="tz">
    <!--LEFT SECTION-->
    <div class="tz-l">
      <h4>Welcome <?php echo $this->session->userdata('fullname'); ?></h4>
      <div class="tz-l-1">
        <ul>
          <li><img src="<?php echo theme_url(); ?><?php echo theme_url(); ?>images/db-profile.jpg" alt="" /> </li>
          <li><span>80%</span> profile compl</li>
          <li><span>18</span> Notifications</li>
        </ul>
      </div>
      <div class="tz-l-2">
        <?php $this->load->view("members/left"); ?>
      </div>
    </div>
    <!--CENTER SECTION-->
    <div class="tz-4"> 
      <div class="tz-2-com tz-2-main">
        <h4>Website Configuration</h4>
        <div class="db-list-com tz-db-table">
          <div class="ds-boar-title">
            <h2>Website Configuration</h2>
          </div>
          <div class="hom-cre-acc-left hom-cre-acc-right">
            <div class="">
              <?php
              echo form_open_multipart();
              error_message();
              validation_message();
              ?>

              <div class="row">
                <div class="input-field col s12"><h5 class="text-center">Choose Color Theme of Your Website</h5></div>
              </div>
              <div class="row">
                <div class="input-field col s4">
                  <div class="check_name">
                    <label><input type="radio" <?php echo (@$settingRes['theme_id'] == '1') ? 'checked' : ''; ?> name="theme" class="dashcheckbox" value="1" /> Green</label>
                  </div>
                </div>
                <div class="input-field col s8">
                  <a href="javascript:void(0);" onclick="$('#themeImage').attr('src','<?php echo theme_url(); ?>images/themes/1.png');" class="modal-dialog modal-lg" data-toggle="modal" data-target="#myThemeModal"><img src="<?php echo theme_url(); ?>images/themes/1.png" width="200" alt="Choose Green Theme" title="Choose Green Theme" /></a>
                </div>
              </div>
              <div class="row">
                <div class="input-field col s4">
                  <div class="check_name">
                    <label><input type="radio" <?php echo (@$settingRes['theme_id'] == '2') ? 'checked' : ''; ?> name="theme" class="dashcheckbox" value="2" /> Maroon</label>
                  </div>


                </div>
                <div class="input-field col s8">
                  <a href="javascript:void(0);" onclick="$('#themeImage').attr('src','<?php echo theme_url(); ?>images/themes/2.png');" class="modal-dialog modal-lg" data-toggle="modal" data-target="#myThemeModal"><img src="<?php echo theme_url(); ?>images/themes/2.png" width="200" alt="Choose Maroon Theme" title="Choose Maroon Theme" /></a>
                </div>
              </div>
              <div class="row">
                <div class="input-field col s4">
                  <div class="check_name">
                    <label><input type="radio" <?php echo (@$settingRes['theme_id'] == '3') ? 'checked' : ''; ?> name="theme" class="dashcheckbox" value="3" /> Blue</label>
                  </div>
                </div>
                <div class="input-field col s8">
                  <a href="javascript:void(0);" onclick="$('#themeImage').attr('src','<?php echo theme_url(); ?>images/themes/3.png');" class="modal-dialog modal-lg" data-toggle="modal" data-target="#myThemeModal"><img src="<?php echo theme_url(); ?>images/themes/3.png" width="200" alt="Choose Blue Theme" title="Choose Blue Theme" /></a>
                </div>
              </div>
              <div class="row">
                <div class="input-field col s12 v2-mar-top-40"> <button type="submit" class="waves-effect waves-light btn-large full-btn">Update Configuration</button> </div>
              </div>
              <?php echo form_close(); ?>
            </div>
          </div>
        </div>
      </div>
    </div>
    
  </div>
</section>
<div id="myThemeModal" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-body">
        <img src="" id="themeImage" class="profile_picture" width="575" />
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>
<?php $this->load->view("bottom_application"); ?>