@extends('layouts.desktop')
@section('content')
    
    
    <div class="wrapper">
        <div class="content">
            <div class="main-slider">
                <div class="slider">
                    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                        <ol class="carousel-indicators">
                            @foreach($libility as $key => $values)
                            <li data-target="#carousel-example-generic" data-slide-to="{{$key}}" class="@if($key==0) active @endif"></li>
                            @endforeach
                        </ol>

                        <div class="carousel-inner" role="listbox">
                            @foreach($libility as $key => $values)
                            <div class="item @if($key==0) active @endif">
                                <img src='{{asset("assets/images/resize/1920x680")}}/{{$values->item_img_slide}}'>
                                <div class="carousel-caption">
                                    <div class="content-box animated bounceInRight" style="animation-delay: .2s">
                                        <div class="inner-box">
                                            <div class="title-box">
                                                <h3>{{$values->item_title}}</h3>
                                                <p>{{$values->project_name}}</p>
                                            </div>
                                            <ul class="info-list">
                                                <li><span>{{ $values->item_sq_fp }}</span>Area Sq-ft</li>
                                                <li><span>{{ $values->item_bedroom }}</span>Bed Room</li>
                                                <li><span>{{ $values->item_parking }}</span>Parking</li>
                                                <li><span>{{ $values->item_bathroom }}</span>Bathroom</li>
                                            </ul>
                                            <div class="price">$ {{number_format($values->item_price,2)}}</div>
                                            <div class="btn-box"><a href="{{ route('item.index',Crypt::encrypt($values->item_projectid)) }}" class="btn-theme btn-theme-one">Booking Now</a></div>
                                        </div>                      
                                    </div>
                                </div>
                            </div>
                            @endforeach                
                        </div>

                        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
                </div>
            </div>
            <div class="project">
                <div class="container">
                    <div class="row session">
                        @if( $projects_0['id'] && $projects_0['code'] && $projects_0['name'] !== 'NONE')
                        <div class="col-sm-6 col-lg-6">
                            <div class="article">
                                <div class="thum">
                                    <img src="{{ asset('assets/images/resize/768x768/'.$projects_0['feature']) }}" alt="">
                                    
                                </div>
                                <div class="description">
                                    <h3>{{$projects_0['name']}}<span></span></h3>

                                    <p>
                                        {{$projects_0['project_des']}}
                                    </p>
                                    <div class="button-more">
                                        <a href="{{ route('item.index',Crypt::encrypt($projects_0['id'])) }}">Project</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endif
                        @if( $projects_1['id'] && $projects_1['code'] && $projects_1['name'] !== 'NONE')
                        <div class="col-sm-6  col-lg-6">
                            <div class="article">
                                <div class="thum">
                                    <img src="{{ asset('assets/images/resize/768x768/'.$projects_1['feature']) }}" alt="">
                                    
                                </div>
                                <div class="description">
                                    <h3>{{$projects_1['name']}} <span></span></h3>

                                    <p>
                                        {{$projects_1['project_des']}}
                                    </p>
                                    <div class="button-more">
                                        <a href="{{ route('item.index',Crypt::encrypt($projects_1['id'])) }}">Project</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endif
                        
                    </div>
                </div>
            </div>
          
            <div class="free-consultation">
                <div class="mask consultation"></div>
                <div class="container">
                    <div class="row">
                        <div class="col-xs-12">
                            <h2>Free consultation</h2>
                            <h3>Start any question with us now free consultation</h3>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-4">
                            <div class="box">
                                
                                <i class="fa fa-map-marker" aria-hidden="true"></i>
                                <p>អាសយដ្ធាន: អាគារB ផ្លូវសហព័ន្ធរុស្សី សង្កាត់ទឹកថ្លា ខណ្ឌសែនសុខ រាជធានីភ្នំពេញ</p>
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="box">
                                
                                <i class="fa fa-phone" aria-hidden="true"></i>
                                <p><a href="tel:98 435 558">(+855) 10 366 944 <br>(+855) 93 366 944</a></p>
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="box">
                                
                                <i class="fa fa-envelope" aria-hidden="true"></i>
                                <p>
                                    <a href="mailto:info@realtybooking.com.kh">info@realtybooking.com.kh</a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="row">   
            <div class="partner">
                <div class="col-xs-12">
                    <h2 class="text-center">Our Partners</h2>
                </div>                
            </div>         
            <div class="ourpartner-slider">

                @foreach($branches as $key => $value)
                    <div class="thum"><img src='{{asset("assets/images/resize")}}/{{$value->branch_img}}'></div>
                @endforeach
            </div>
        </div>
    </div>
   


@endsection
@section('script')
    
@endsection