@extends ('layouts.app')
@section ('content')

    <div class="panel padding-10">
        @include('partials.messages')

        <div class="row">
            <h1>Enter Details of Temporary Product</h1>
            <div class="col-md-4 m-t-30">
                {!! Form::model($product, array('route' => ['tempproduct.update', $product->id], 'method' => 'PUT', 'files' => true ) ) !!}

                    {!! csrf_field() !!}

                    @include('tempproducts.partials.new_form_fields')

                    <input type="hidden" id="product_id" name="product_id" value="{{ $product->id }}"/>

                    <input type="hidden" id="shelf_id" name="shelf_id" value="{{ $product->shelf }}"/>

                    <input type="hidden" id="order" name="order" value="{{ $product->order }}"/>

                    <input type="hidden" id="nextone" name="nextone" value="false"/>

                    <input type="hidden" id="orientation" name="orientation" value="normal" />

                    <input type="hidden" id="image_url" name="image_url" value="{{ $product->picture }}"/>

                    <input type="hidden" id="json_img" name="json_img" value="{{ str_replace("https://stocklevla.s3.eu-west-1.amazonaws.com/" , "" , $product->picture) }}"/>

                    <button type="submit" class="btn btn-massive m-t-20">Convert To Product & Edit</button>

                    <button type="button" id="nextonebutton" class="btn btn-massive m-t-20">Convert To Product & Next</button>

                {!! Form::close() !!}

                <div class="col-xs-6 padding-5">

                </div>
                <div style="clear:both"></div>
            </div>

            <div class="col-md-6">
                <br><br>
                <h2>You can change the image later.</h2>
                <div id="pane">
                    <div id="one"></div>
                    <div id="two"></div>
                    <div id="pane_image" class="{{ !empty($rotate) ? 'rotate' : '' }}" style="background: url('{{ $product->picture }}');background-size: 600px 800px; "></div>
                    
                    @if($product->unit_type_id != 3)
                        @if(empty($rotate))
                            @if(!empty($product->top))
                                <span class="bottle-stripe stripe-top" style="top:{{ $product->top }}px"></span>
                            @endif
                            @if(!empty($product->bottom))
                                <span class="bottle-stripe stripe-bottom" style="bottom:{{ $product->bottom }}px"></span>
                            @endif
                        @else
                            @if(!empty($product->top_flipped))
                                <span class="bottle-stripe stripe-top" style="top:{{ $product->top_flipped }}px"></span>
                            @endif
                            @if(!empty($product->bottom_flipped))
                                <span class="bottle-stripe stripe-bottom" style="bottom:{{ $product->bottom_flipped }}px"></span>
                            @endif
                        @endif
                    @endif
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12 m-t-10">
                <div class="googleresults" id="googleresults" style="display:block;">

                </div>
            </div>
        </div>

    </div>

@stop