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

<!-- blueimp Gallery styles -->
{{ HTML::style('fileupload/css/blueimp-gallery.min.css') }}
<!-- CSS to style the file input field as button and adjust the Bootstrap progress bars -->
{{ HTML::style('fileupload/css/jquery.fileupload.css') }}
{{ HTML::style('fileupload/css/jquery.fileupload-ui.css') }}
{{ HTML::style('css/smoothness/jquery-ui-1.10.4.custom.css') }}

{{ HTML::style('css/bootstrap-switch.min.css') }}

<!-- CSS adjustments for browsers with JavaScript disabled -->
<noscript>
    <link rel="stylesheet" href="css/">
    {{ HTML::style('fileupload/css/jquery.fileupload-noscript.css') }}
</noscript>
<noscript>{{ HTML::style('fileupload/css/jquery.fileupload-ui-noscript.css') }}</noscript>

       <div class="jumbotron jumbotron-sm jumbotron_contact jumbotron-sm-contact">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 col-lg-12">
                <h1 class="h1 contact_h1 " >
                  <i class="fa fa-pencil-square-o"></i>  {{Lang::get('messages.edit_product')}}</h1>
            </div>
        </div>
    </div>
</div>




<div class="container">
<ol class="breadcrumb">
  <li><a href="{{ URL::route('qrpay-user_myproducts')}}">{{Lang::get('messages.my_products')}}</a></li>
  <li class="active">{{Lang::get('messages.edit_product')}}</li>
</ol>
<div class="row">

    <div class="col-xs-6 col-md-6">
        {{ Form::open(array('url'=>
            Lang::get('routes.home').'/'.Lang::get('routes.user_product_edit').$product_id.'/'.Lang::get('routes.product_edit'),
            'class'=>'form-horizontal', 'role'=>'form', 'name'=>'product_add','id'=>'product_add')) }}
            <ul id="myTab" class="nav nav-tabs">
                <li class="active"><a href="#basic" data-toggle="tab">{{Lang::get('messages.basic')}}</a></li>
                <li class=""><a href="#advanced" data-toggle="tab">{{Lang::get('messages.advanced')}}</a></li>
            </ul>
            <div id="myTabContent" class="tab-content">
                <div class="tab-pane fade active in" id="basic">
                    <div class="form-group">
                        <label for="inputEmail3" class="col-sm-2 control-label">{{Lang::get('messages.title')}}</label>

                        <div class="col-sm-10">
                            {{ Form::text('title',$dataArray['getProduct']->name,
                            array('class'=>'form-control','id'=>'title','placeholder'=>Lang::get('messages.name_of_your_product'))) }}
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputEmail3" class="col-sm-2 control-label">{{Lang::get('messages.price')}}</label>

                        <div class="col-sm-10">
                            <div class="input-group">
                                <span class="input-group-addon">{{$dataArray['getProduct']->currencycodes->symbol}}</span>
                                {{ Form::text('price',$dataArray['getProduct']->price,
                                array('class'=>'form-control','id'=>'price','placeholder'=>Lang::get('messages.give_a_price'))) }}
                                <span class="input-group-addon">.00</span>

                            </div>
 <input type="hidden" name="currency" id="currency" value="{{$dataArray['getProduct']->currencycodes->id}}">
                        </div>
                    </div>


                    <div class="form-group">
                        <label for="inputEmail3" class="col-sm-2 control-label">{{Lang::get('messages.description')}}</label>

                        <div class="col-sm-10">
                            {{ Form::textarea('description',$dataArray['getProduct']->description,
                                array('rows'=>'3','class'=>'form-control','id'=>'description','placeholder'=>Lang::get('messages.give_brief_info'))) }}
                            </div>
                        </div>

