<style type="text/css">

               .menu-widget li{

                margin-bottom: 3px;

                background: #E56D0D;

                font-weight: 400;

                list-style: none;

               }

                .menu-widget li a{

              display: block;

              color: white;

              padding: 10px;

              padding-left: 20px;

              text-decoration: none;

               }

               .side-samping{

                padding-bottom: 13px;

               }

               #Subheader {

    background-repeat: no-repeat;

    background-position: right center

}

           </style>



  <?php $banner = $this->db->select('category_landingpage_image')->from('configuration')->get()->row()->category_landingpage_image ?>

<div id="Subheader" style="padding:150px 0; background-image: url(<?= base_url('uploads/banners/' .$banner)?>); background-size: cover;">

                <div class="container">

                    <div class="column one">

                        <h1 class="title" style="color: white;text-align: center; text-shadow: 2px 2px black">PROJECT</h1>

                    </div>

                </div>

            </div>

        </div>





        <?php

         $categori = $this->db->select('*')->from('categories')->get()->result();

        ?>

  <div id="Content" style="margin-top: 50px; margin-bottom: 50px;">

    <div class="container">

        <?= form_open_multipart('project/get'); ?>

            <div class="row" style="margin-bottom: 30px;">

              <?php foreach ($categori as $category) :?>

                  <div class="col-md-4" style="margin-bottom: 30px">

                      <div class="form-check">



                        <input class="form-check-input" style="position:relative; bottom:3px; margin-right: 10px; margin-left:10px;" type="checkbox" name="category[]" value="<?=  $category->category; ?>" <?= set_checkbox('category_id[]',  $category->category); ?>



                        <?php if (isset($chosen_categories)) : ?>

                   

                          <?php

                          //checked item

                          foreach ($chosen_categories as $chosen_category) : ?>



                            <?php if ($chosen_category->id_category ==  $category->id_categories) : ?>

                              checked

                            <?php endif; ?>

                          

                          <?php endforeach; ?>



                        <?php endif; ?>  



                      > 

                        <label class="check">         

                        <?= ucfirst($category->category); ?>

                        </label>

                      </div>



                  </div>

                <?php endforeach ;?>

                <div>

                 <input type="submit" value="search">

                </div>

            </div>

        <?= form_close(); ?>

                  



            <div class="row" style="margin-bottom: 30px;">

              <div class="col-md-4">



                <div class="select-type">

                      <?php

                      $js = 'class="custom-select" id="chooseprojectType"';

                        $options = array(

                          ''=> 'All Project Type',

                          'Residence' => 'Residence',

                          'Hotel' => 'Hotel',

                          'Office Building' => 'Office Building',

                          'Hospital' => 'Hospital',

                          'Mall/Plaza' => 'Mall/Plaza',

                          'Apartement' => 'Apartement',

                          'Sport Center' => 'Sport Center',

                          'Show Room' => 'Show Room',

                          'Recreation Center' => 'Recreation Center',

                          'Boutique' => 'Boutique',

                          'Church' => 'Church'

                        );



                        echo form_dropdown('project_type', $options,'',$js);

                      ?>

                  </div>

              </div>

            </div>

    </div>

    <div class="container-fluid">

      <div class="row">

              <div class="col-md-12">

                <div class="table-responsive">

                  <table class="table table-striped table-warning">

                  <thead>

                    <tr>

                      <th scope="col" style="font-size: 14px;">Project Name</th>

                      <th scope="col" style="font-size: 14px;">Project Type</th>

                      <th scope="col" style="font-size: 14px;">Category Product</th>

                      <th scope="col" style="font-size: 14px;">Glass & Material Type</th>

                      <th scope="col" style="font-size: 14px;">City</th>

                    </tr>

                  </thead>

                  <tbody id="hasilprojectType">

                    <?php foreach ($projects as $project):?>

                    <tr>

                      <td><?= $project->project_name ?></td>

                      <td><?= $project->project_type?></td>

                      <td><?= $project->category_product?></td>

                      <td><?= $project->glass_material?></td>

                      <td><?= $project->city?></td>

                    </tr>

                    <?php endforeach;?>

                   

                  </tbody>

                </table>

                </div>

                

              </div>

            </div>

    </div>

  </div>