@extends('layoutAdmin')

@section('js')
<script src="https://cdn.ckeditor.com/4.6.2/standard/ckeditor.js"></script>
<script src="{{ asset('admin/js/jquery.multi-select.js') }}" type="text/javascript"></script>
<!-- Fine Uploader JS file -->
<script src="{{ asset('admin/js/fineuploader/fine-uploader.js') }}"></script>
<script type="text/template" id="qq-template-gallery">
    <div class="qq-uploader-selector qq-uploader qq-gallery" qq-drop-area-text="Drop photos here">
        <div class="qq-total-progress-bar-container-selector qq-total-progress-bar-container">
            <div role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" class="qq-total-progress-bar-selector qq-progress-bar qq-total-progress-bar"></div>
        </div>
        <div class="qq-upload-drop-area-selector qq-upload-drop-area" qq-hide-dropzone>
            <span class="qq-upload-drop-area-text-selector"></span>
        </div>
        <div class="qq-upload-button-selector qq-upload-button">
            <div><i class="icon fa fa-upload"></i>Odaberi sliku</div>
        </div>
        <?php /*<span class="qq-drop-processing-selector qq-drop-processing">
            <span>Processing dropped files...</span>
            <span class="qq-drop-processing-spinner-selector qq-drop-processing-spinner"></span>
        </span> */ ?>
        <ul class="qq-upload-list-selector qq-upload-list" role="region" aria-live="polite" aria-relevant="additions removals">
            <li>
                <span role="status" class="qq-upload-status-text-selector qq-upload-status-text"></span>
                <div class="qq-progress-bar-container-selector qq-progress-bar-container">
                    <div role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" class="qq-progress-bar-selector qq-progress-bar"></div>
                </div>
                <span class="qq-upload-spinner-selector qq-upload-spinner"></span>
                <div class="qq-thumbnail-wrapper">
                    <img class="qq-thumbnail-selector" qq-max-size="120" qq-server-scale>
                </div>
                <button type="button" class="qq-upload-cancel-selector qq-upload-cancel">X</button>
                

                <div class="qq-file-info">
                    <?php /*<div class="qq-file-name">
                        <span class="qq-upload-file-selector qq-upload-file"></span>
                        <span class="qq-edit-filename-icon-selector qq-edit-filename-icon" aria-label="Edit filename"></span>
                    </div> */ ?>
                    <input class="qq-edit-filename-selector qq-edit-filename" tabindex="0" type="text">
                    <?php /*<span class="qq-upload-size-selector qq-upload-size"></span> */ ?>
                    <button type="button" class="qq-btn qq-upload-delete-selector qq-upload-delete">
                        <span class="qq-btn qq-delete-icon" aria-label="Delete"></span>
                    </button>
                    <button type="button" class="qq-btn qq-upload-pause-selector qq-upload-pause">
                        <span class="qq-btn qq-pause-icon" aria-label="Pause"></span>
                    </button>
                    <button type="button" class="qq-btn qq-upload-continue-selector qq-upload-continue">
                        <span class="qq-btn qq-continue-icon" aria-label="Continue"></span>
                    </button>
                </div>
            </li>
        </ul>

        <dialog class="qq-alert-dialog-selector">
            <div class="qq-dialog-message-selector"></div>
            <div class="qq-dialog-buttons">
                <button type="button" class="qq-cancel-button-selector">Close</button>
            </div>
        </dialog>

        <dialog class="qq-confirm-dialog-selector">
            <div class="qq-dialog-message-selector"></div>
            <div class="qq-dialog-buttons">
                <button type="button" class="qq-cancel-button-selector">No</button>
                <button type="button" class="qq-ok-button-selector">Yes</button>
            </div>
        </dialog>

        <dialog class="qq-prompt-dialog-selector">
            <div class="qq-dialog-message-selector"></div>
            <input type="text">
            <div class="qq-dialog-buttons">
                <button type="button" class="qq-cancel-button-selector">Cancel</button>
                <button type="button" class="qq-ok-button-selector">Ok</button>
            </div>
        </dialog>
    </div>
