@extends('master')

@section('content')
    {{--<div id="loadingoverlay" style="display:table; width: 100%; height:100%;" class="modal fade text-center" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">--}}
        {{--<div style="vertical-align: middle;display: table-cell">--}}
            {{--<img src="{{url('images/loading-wheel.gif')}}" style="height:150px;width:150px;"/>--}}
        {{--</div>--}}
    {{--</div>--}}
    <!-- SECTION FOR CUSTOMIZATION -->
    <section>
        <div class="container">
            <div id="rugsart-content-wrapper">
                <!-- Bread Crumb -->
                <div class="col-md-12 col-sm-12 col-xs-12 bread-crumb">Customize Your Rug</div>

                <div class="col-md-12 col-sm-12 col-xs-12 customize-container">
                    {{--<div class="row cutomize-container-outer hidden-sm hidden-xs">--}}
                        {{--<div class="col-md-3">Select Colors from the palette below</div>--}}
                        {{--<div class="col-md-6 text-center">You can make her any size, any shape, any color of your choice</div>--}}
                        {{--<div class="col-md-3 text-right">Pick colors by using palette below</div>--}}
                    {{--</div>--}}
                    <div class="row">
                        <div class="col-md-5 col-sm-8 col-xs-9 design-image">
                            <div class="design-title">Design: {{$product->product_name}}
                                <a  onclick="resetColors();return false;"><i class="fa fa-refresh pull-right"></i></a>
                                {{--Help link with modal youtube video start--}}
                                <a role="button" data-toggle="modal" data-target=".help-modal-box" title="Help"><i class="fa fa-question pull-right"></i></a>
                                <div class="modal fade help-modal-box" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
                                    <div class="modal-dialog modal-lg">
                                        <div class="modal-content">

                                            <div class="embed-responsive embed-responsive-16by9">
                                                <iframe width="100%" height="100%" src="https://www.youtube.com/embed/cs_IWEk8YXM?rel=0&fs=0&showinfo=0" frameborder="0" allowfullscreen></iframe>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                {{--Help link with modal youtube video start--}}

                            </div>
                            <div class="design-images-container" >
                                    <img id="loading" src="{{url('images/loading.gif')}}" style="height: 100%;width:100%;z-index:110;"/>
                                <canvas  id="imgCanvas" width="470" height="660" class="img-responsive" title="{{$product->product_name}}"></canvas>

                                @foreach($images as $key=>$img)
                                {{--<img src="{{url('/imagecache/customize/'.$img->image)}}" id="{{$img->id}}" alt="{{$img->id}}"  class="img-responsive {{$img->is_texture==1?'texture':''}}"/>--}}
                                    {{--<img src="{{url('images/products/customizedimage/'.$img->image)}}" id="{{$img->id}}" alt="{{$img->id}}" {{$key==0?'style=position:relative':''}}  class="img-responsive  {{$img->is_texture==1?'texture':''}}"/>--}}
                                    <br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function url() in /home/techcity/public_html/buytibetanrugs.techcity.com.np/resources/views/customize/show.blade.php:49
Stack trace:
#0 {main}
  thrown in <b>/home/techcity/public_html/buytibetanrugs.techcity.com.np/resources/views/customize/show.blade.php</b> on line <b>49</b><br />