@extends('layouts.mobile')
@section('content')
    
    
<div class="wrapper">
        <div class="content">
             <div class="main-slider">
                    
                <div id="myCarousel" class="carousel slide" data-ride="carousel">
                  <ol class="carousel-indicators">
                     @foreach($libility as $key => $values)
                    <li data-target="#myCarousel" data-slide-to="{{$key}}" class="@if($key==0) active @endif"></li>
                     @endforeach
                  </ol>
                  <div class="carousel-inner">
                        @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="description">
                                <h3>{{$values->item_name}}</h3>
                                <h3>{{$values->item_title}}</h3>
                                <h3> {{$values->item_price}}</h3>
                                <div class="button-more">
                                    <a href="#">{{$values->project_name}}</a>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </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-xs-12 col-sm-6 padding-0">
                            <div class="article">
                                <div class="mask project"></div>
                                <div class="thum">
                                    <img src="{{ asset('assets/images/original/'.$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-xs-12 col-sm-6 padding-0">
                            <div class="article">
                                <div class="mask project"></div>
                                <div class="thum">
                                    <img src="{{ asset('assets/images/original/'.$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-12">
                            <div class="box">
                                
                                <i class="fa fa-map-marker" aria-hidden="true"></i>
                                <p>អាសយដ្ធាន: អាគារB ផ្លូវសហព័ន្ធរុស្សី សង្កាត់ទឹកថ្លា ខណ្ឌសែនសុខ រាជធានីភ្នំពេញ</p>
                            </div>
                        </div>
                        <div class="col-xs-12">
                            <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-12">
                            <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="owl-carousel owl-theme">
                @foreach($branches as $key => $value)
                <div class="item"><img src='{{asset("assets/images/resize")}}/{{$value->branch_img}}'></div>
                @endforeach
            </div>
        </div>
    </div>

@endsection
@section('script')
    
@endsection