</script>
<script>
    CKEDITOR.replace( 'long-desc' );
    $('#pre-selected-options').multiSelect({
        selectableHeader: "<div class='custom-header'>Mogući proizvodi</div>",
        selectionHeader: "<div class='custom-header'>Izabrani proizvodi</div>"
    });
    var base_url = "{{ url('/') }}";
    var productId = $("#productId").val();
    var galleryUploader = new qq.FineUploader({
        element: document.getElementById("fine-uploader-gallery"),
        template: 'qq-template-gallery',
        request: {
            endpoint: base_url+ '/admin/product/upload-ajax?product_id=' + productId
        },
        session: {
            endpoint: base_url+ '/admin/product/get-images?product_id=' + productId
        },
        thumbnails: {
            placeholders: {
                waitingPath: '/source/placeholders/waiting-generic.png',
                notAvailablePath: '/source/placeholders/not_available-generic.png'
            }
        },
        validation: {
            allowedExtensions: ['jpeg', 'jpg', 'gif', 'png']
        },
        deleteFile: {
            enabled: true,
            forceConfirm: true,
            endpoint: base_url+ '/admin/product/delete-images'
        },
    });
</script>

@stop

@section('content1')

<div class="container-fluid outer">
    <div class="row-fluid">
        <!-- .inner -->
        <div class="span12 inner">
            <div class="row-fluid">
                <div class="span12">
                    <div class="box">
                        <header class="dark">
                            <div class="icons"><i class="icon-ok"></i></div>
                            <h5 style="width: 80%;">Dodavanje Proizvoda 
                                @if (isset($product))
                                <a href="{{ url('/') }}/proizvod/{{ $product->slug }}" class="btn btn-primary right" style="float: right;">Prikazi proizvod</a> 
                                @endif
                            </h5>
                                            
                            <div class="toolbar">
                                <ul class="nav">
                                    <li>
                                        <div class="btn-group">
                                            <a class="accordion-toggle btn btn-mini minimize-box" data-toggle="collapse"
                                               href="#collapse2">
                                                <i class="icon-chevron-up"></i>
                                            </a>
                                            <button class="btn btn-mini btn-danger close-box"><i class="icon-remove"></i></button>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                                         
                        </header>

                        @include('errors.list')
                        <div id="collapse2" class="body collapse in">
                            <form class="form-horizontal" id="popup-validation" method="POST" action="{{ (!isset($product)) ? url('admin/add_product') : url('admin/'.$product->id.'/edit_product') }}">
                                <div class="control-group">
                                    <input type="hidden" id="productId" name="productId" value="{{ (isset($product)) ? $product->id : ''}}" />
                                    <input type="hidden" name="_token" id="csrf-token" value="{{ Session::token() }}" />
                                    <label class="control-label">Naziv</label>

                                    <div class="controls">
                                        <input type="text" class="span6 text-input" value="{{ (isset($product)) ? $product->name : '' }}" name="name" id="req" data-prompt-position="bottomLeft" >
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label">Model</label>

                                    <div class="controls">
                                        <select name="model" id="sport" class="span6">
                                            <option value="">Izaberi model</option>
                                            @foreach ($models as $k => $model)
                                            <option  {{ (isset($product) && $product->model == $k) ? 'selected="selected"'  : '' }} value="{{ $k }}">{{ $model }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label">Kategorija</label>

                                    <div class="controls">
                                        <select name="category" id="sport" class="span6">
                                            <option value="">Izaveri kategoriju</option>
                                            @foreach($categories as $cat)
                                            <option {{ (isset($product) && $product->category == $cat->id) ? 'selected="selected"'  : '' }} value="{{ $cat->id }}">{{ $cat->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label">Prikaži na početnoj</label>
                                    <div class="controls double">
                                        <input type="checkbox" {{ (isset($product->home) && $product->home == 1) ? 'checked="checked"' : '' }} name="home" value="1" />
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label">Novi proizvod</label>
                                    <div class="controls double">
                                        <input type="checkbox" {{ (isset($product->new) && $product->new == 1) ? 'checked="checked"' : '' }} name="new" value="1" />
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label for="autosize" class="control-label">Kratak opis</label>

                                    <div class="controls">
                                        <textarea id="autosize" class="span6" rows="5" name="short-desc">{{ (isset($product)) ? $product->short_desc : '' }}</textarea>
                                    </div>
                                </div>
                                 <div class="control-group">
                                    <label for="autosize" class="control-label">Detaljan opis</label>

                                    <div class="controls">
                                        <textarea id="autosize" class="span6" rows="10" name="long-desc">{{ (isset($product)) ? $product->long_desc : '' }}</textarea>
                                    </div>
                                </div>
                                @if (isset($product))
                                <div class="control-group">
                                    <label for="tags" class="control-label span6">Veličine</label>
                                    
                                    <div class="controls">
                                        <div id="borderedTable" class="body collapse in">
                                            <table class="table table-bordered responsive">
                                                <thead>
                                                    <tr>
                                                        <th>Velicina</th>
                                                        <th>Cena</th>
                                                        <th>Popust (%)</th>
                                                        <th>Akcije</th>
                                                    </tr>
                                                </thead>
                                                <tbody class="tbody">
                                                    @if(count($product_variations) > 0)
                                                    @foreach($product_variations as $pvar)
                                                    <tr>
                                                        <td>
                                                            {{ $sizes[$pvar->variation] }}
                                                        </td>
                                                        <td>{{ $pvar->price }}</td>
                                                        <td>{{ $pvar->sale }}</td>
                                                        <td><a class="btn btn-danger remove remove-variant" data-del="{{ url('') }}/ajax/delete-project-variant/{{ $pvar->id }}" data-toggle="confirmation">Obriši</a></td>
                                                    </tr>
                                                    @endforeach
                                                    @endif
                                                    <tr class="last">
                                                        <td>
                                                            <select name="size" id="sport" class="span12 prVariant">
                                                                @foreach($sizes as $k => $size)
                                                                <option  value="{{ $k }}">{{ $size }}</option>
                                                                @endforeach
                                                            </select>
                                                        </td>
                                                        <td>
                                                            <input type="text" class="span12 text-input prPrice" name="price" id="req" data-prompt-position="bottomLeft" >
                                                        </td>
                                                        <td>
                                                            <input type="text" class="span12 text-input prSale" name="sale" id="req" data-prompt-position="bottomLeft" >
                                                        </td>
                                                        <td><a class="btn btn-primary variant" data-toggle="confirmation">Dodaj</a></td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                @endif
                                <div class="control-group">
                                    <label for="tags" class="control-label span6">Tagovi</label>

                                    <div class="controls">
                                        <input class="span6" name="tags" id="tags" value="foo,bar,baz"/>
                                    </div>
                                </div>

                                @if (isset($product))
                                <div class="control-group">
                                    <label for="tags" class="control-label span6">Slike</label>
                                    
                                    <div class="controls">
                                        <div id="fine-uploader-gallery"></div>
                                    </div>
                                </div>
                                
                                <div class="control-group">
                                    
                                    <label for="tags" class="control-label span6">Slični proizvodi</label>
                                    
                                    <div class="controls">
                                        <select id='pre-selected-options' name="related[]" multiple='multiple'>
                                            @foreach ($products as $pr)
                                            <option value="{{ $pr->id }}" {{ (in_array($pr->id,$related)) ? 'selected' : ''}}>{{ $pr->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                @endif
                                
                                <div class="form-actions no-margin-bottom">
                                    <input type="submit" value="Dodaj" class="btn btn-primary">
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection