@extends('layouts.backoffice')

@section('content')

    <form action="{{url($modelNav['update'])}}" method="post" enctype="multipart/form-data">
        {{ csrf_field() }}

        <h2>{{$model->name}}</h2>

        <h3>{{trans('site.parts')}}</h3>

        @if(isset($parts) && count($parts))
            <h4> Available on this model - IMPORTANTE</h4>
            @foreach($parts as $p)
                @if($p->is_editable)
                    <div class="col-sm-4">
                        <input name="parts[]" class="checkPart" type="checkbox" data-id="{{$p->id}}"
                               data-name="{{$p->ascii}}" aria-label="..." value="{{$p->id}}"
                               @if($model->parts->contains($p->id)) checked @endif> &nbsp;{{$p->name}}
                    </div>
                @elseif($p->ascii=='palmilha')
                    <input name="parts[]" type="hidden" data-id="{{$p->id}}" data-name="{{$p->ascii}}" aria-label="..."
                           value="{{$p->id}}">
                @endif
            @endforeach
            <div class="clearfix"></div>
            <br/>
        @else
            <p>{{trans('backoffice.no_records')}}</p>
        @endif
        <div id="partsAndTexturesPlastic">
            @foreach($parts as $p)
                @if($p->ascii=='palmilha' || $p->is_editable)
                    <div class="div-{{$p->ascii}}" class="partAndTexturePlastic form-group">
                        @include('back.buildmodel.parts.part_with_plastic')
                    </div>
                @endif
            @endforeach
        </div>
        <div class="clearfix"></div>
        <br/>
        <div id="partsAndTextures">
            @foreach($parts as $p)
                <div class="div-{{$p->ascii}}" class="partAndTexture@if(!$p->is_editable)NOTCHOOSABLE@endif form-group">
                    <h4>{{$p->name}}</h4>
                    <div>
                        @if(!$p->have_sides)
                            @if(isset($models_parts_images[$model->id][$p->id][0]))<img style="width: 35px;height: 35px;" src="{{url(env('IMG_MODELS_RENDER_FOLDER')).'/'.$model->id.'/'.$models_parts_images[$model->id][$p->id][0]}}" alt="{{$models_parts_images[$model->id][$p->id][0]}}"/>@endif
                            <img style="width: 35px;height: 35px;" class="texture_uploaded" id="img_i_{{$model->id}}_{{$p->id}}_0" src="@if(isset($models_parts_images[$model->id][$p->id][0])){{url(env('IMG_MODELS_FOLDER').'/'.$model->id.'/'.$models_parts_images[$model->id][$p->id][0])}}@endif" alt="Image loaded"/>
                            <input class="fileupload" type="file" name="img_i_{{$model->id}}_{{$p->id}}_0"/>
                            <input type="hidden" class="img_i_{{$model->id}}_{{$p->id}}_0_input" name="img_mpis[{{$model->id}}][{{$p->id}}][0]" value="@if(isset($models_parts_images[$model->id][$p->id][0])){{$models_parts_images[$model->id][$p->id][0]}}@endif" />
                        @endif
                    </div>
                    @if(!in_array($p->ascii,['cosidos']))
                    @if(!$p->have_colors && !$p->have_submodels)
                        @if(!$p->have_sides)
                            <!-- case of textures simple-->
                            @include('back.buildmodel.parts.part_with_textures')
                        @else
                            <!-- case of textures with sides ex: canos e orelhas -->
                            @include('back.buildmodel.parts.part_with_textures_and_sides')
                        @endif
                    @else
                        @if($p->have_colors && $p->have_textures)
                            <!-- case of textures with colors ex: elastico-->
                            @include('back.buildmodel.parts.part_with_textures_and_colors')
                        @elseif($p->have_colors && !$p->have_submodels)
                            <!-- case cordoes -->
                            @include('back.buildmodel.parts.part_with_colors')
                        @elseif($p->have_colors && !$p->have_subparts && $p->have_submodels)
                            <!-- case of solas-->
                            @include('back.buildmodel.parts.part_with_colors_and_submodels')
                        @endif
                    @endif
                @else
                    @if($p->ascii=='cosidos')
                        <!-- case of cosidos without sides-->
                            @include('back.buildmodel.parts.part_stiches',['color_stiches'=>$p->colors->all()])
                        @endif
                    @endif
                </div>
            @endforeach
        </div>
        <!-- Button -->
        <div class="form-group">
            <div class="col-md-12">
                @if(isset($modelNav['base']) && $modelNav['base'])
                    <a href="{{url($modelNav['base'])}}" class="btn btn-primary" role="button">&nbsp;Back</a>
                @endif
                <button name="save" class="btn btn-primary btn-success">Save</button>
            </div>
        </div>
        <input type="hidden" name="update" value="1">
        <input type="hidden" name="model_id" value="{{$model->id}}">
    </form>

@endsection

@section('scripts')
    <script src="{{ URL::to('/')}}/js/backoffice/fileupload/vendor/jquery.ui.widget.js"></script>
    <script src="{{ URL::to('/')}}/js/backoffice/fileupload/jquery.iframe-transport.js"></script>
    <script src="{{ URL::to('/')}}/js/backoffice/fileupload/jquery.fileupload.js"></script>
    <script type="text/javascript">
        var controller = '{!!$controller!!}';
        var parts = {!! $partsToJson !!};
        $(function () {
            'use strict';
            //$('#progress').hide();
            // Change this to the location of your server-side upload handler:
            var url = "{{ URL::to('/backoffice/fileupload')}}";
            $('.fileupload').each(function () {
                $(this).fileupload({
                    url: url,
                    dataType: 'json',
                    limitMultiFileUploads: 1,
                    formData: {'controller': controller, 'fieldname': $(this).attr('name')},
                    progress: function () {
                        $('#progress').show();
                    },
                    done: function (e, data) {
                        $('#progress').hide();
                        var v = data.result;
                        if (v.error) {
                            $('input[name="' + v.fieldname + '"]').closest('.form-group').addClass('has-error');
                            $('.' + v.fieldname + '_error').closest('div').show();
                            $('.' + v.fieldname + '_error').text(v.error);
                        } else {
                            $('input[name="' + v.fieldname + '"]').closest('.form-group').removeClass('has-error');
                            $('#' + v.fieldname).first().attr('src', v.file_thumb_url);
                            $('.' + v.fieldname + '_input').val(v.name);
                            $('.' + v.fieldname + '_error').closest('div').hide();
                        }
                    }
                });
            });
        });
    </script>
    <script id="partsWithTextures-template" type="text/x-handlebars-template">
        <div class="entry @{{part_name}}Part">
            <div class="body">
                @{{part_name}} - @{{part_id}}
            </div>
        </div>
    </script>
@endsection
@section('styles')
    <link rel="stylesheet" href="{{URL::to('/')}}/css/backoffice/fileupload/jquery.fileupload.css">
@endsection