@if($dataArray['getProduct']->type!='digital' && $dataArray['getProduct']->type!='ticket')
                        <div class="form-group productShipping">
                            <label for="productExpiration" class="col-sm-2 control-label">{{Lang::get('messages.shipping')}}</label>

                            <div class="row">

                                <div class="col-lg-4">

                                    {{ Form::text('shipping_name', null, array('class'=>'form-control shipping_name
                                    product_shipping','id'=>'shipping_name','placeholder'=>Lang::get('messages.shipping_name'))) }}

                                </div>
                                <!-- /.col-lg-6 -->

                                <div class="col-lg-3">
                                    <div class="input-group">
                                        <span class="input-group-addon"><i class="fa fa-money"></i></span>
                                        {{ Form::text('shipping_additional', null, array('class'=>'form-control shipping_additional
                                        product_shipping','id'=>'shipping_additional','placeholder'=>Lang::get('messages.amount'),'number'=>'true')) }}
                                    </div>
                                </div>

                                <div class="col-lg-1">
                                 <span class="input-group-btn">
                                    <button class="btn btn-default addShipping" id="addShipping" type="button"> {{Lang::get('messages.add_shipping')}}</button>
                                </span>


                            </div>
                            <!-- /.col-lg-6 -->
                        </div>
                        <!-- /.row -->


                        @foreach($dataArray['getProduct']->product_shipping as $shipping)


                        <div class="shipping_data">
                            <div class="col-sm-1 col-sm-offset-2 shipping_remove_wrapper"><a class="shipping_remove_button"
                               href="#"><span
                               class="glyphicon glyphicon-minus-sign icon-remove"></span></a></div>
                               <div class="panel panel-default col-sm-8">
                                <div class="panel-body"><span class="pull-left">{{$shipping->name}}</span><span
                                    class="pull-right">${{$shipping->price}}</span></div>
                                </div>
                                <input type="hidden" name="shipping_name[]" value="{{$shipping->name}}"/><input type="hidden"
                                name="shipping_additional[]"
                                value="{{$shipping->price}}"/>
                            </div>

                            @endforeach
                        </div>

@endif
<!--                         <div class="form-group">
                            <label for="status" class="col-sm-2 control-label">{{Lang::get('messages.status')}}</label>

                            <div class="col-sm-10">
                                <input type="checkbox" name="product_status" id="status" checked>
                            </div>
                        </div> -->

                    </div>

                    <div class="tab-pane fade" id="advanced">

                        <div class="form-group">
                            <label for="productQuantity" class="col-sm-2 control-label">{{Lang::get('messages.quantity')}}</label>

                            <div class="col-sm-10">
                            @if($dataArray['getProduct']->quantity!=0)
                                {{ Form::text('quantity',$dataArray['getProduct']->quantity,
                                    array('class'=>'form-control','id'=>'productQuantity','placeholder'=> Lang::get('messages.limit_quantity'))) }}
                            @else
                            {{ Form::text('quantity','',
                                array('class'=>'form-control','id'=>'productQuantity','placeholder'=> Lang::get('messages.limit_quantity'))) }}
                            @endif
                                </div>
                            </div>
@if($dataArray['getProduct']->type!='digital' && $dataArray['getProduct']->type!='ticket')
                            <div class="form-group" id="optionRow">
                                <label for="productExpiration" class="col-sm-2 control-label">{{Lang::get('messages.option')}}</label>

                                <div class="row">
                                    <div class="col-lg-9">
                                        <div class="input-group">
                                            {{ Form::text('option_name', null,
                                            array('class'=>'form-control','id'=>'optionName','placeholder'=> Lang::get('messages.option_name'))) }}
                                            <div class="input-group-btn">
                                                <button type="button" class="btn btn-default dropdown-toggle addOption"> {{Lang::get('messages.add_option')}}</button>

                                            </div>
                                            <!-- /btn-group -->
                                        </div>
                                        <!-- /input-group -->
                                    </div>
                                    <!-- /.col-lg-6 -->
                                </div>
                                <!-- /.row -->
                            </div>

                            @foreach($dataArray['getProduct']->product_option as $option)

                            <div class="form-group option_wrapper">

                                <div class="col-sm-offset-2 table-responsive">

                                    <div class="panel panel-default">

                                        <div class="panel-heading optionName">
                                            <button type="button" class="close option_wrapper_close" data-dismiss="form-group"
                                            aria-hidden="true">&times;</button>


                                            <h3 class="panel-title optionNameTitle"> {{$option->name}}</h3>

                                        </div>

                                        <div class="panel-body">
                                            <table class="table optionTable">
                                                <thead>
                                                    <tr>
                                                        <th></th>
                                                        <th> {{Lang::get('messages.option_value')}}</th>
                                                        <th>{{Lang::get('messages.additional')}}</th>
                                                        <th>{{Lang::get('messages.quantity')}}</th>
                                                    </tr>
                                                </thead>
                                                <tbody>

                                                    @foreach($option->product_option_value as $optionvalues)

                                                    <tr class="option_line current_options">
                                                        <td><a class="option_remove" href="#"><span
                                                            class="glyphicon glyphicon-minus-sign icon-remove"></span></a>
                                                            <input type="hidden" class="optionName" name="product_option_name[]"
                                                            value='{{$option->name}}'>

                                                            </td>

                                                            <td><input type="text" class="form-control optionValue"
                                                             name="product_option_value[][{{$option->name}}]"
                                                             value="{{$optionvalues->value}}"/></td>

                                                             <td><input type="text" class="form-control optionAdditional"
                                                                 name="product_option_additional[][{{$option->name}}]"
                                                                 value="{{$optionvalues->additional}}"/></td>

                                                                 <td><input type="text" class="form-control optionQuantity"
                                                                     name="product_option_quantity[][{{$option->name}}]"
                                                                     value="{{$optionvalues->quantity}}"/></td>

                                                                 </tr>

                                                                 @endforeach

                                                                 <tr class="anotherOptionWrapper">
                                                                    <td colspan="4" style="text-align:center;"><a href="#"
                                                                      class="btn btn-small addAnotherOptionValue"
                                                                      rel="{{$option->name}}">+ {{Lang::get('messages.add_another')}}</a></td>
                                                                      {{$option->name}}
                                                                  </tr>
                                                              </tbody>
                                                          </table>
                                                      </div>
                                                  </div>

                                              </div>
                                          </div>
                                          @endforeach
                                          @endif
                                          <div class="form-group">
                                            <label for="productExpiration" class="col-sm-2 control-label">{{Lang::get('messages.expiration_day')}}</label>

                                            <div class="col-sm-10">
                                            @if(empty($dataArray['getproductDate']))
                                                {{ Form::text('expiration_day',$dataArray['getproductDate'],
                                                array('class'=>'form-control','id'=>'datepicker','placeholder'=>Lang::get('messages.expiration_day'))) }}
                                            @else
                                                    {{ Form::text('expiration_day','',
                                                    array('class'=>'form-control','id'=>'datepicker','placeholder'=>Lang::get('messages.expiration_day'))) }}
                                            @endif
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="productExpiration" class="col-sm-2 control-label">{{Lang::get('messages.available_countries')}}</label>

                                            <div class="col-sm-10">
                                                {{Form::select('available_countries',$getCountries,$dataArray['getProduct']->shipping,array('class'=>'form-control','id'=>'available_countries'))}}
                                            </div>
                                        </div>

                                    </div>

                                    <div class="form-group">
                                        <div class="col-sm-offset-2 col-sm-10">
                                            <button type="submit" class="btn btn-block btn-primary product_submit">{{Lang::get('messages.update')}}</button>
                                        </div>
                                    </div>

                                    {{ Form::close() }}
                                </div>


                            </div>

                            <div class="col-xs-12 col-sm-6 col-md-6">

                                <div class="product">

                                    <h3><span class="glyphicon glyphicon-picture"></span> {{Lang::get('messages.product_images')}} <small>{{Lang::get('messages.product_images_sub')}}</small></h3>
                                    <p class="lead">{{Lang::get('messages.product_images_info')}}</p>
                                    @if(!empty($dataArray['getProductImage']))

                                    @foreach($dataArray['getProductImage'] as $image)

                                    <div class="row product_images" id="{{$image->id}}" >

                                        <div class="col-md-4 col-sm-4 col-lg-4"><a href="{{{ asset('/files/images_files') }}}/{{$image->name}}"><img style="width:100px;" src="{{{ asset('/files/images_files/thumbnail') }}}/{{$image->name}}"></a></div>

                                        <div class="col-md-4 col-sm-4 col-lg-4"><a href="{{{ asset('/files/images_files') }}}/{{$image->name}}">{{$image->name}}</a></div>

                                        <div class="col-md-4 col-sm-4 col-lg-4">

                                            <!-- <button class="btn btn-danger delete s" data-type="DELETE" data-xhr-fields='"withCredentials":true' data-url="{{{ URL::to(Lang::get('routes.home')) }}}/{{ Lang::get('routes.user_product_edit') }}{id}/upload?file={{$image->name}}"><span class="glyphicon glyphicon-trash"></span> {{Lang::get('messages.delete')}}</button> -->


                                            <a class="btn btn-danger btn-sm delete delete_image" rel="{{URL::route('image-delete')}}?file={{$image->name}}" rel2="{{$image->id}}" data-type="POST"
                                            href="#"><span class="glyphicon glyphicon-trash"></span> {{Lang::get('messages.delete')}} </a>
                                        </div>
                                    </div>

                                    @endforeach

                                    <hr>

                                    <form class="fileupload" action="{{$product_id}}/upload" method="POST" rel="{{$product_id}}"
                                    enctype="multipart/form-data">
                                    <!-- Redirect browsers with JavaScript disabled to the origin page -->
                                    <noscript><input type="hidden" name="redirect" value="http://blueimp.github.io/jQuery-File-Upload/"></noscript>
                                    <!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
                                    <div class="row fileupload-buttonbar">

                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                            <!-- The fileinput-button span is used to style the file input field as button -->
                                            <span class="btn btn-success fileinput-button">
                                               <i class="glyphicon glyphicon-plus"></i>
                                               <span>Add Images...</span>
                                               <input type="file" name="files[]" multiple>
                                           </span>
                                           <button type="submit" class="btn btn-primary start">
                                            <i class="glyphicon glyphicon-upload"></i>
                                            <span>{{Lang::get('messages.start_upload')}}</span>
                                        </button>
                                        <button type="reset" class="btn btn-warning cancel">
                                            <i class="glyphicon glyphicon-ban-circle"></i>
                                            <span>{{Lang::get('messages.cancel_upload')}}</span>
                                        </button>
                                        <button type="button" class="btn btn-danger delete">
                                            <i class="glyphicon glyphicon-trash"></i>
                                            <span>{{Lang::get('messages.delete')}}</span>
                                        </button>

                                        <!-- The global file processing state -->
                                        <span class="fileupload-process"></span>
                                    </div>

                                    <!-- The global progress state -->
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 fileupload-progress fade">

                                        <!-- The global progress bar -->
                                        <div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100">
                                            <div class="progress-bar progress-bar-success" style="width:0%;"></div>
                                        </div>
                                        <!-- The extended global progress state -->
                                        <div class="progress-extended">&nbsp;</div>
                                    </div>

                                </div>
                                <!-- The table listing the files available for upload/download -->
                                <table role="presentation" class="table table-striped">
                                    <tbody class="files"></tbody>
                                </table>


                            </form>
                            @else

                            @foreach($dataArray['getProductImage'] as $image)

                            <div class="row product_images" >

                                <div class="col-md-4 col-sm-4 col-lg-4"><a href="{{{ asset('/files/images_files') }}}/{{$image->name}}"><img style="width:100px;" src="{{{ asset('/files/images_files/thumbnail') }}}/{{$image->name}}"></a></div>

                                <div class="col-md-4 col-sm-4 col-lg-4"><a href="{{{ asset('/files/images_files') }}}/{{$image->name}}">{{$image->name}}</a></div>

                                <div class="col-md-4 col-sm-4 col-lg-4">

                                    <!-- <button class="btn btn-danger delete s" data-type="DELETE" data-xhr-fields='"withCredentials":true' data-url="{{{ URL::to(Lang::get('routes.home')) }}}/{{ Lang::get('routes.user_product_edit') }}{id}/upload?file={{$image->name}}"><span class="glyphicon glyphicon-trash"></span> {{Lang::get('messages.delete')}}</button> -->
                                    <a class="btn btn-danger btn-sm delete asd" data-type="POST"
                                    href="{{{ URL::to(Lang::get('routes.home')) }}}/{{ Lang::get('routes.user_product_edit') }}{id}/upload?file={{$image->name}}"><span
                                    class="glyphicon glyphicon-trash"></span> {{Lang::get('messages.delete')}} </a>
                                </div>

                            </div>

                            @endforeach

                            <p class="lead">{{Lang::get('messages.product_images_info')}}</p>

                            <form class="fileupload" action="{{$product_id}}/upload" method="POST" rel="{{$product_id}}"
                            enctype="multipart/form-data">
                            <!-- Redirect browsers with JavaScript disabled to the origin page -->
                            <noscript><input type="hidden" name="redirect" value="http://blueimp.github.io/jQuery-File-Upload/"></noscript>
                            <!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
                            <div class="row fileupload-buttonbar">

                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                    <!-- The fileinput-button span is used to style the file input field as button -->
                                    <span class="btn btn-success fileinput-button">
                                       <i class="glyphicon glyphicon-plus"></i>
                                       <span>{{Lang::get('messages.add_images')}}...</span>
                                       <input type="file" name="files[]" multiple>
                                   </span>
                                   <button type="submit" class="btn btn-primary start">
                                    <i class="glyphicon glyphicon-upload"></i>
                                    <span>{{Lang::get('messages.start_upload')}}</span>
                                </button>
                                <button type="reset" class="btn btn-warning cancel">
                                    <i class="glyphicon glyphicon-ban-circle"></i>
                                    <span>{{Lang::get('messages.cancel_upload')}}</span>
                                </button>
                                <button type="button" class="btn btn-danger delete">
                                    <i class="glyphicon glyphicon-trash"></i>
                                    <span>{{Lang::get('messages.delete')}}</span>
                                </button>

                                <!-- The global file processing state -->
                                <span class="fileupload-process"></span>
                            </div>

                            <!-- The global progress state -->
                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 fileupload-progress fade">

                                <!-- The global progress bar -->
                                <div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar progress-bar-success" style="width:0%;"></div>
                                </div>
                                <!-- The extended global progress state -->
                                <div class="progress-extended">&nbsp;</div>
                            </div>

                        </div>
                        <!-- The table listing the files available for upload/download -->
                        <table role="presentation" class="table table-striped">
                            <tbody class="files"></tbody>
                        </table>


                    </form>
                    @endif



                    @if($dataArray['getProduct']->type=='digital')

                    <h3><span class="glyphicon glyphicon-cloud-upload"></span> {{Lang::get('messages.digital_files')}} <small>{{Lang::get('messages.digital_files_sub')}}</small></h3>

                    @foreach($dataArray['getProductDigital'] as $digital)

                    <div class="row product_images">

                        <div class="col-md-4 col-sm-4 col-lg-4">

                            <a class="digital_type" href="{{{ asset('/files/digital_files') }}}/{{$digital->name}}">
                            {{$digital->type}}
                      </a>
                            </div>
                            <div class="col-md-4 col-sm-4 col-lg-4"><a href="{{{ asset('/files/digital_files') }}}/{{$digital->name}}">{{$digital->name}}</a>

                            </div>

                            <div class="col-md-2 col-sm-2 col-lg-2">

                                <span class="label label-warning">{{$digital->size}} KB</span>


                            </div>
                            <div class="col-md-2 col-sm-2 col-lg-2">
                                <button class="btn btn-danger btn-sm delete" data-type="DELETE"
                                data-url="{{{ URL::to(Lang::get('routes.home')) }}}/{{ Lang::get('routes.user_product_edit') }}{id}/upload?file={{$digital->name}}">
                                {{Lang::get('messages.delete')}}
                            </button>
                            <!-- 		<a class="btn btn-danger btn-sm delete" href="{{{ URL::to(Lang::get('routes.home')) }}}/{{ Lang::get('routes.user_product_edit') }}{id}/upload?file={{$digital->name}}"><span class="glyphicon glyphicon-trash"></span> {{Lang::get('messages.delete')}} </a> -->
                        </div>
                    </div>

                    @endforeach


                    <form class="fileupload digital_upload" class="digital_form" action="{{$product_id}}/digital_upload" method="POST"
                    rel="{{$product_id}}" enctype="multipart/form-data">

                    <p class="lead">{{Lang::get('messages.digital_files_info')}}</p>

                    <div class="row fileupload-buttonbar">
                        <div class="col-md-12">
                            <!-- The fileinput-button span is used to style the file input field as button -->
                            <span class="btn btn-success fileinput-button">
                               <i class="glyphicon glyphicon-plus"></i>
                               <span>{{Lang::get('messages.add_files')}}...</span>
                               <input type="file" name="files[]" multiple>
                           </span>
                           <button type="submit" class="btn btn-primary start">
                            <i class="glyphicon glyphicon-upload"></i>
                            <span>{{Lang::get('messages.start_upload')}}</span>
                        </button>
                        <button type="reset" class="btn btn-warning cancel">
                            <i class="glyphicon glyphicon-ban-circle"></i>
                            <span>{{Lang::get('messages.cancel_upload')}}</span>
                        </button>
                        <button type="button" class="btn btn-danger delete">
                            <i class="glyphicon glyphicon-trash"></i>
                            <span>{{Lang::get('messages.delete')}}</span>
                        </button>

                        <!-- The global file processing state -->
                        <span class="fileupload-process"></span>
                    </div>
                    <!-- The global progress state -->
                    <div class="col-md-12 fileupload-progress fade">
                        <!-- The global progress bar -->
                        <div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100">
                            <div class="progress-bar progress-bar-success" style="width:0%;"></div>
                        </div>
                        <!-- The extended global progress state -->
                        <div class="progress-extended">&nbsp;</div>
                    </div>
                </div>
                <!-- The table listing the files available for upload/download -->
                <table role="presentation" class="table table-striped">
                    <tbody class="files"></tbody>
                </table>
            </form>
            @endif

        </div>


        <!-- UPLOAD IMAGE -->
        <ul>
            @foreach($errors->all() as $error)
            <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
</div>
</div>
<script id="template-upload" type="text/x-tmpl">
  {% for (var i=0, file; file=o.files[i]; i++) { %}
  <tr class="template-upload fade">
     <td>
        <span class="preview"></span>
    </td>
    <td>
        <p class="name">{%=file.name%}</p>
        <strong class="error text-danger"></strong>
    </td>
    <td>
        <p class="size">{{Lang::get('messages.proccessing')}}...</p>
        <div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><div class="progress-bar progress-bar-success" style="width:0%;"></div></div>
    </td>
    <td>
        {% if (!i && !o.options.autoUpload) { %}
        <button class="btn btn-primary btn-sm start" disabled>
           <i class="glyphicon glyphicon-upload"></i>
           <span>{{Lang::get('messages.start')}}</span>
       </button>
       {% } %}
       {% if (!i) { %}
       <button class="btn btn-warning btn-sm cancel">
           <i class="glyphicon glyphicon-ban-circle"></i>
           <span>{{Lang::get('messages.cancel')}}</span>
       </button>
       {% } %}
   </td>
</tr>
{% } %}
</script>

<!-- The template to display files available for download -->
<script id="template-download" type="text/x-tmpl">
  {% for (var i=0, file; file=o.files[i]; i++) { %}
  <tr class="template-download fade">
     <td>
        <span class="preview">
           {% if (file.thumbnailUrl) { %}
           <a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" data-gallery><img src="{%=file.thumbnailUrl%}"></a>
           {% } %}
       </span>
   </td>
   <td>
    <p class="name">
       {% if (file.url) { %}
       <a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" {%=file.thumbnailUrl?'data-gallery':''%}>{%=file.name%}</a>
       {% } else { %}
       <span>{%=file.name%}</span>
       {% } %}
   </p>
   {% if (file.error) { %}
   <div><span class="label label-danger">{{Lang::get('messages.error')}}</span> {%=file.error%}</div>
   {% } %}
</td>
<td>
    <span class="size">{%=o.formatFileSize(file.size)%}</span>
</td>
<td>
    {% if (file.deleteUrl) { %}
    <button class="btn btn-danger delete" data-type="{%=file.deleteType%}" data-url="{%=file.deleteUrl%}"{% if (file.deleteWithCredentials) { %} data-xhr-fields='{"withCredentials":true}'{% } %}>
       <i class="glyphicon glyphicon-trash"></i>
       <span>{{Lang::get('messages.delete')}}</span>
   </button>

   {% } else { %}
   <button class="btn btn-warning cancel">
       <i class="glyphicon glyphicon-ban-circle"></i>
       <span>{{Lang::get('messages.cancel')}}</span>
   </button>
   {% } %}
</td>
<td style="display:none">
    <p class="product_id"></p>
</td>
</tr>
{% } %}
</script>




@stop

@section('footer_js')

<script type="text/javascript">


    // edit remove //
    // $.ajax({
    //                 url: self.attr('href'),
    //                 method: 'DELETE',
    //                 success: function(data) {
    //                   self.parent('li').remove(); // todo: make configurable
    //                 },
    //                 error: function(data) {
    //                     alert("Error while deleting.");
    //                     console.log(data);
    //                 }
    //               });


$(document).ready(function () {


    $('a.delete_image').click(function(e){
        e.preventDefault();
        var deleteURL = $(this).attr('rel');
        var deleteID = $(this).attr('rel2');
        $.ajax({
            url: deleteURL,
            type: 'DELETE',
            data: {},
            success: function (data) {
                $('div#'+deleteID).fadeOut('slow');
            },
        });
    });

    $('a.option_remove').click(function (e) {
        e.preventDefault();
        console.log('bastim2');
        $(this).parent().parent().remove();

    });

    $('button.option_wrapper_close').click(function (e) {
        e.preventDefault();
        $(this).parents().eq(3).remove();
    });

    $('a.addAnotherOptionValue').click(function (e) {
        e.preventDefault();
        var name = $(this).attr('rel');
        var el = $('tr.current_options');
        console.log('bastim');
        var additional = $('<tr class="option_line"><td><a class="option_remove" href="#"><span class="glyphicon glyphicon-minus-sign icon-remove"></span></a><input type="hidden" class="optionName" name="product_option_name[]" value=' + name + '></td><td><input type="text" class="form-control optionValue" name="product_option_value[][' + name + ']" placeholder="Large,Black etc." /></td><td><input type="text" class="form-control optionAdditional" name="product_option_additional[][' + name + ']" placeholder="$0" /></td><td><input type="text" class="form-control optionQuantity" name="product_option_quantity[][' + name + ']" placeholder="∞" /></td></tr>');

        $(this).parent().parent().before(additional);

        var all = el.add(additional);

        console.log(el);

        $(all).find('a.option_remove').click(function (e) {
            e.preventDefault();
            console.log('bastim2');
            $(this).parent().parent().remove();

        });

    });

$("[name='product_status']").bootstrapSwitch();

$('button.addOption').click(function (e) {
    e.preventDefault();
    var name = $('input#optionName').val();

    if (name.length != 0) {

        var el = $('<div class="form-group option_wrapper"><div class="col-sm-offset-2 table-responsive"><div class="panel panel-default"><div class="panel-heading optionName"><button type="button" class="close option_wrapper_close" data-dismiss="form-group" aria-hidden="true">&times;</button><h3 class="panel-title optionNameTitle">' + name + '</h3></span></div><div class="panel-body"><table class="table optionTable"><thead><tr><th></th><th>Option Value</th><th>Additional</th><th>Quantity</th></tr></thead><tbody><tr class="option_line"><td><a class="option_remove" href="#"><span class="glyphicon glyphicon-minus-sign icon-remove"></span></a><input type="hidden" class="optionName" name="product_option_name[]" value=' + name + '></td><td><input type="text" class="form-control optionValue" name="product_option_value[][' + name + ']" placeholder="Large,Black etc." /></td><td><input type="text" class="form-control optionAdditional" name="product_option_additional[][' + name + ']" placeholder="$0" /></td><td><input type="text" class="form-control optionQuantity" name="product_option_quantity[][' + name + ']" placeholder="∞" /></td></tr><tr class="anotherOptionWrapper"><td colspan="4" style="text-align:center;"><a href="#" class="btn btn-small addAnotherOptionValue">+ Add Another</a></td></tr></tbody></table></div>');

        $('div#optionRow').after(el);

        $('input#optionName').val('');

    }

    el.find('button.option_wrapper_close').click(function (e) {
        e.preventDefault();
        $(this).parents().eq(3).remove();
    });

    el.find('a.addAnotherOptionValue').click(function (e) {
        e.preventDefault();
        console.log('bastim');
        var additional = $('<tr class="option_line"><td><a class="option_remove" href="#"><span class="glyphicon glyphicon-minus-sign icon-remove"></span></a><input type="hidden" class="optionName" name="product_option_name[]" value=' + name + '></td><td><input type="text" class="form-control optionValue" name="product_option_value[][' + name + ']" placeholder="Large,Black etc." /></td><td><input type="text" class="form-control optionAdditional" name="product_option_additional[][' + name + ']" placeholder="$0" /></td><td><input type="text" class="form-control optionQuantity" name="product_option_quantity[][' + name + ']" placeholder="∞" /></td></tr>');

        $(this).parent().parent().before(additional);

        $(el, additional).find('a.option_remove').click(function (e) {
            e.preventDefault();
            console.log('bastim');
            $(this).parent().parent().remove();

        });

    });

});


$("#datepicker").datepicker({
    inline: true
});

$('#myTab a').click(function (e) {
    e.preventDefault()
    $(this).tab('show')
});

$('select#productType').change(function () {
    if (this.value == "digital") {
        $('div.productShipping').slideUp('slow');
        $('form.digital_upload').slideDown('slow');
        $('div.productShipping').slideUp('slow', function () {
            $('div.shipping_data').remove();
        });
    } else {
        $('div.productShipping').slideDown('slow');
        $('form.digital_upload').slideUp('slow');
        $('div.productShipping').slideDown('slow');
    }
    console.log(this.value);
});

$('.dropdown-toggle').dropdown();

// $('button.option_add').on('click',function(){
// 	$('div.option_wrapper').slideDown('slow');
// 	$('div.option_wrapper').clone().insertAfter('div.option_wrapper:last');
// 	$('a.option_remove').click(function(){
// 		 		// $(this)/
// 		 	});
// });

$('a.shipping_remove_button').click(function (e) {
    e.preventDefault();
    $(this).parent().parent().remove();
});

$('button.addShipping').click(function () {

    var shipping_name = $('input.shipping_name').val();
    var shipping_additional = $('input.shipping_additional').val();
            // $('div.shipping_data').slideDown('slow');
            if (shipping_additional.length != 0 && shipping_name.length != 0 && $('input.shipping_additional').valid() && $('input.shipping_name').valid()) {

                $('input.shipping_name').val('');
                $('input.shipping_additional').val('');


                $('div.productShipping').append('<div class="shipping_data"><div class="col-sm-1 col-sm-offset-2 shipping_remove_wrapper"><a class="shipping_remove_button" href="#"><span class="glyphicon glyphicon-minus-sign icon-remove"></span></a></div><div class="panel panel-default col-sm-8"><div class="panel-body"><span class="pull-left">' + shipping_name + '</span><span class="pull-right">$' + shipping_additional + '</span></div></div><input type="hidden" name="shipping_name[]" value="' + shipping_name + '" /><input type="hidden" name="shipping_additional[]" value="' + shipping_additional + '" /></div>').each(function () {

                    $(this).find('a.shipping_remove_button').click(function (e) {
                        e.preventDefault();
                        $(this).parent().parent().remove();
                    });

                });
            }
            console.log($('input.shipping_additional').val());
        });

$('form#product_add').validate({
    rules: {
        title: {
            minlength: 3,
            required: true
        },
        price: {
            maxlength: 15,
            required: true,
            number: true
        }

    },
    highlight: function (element) {
        $(element).closest('.form-group').addClass('has-error');
    },
    unhighlight: function (element) {
        $(element).closest('.form-group').removeClass('has-error');
    },
    errorElement: 'span',
    errorClass: 'help-block',
    errorPlacement: function (error, element) {
        if (element.parent('.input-group').length) {
            error.insertAfter(element.parent());
        } else {
            error.insertAfter(element);
        }
    }
});


});

</script>

<!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included -->
{{ HTML::script('fileupload/js/vendor/jquery.ui.widget.js') }}

{{ HTML::script('js/jquery-ui-1.10.4.custom.min.js') }}
{{ HTML::script('js/jquery.validate.js') }}
{{ HTML::script('js/additional-methods.js') }}

{{ HTML::script('js/messages_tr.js') }}
{{ HTML::script('fileupload/js/tpml.min.js') }}

<!-- The Load Image plugin is included for the preview images and image resizing functionality -->
{{ HTML::script('fileupload/js/load-image.min.js') }}
<!-- The Canvas to Blob plugin is included for image resizing functionality -->
{{ HTML::script('fileupload/js/canvas-blob.min.js') }}
<!-- Bootstrap JS is not required, but included for the responsive demo navigation -->
{{ HTML::script('js/bootstrap.min.js') }}
<!-- blueimp Gallery script -->
{{ HTML::script('fileupload/js/jquery.blueimp-gallery.min.js') }}
<!-- The Iframe Transport is required for browsers without support for XHR file uploads -->
{{ HTML::script('fileupload/js/jquery.iframe-transport.js') }}
<!-- The basic File Upload plugin -->
{{ HTML::script('fileupload/js/jquery.fileupload.js') }}
<!-- The File Upload processing plugin -->
{{ HTML::script('fileupload/js/jquery.fileupload-process.js') }}
<!-- The File Upload image preview & resize plugin -->
{{ HTML::script('fileupload/js/jquery.fileupload-image.js') }}
<!-- The File Upload audio preview plugin -->
{{ HTML::script('fileupload/js/jquery.fileupload-audio.js') }}
<!-- The File Upload video preview plugin -->
{{ HTML::script('fileupload/js/jquery.fileupload-video.js') }}
<!-- The File Upload validation plugin -->
{{ HTML::script('fileupload/js/jquery.fileupload-validate.js') }}
<!-- The File Upload user interface plugin -->
{{ HTML::script('fileupload/js/jquery.fileupload-ui.js') }}
<!-- The main application script -->
{{ HTML::script('fileupload/js/main.js') }}

{{ HTML::script('js/bootstrap-switch.min.js') }}


<!-- The XDomainRequest Transport is included for cross-domain file deletion for IE 8 and IE 9 -->
<!--[if (gte IE 8)&(lt IE 10)]>
<script src="{{ HTML::script('fileupload/js/cors/jquery.xdr-transport.js') }}"></script>
<![endif]-->
@stop