<div class="st-pusher">

      <!-- sidebar effects INSIDE of st-pusher: -->
      <!-- st-effect-3, st-effect-6, st-effect-7, st-effect-8, st-effect-14 -->

      <!-- this is the wrapper for the content -->
      <div class="st-content">

        <!-- extra div for emulating position:fixed of the menu -->
        <div class="st-content-inner padding-top-none" id="content">

          <div id="carousel-example-generic" class="carousel slide cover overlay overflow-hidden margin-bottom-none max-height-500" data-ride="carousel">
            <div class="ribbon-heading ribbon-primary h4 inline absolute left margin-none">&#8377; {{$project->price}}</div>
            <ol class="carousel-indicators">
            <?php 
$gallerys = App\Model\ProjectGallery::where('project_id', $project->id)->get();
$count = count($gallerys);
if ($count > 0) {
    for ($i = 0; $i < $count; $i++) {
        ?>
                   <li data-target="#carousel-example-generic" data-slide-to="{{$i}}" @if($i==0) class="active" @endif></li>
             <?php 
    }
} else {
    ?>
                   <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                   <?php 
}
?>
            </ol>
            <div class="carousel-inner" role="listbox">
          <div class="container-fluid">

         

            <h1 class="text-h3">Properties</h1>

            @forelse($project as $prop)

            <div class="panel panel-default">
              <div class="panel-body">
                <div class="media media-clearfix-xs media-clearfix-sm">
                  <div class="media-left">
                    <p>
                      <a href="{{url('projects/'.$prop->slug)}}">
                      <?php 
$gallery = App\Model\ProjectGallery::where('project_id', $prop->id)->first();
?>
                      @if($gallery)
                        <img src="images/project/gallery/{{$gallery->name}}" alt="property" width="150" class="media-object" />
                      @else
                        <img src="images/photodune-378874-real-estate-xs.jpg" alt="property" width="150" class="media-object" />
                      @endif
                      </a>
                    </p>
                   <!-- <div class="text-center small">
                      <span class="fa fa-fw fa-star text-yellow-800"></span>
                      <span class="fa fa-fw fa-star text-yellow-800"></span>
                      <span class="fa fa-fw fa-star text-yellow-800"></span>
                      <span class="fa fa-fw fa-star-o text-yellow-800"></span>
                      <span class="fa fa-fw fa-star-o text-yellow-800"></span>
                    </div>-->