@extends('adminlte::layouts.app')

@section('htmlheader_title')	
{{ trans('Bike Update') }}
@endsection

@section('contentheader_title')
{{ trans('Bike Update') }}
@endsection

@section('main-content')
<!-- searchable dropdown -->

<div class="row">

    <div class="col-md-12 ">
        @foreach ($errors->all() as $error)
        <p class="alert alert-warning">{{ $error }}</p>
        @endforeach
        <!-- if there are creation errors, they will show here -->
        <span class="errormessage"></span>
    </div>    
    <div class="col-md-12 ">
        {!! Form::open(array('url' => ('admin/bike/store'),'method'=>'POST', 'files'=>true)) !!}
        <div class="box box-primary">
        {{-- <div class="box-header with-border">
            <h3 class="box-title">{{ trans('Bike') }} Update</h3>
        </div> --}}

            <!-- /.box-header -->
            <!-- form start -->
            <input type="hidden" id="id" name="id" value="{{ $bike->id }}" >
            <div class="box-body col-sm-12">
                <div class="form-group">
                    {!! Form::label('brand', 'Brand *') !!}
                    {!! Form::select('brand_id', [null=>''] + $brands, $bike->brand_id,['class' => 'form-control brand']) !!}
                </div>
                <div class="form-group">
                    {!! Form::label('name', 'Name *') !!}
                    {!! Form::text('name', $bike->name, array('class' => 'form-control','placeholder'=>'Enter name','id'=>'name')) !!}
                    <p class="red" id="nameError"></p>
                </div>
            </div>
            <div class="box-body col-sm-6">
                <div class="form-group">
                    {!! Form::label('review', 'Review *') !!}
                    {!! Form::textarea('review',$bike->review,['class'=>'form-control review', 'rows' => 6, 'cols' => 40,'placeholder'=>'Enter review']) !!}
                </div>
                <div class="form-group">
                    {!! Form::label('suspension', 'Suspension *') !!}
                    {!! Form::textarea('suspension',$bike->suspension,['class'=>'form-control suspension', 'rows' => 3, 'cols' => 40,'placeholder'=>'Enter suspension']) !!}
                </div>
                <div class="form-group">
                    {!! Form::label('tyres', 'Tyres *') !!}
                    {!! Form::textarea('tyres',$bike->tyres,['class'=>'form-control tyres', 'rows' => 3, 'cols' => 40,'placeholder'=>'Enter tyres']) !!}
                </div>
                <div class="form-group">
                    {!! Form::label('brakes', 'Brakes *') !!}
                    {!! Form::textarea('brakes',$bike->brakes,['class'=>'form-control brakes', 'rows' => 3, 'cols' => 40,'placeholder'=>'Enter brakes']) !!}
                </div>
                <div class="form-group">
                    {!! Form::label('dimensions', 'Dimensions *') !!}
                    {!! Form::textarea('dimensions',$bike->dimensions,['class'=>'form-control dimensions', 'rows' => 3, 'cols' => 40,'placeholder'=>'Enter dimensions']) !!}
                </div>
                <div class="form-group">
                    {!! Form::label('fuel_tank', 'Fuel Tank *') !!}
                    {!! Form::text('fuel_tank', $bike->fuel_tank, array('class' => 'form-control','placeholder'=>'Enter fuel tank','id'=>'fuel_tank')) !!}
                </div>
            </div>
            <div class="box-body col-sm-6">
                <div class="form-group">
                    {!! Form::label('engine', 'Engine Details *') !!}
                    {!! Form::textarea('engine',$bike->engine,['class'=>'form-control engine', 'rows' => 3, 'cols' => 40,'placeholder'=>'Enter engine']) !!}
                </div>
                <div class="form-group">
                    {!! Form::label('engine_type', 'Engine Type *') !!}
                    {!! Form::textarea('engine_type',$bike->engine_type,['class'=>'form-control engine_type', 'rows' => 3, 'cols' => 40,'placeholder'=>'Enter engine type']) !!}
                </div>
                <div class="form-group">
                    {!! Form::label('displacement', 'Displacement *') !!}
                    {!! Form::text('displacement', $bike->displacement, array('class' => 'form-control','placeholder'=>'Enter displacement','id'=>'displacement')) !!}
                </div>
                
                <div class="form-group">
                    {!! Form::label('bore_stroke', 'Bore & Stroke *') !!}
                    {!! Form::text('bore_stroke', $bike->bore_stroke, array('class' => 'form-control','placeholder'=>'Enter bore stroke','id'=>'bore_stroke')) !!}
                </div>
                <div class="form-group">
                    {!! Form::label('power', 'Maximum Power (PS/RPM) *') !!}
                    {!! Form::text('power', $bike->power, array('class' => 'form-control','placeholder'=>'Enter Maximum Power (PS/RPM)','id'=>'power')) !!}
                </div>
                <div class="form-group">
                    {!! Form::label('torque', 'Maximum Torque (NM/RPM) *') !!}
                    {!! Form::text('torque', $bike->torque, array('class' => 'form-control','placeholder'=>'Enter Maximum Torque (NM/RPM)','id'=>'torque')) !!}
                </div>
                <div class="form-group">
                    {!! Form::label('gearbox', 'Gearbox *') !!}
                    {!! Form::text('gearbox', $bike->gearbox, array('class' => 'form-control','placeholder'=>'Enter gearbox','id'=>'gearbox')) !!}
                </div>
                <div class="form-group">
                    {!! Form::label('final_drive', 'Final Drive *') !!}
                    {!! Form::text('final_drive', $bike->final_drive, array('class' => 'form-control','placeholder'=>'Enter final drive','id'=>'final_drive')) !!}
                </div>
                <div class="form-group">
                    {!! Form::label('ticket_price', 'Ticket price *') !!}
                    {!! Form::text('ticket_price', $bike->ticket_price, array('class' => 'form-control','placeholder'=>'Enter ticket price','id'=>'ticket_price')) !!}
                    <p class="red" id="ticket_priceError"></p>
                </div>
            </div>
            @if(count($bikefeatures) > 0)
            @foreach($bikefeatures as $key => $bikefeature)
            @if($key == 0)
            <div class="box-body col-sm-6">
                <div class="form-group">
                    {!! Form::label('title', 'Features Title') !!}
                    {!! Form::text('title[]', $bikefeature->title, array('class' => 'form-control','placeholder'=>'Enter title','id'=>'title')) !!}
                </div>
                <div class="form-group">
                    {!! Form::label('features_image', 'Features Image') !!}
                    <input type="file" name="features_image[]"  class="form-control" id="features_image" accept="image/*">
                    <input type="hidden" name="old_features_image[]" value="{{ $bikefeature->image }}">
                    <div class="img_show" style="padding: 5px">
                        @if($bikefeature->image != '')
                        <img  class="profile-user-img img-responsive pull-left " id="display_image" src="{{ url('public/uploads/bikefeatures/').'/'.$bikefeature->image}}" alt="{{ trans('') }} "/>
                        @endif
                    </div>
                </div>
                <button onclick="return features_fields();" class="btn btn-primary">Add More</button>
            </div>
            <div class="box-body col-sm-6">
                <div class="form-group">
                    {!! Form::label('details', 'Features Details') !!}
                    {!! Form::textarea('details[]',$bikefeature->details,['class'=>'form-control details', 'rows' => 7, 'cols' => 40,'placeholder'=>'Enter details', 'id' => 'details_'.$key]) !!}
                </div>
            </div>
            @else
            <div class="form-group removeclass{{ $key }}">
            <div class="box-body col-sm-6">
                <div class="form-group">
                    {!! Form::label('title', 'Features Title') !!}
                    {!! Form::text('title[]', $bikefeature->title, array('class' => 'form-control','placeholder'=>'Enter title','id'=>'title')) !!}
                </div>
                <div class="form-group">
                    {!! Form::label('features_image', 'Features Image') !!}
                    <input type="file" name="features_image[]"  class="form-control" id="features_image" accept="image/*">
                    <input type="hidden" name="old_features_image[]" value="{{ $bikefeature->image }}">
                    <div class="img_show" style="padding: 5px">
                        @if($bikefeature->image != '')
                        <img  class="profile-user-img img-responsive pull-left " id="display_image" src="{{ url('public/uploads/bikefeatures/').'/'.$bikefeature->image}}" alt="{{ trans('') }} "/>
                        @endif
                    </div>
                </div>
                <button onclick="return remove_features_fields({{ $key }});" class="btn btn-danger">Remove</button>
            </div>
            <div class="box-body col-sm-6">
                <div class="form-group">
                    {!! Form::label('details', 'Features Details') !!}
                    {!! Form::textarea('details[]',$bikefeature->details,['class'=>'form-control details', 'rows' => 7, 'cols' => 40,'placeholder'=>'Enter details', 'id' => 'details_'.$key]) !!}
                </div>
            </div>
            </div>
            @endif
            
            @endforeach
            @else
            <div class="box-body col-sm-6">
                <div class="form-group">
                    {!! Form::label('title', 'Features Title') !!}
                    {!! Form::text('title[]', null, array('class' => 'form-control','placeholder'=>'Enter title','id'=>'title')) !!}
                </div>
                <div class="form-group">
                    {!! Form::label('features_image', 'Features Image') !!}
                    <input type="file" name="features_image[]"  class="form-control" id="features_image" accept="image/*"   onchange="readURL(this);">
                    <div class="img_show"></div>
                </div>
                <button onclick="return features_fields();" class="btn btn-primary">Add More</button>
            </div>
            <div class="box-body col-sm-6">
                <div class="form-group">
                    {!! Form::label('details', 'Features Details') !!}
                    {!! Form::textarea('details[]',null,['class'=>'form-control details', 'rows' => 7, 'cols' => 40,'placeholder'=>'Enter details', 'id' => 'details']) !!}
                </div>
            </div>
            @endif
            <div id="bikeFetures"></div>
            <div class="box-body col-sm-12">
                <div class="form-group">
                    {!! Form::label('image', 'Main image*') !!}
                    <input type="file" name="image" class="form-control" id="image" accept="image/*" onchange="readURL(this);"><br>
                    
                    <div class="img_show">
                        <img  class="profile-user-img img-responsive pull-left " id="display_image" src="{{ url('public/uploads/bike/').'/'.$bike->image}}" alt="{{ trans('') }} "/>
                    </div>
                     <p class="red" id="pictureError"></p>
                </div>
                <div class="form-group">
                    {!! Form::label('bike_image', 'Slider Images *') !!}
                    <input type="file" name="bike_image[]" id="picture" class=" form-control" accept="image/*" multiple onchange="readURL(this);">
                    <div class="img_show" id="img_show">
                    </div>
                    @if(count($bikeimage['bike_image']) > 0)
                    <label>Uploaded :</label>
                    <div class="img_show">
                                            </div>
                   @endif
                </div>

                <div class="form-group">
                    {!! Form::label('status', 'Status:')   !!}
                    @if ($bike->status == 1)
                    {!! Form::radio('status', '1',true,['class' => 'minimal']) !!}  Active &nbsp;
                    {!! Form::radio('status', '0','',['class' => 'minimal']) !!}  InActive &nbsp;
                    @else
                    {!! Form::radio('status', '1','',['class' => 'minimal']) !!}  Active &nbsp;
                    {!! Form::radio('status', '0',true,['class' => 'minimal']) !!}  InActive &nbsp;
                    @endif
                </div>
            </div>
                <div class="box-footer">
                    {!! Form::submit('Save', array('class' => 'btn btn-primary addBike')) !!}
                    <a class="btn btn-default btn-close" href="{{ URL::to('admin/bike') }}">Cancel</a>
                </div>
            </div>


        {!! Form::close() !!}
    </div>
</div> 
@include('adminlte::layouts.bike.validation')
@endsection
@push('scripts')
<link href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.5.1/chosen.min.css" rel="stylesheet" type="text/css"></link>
<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.5.1/chosen.jquery.min.js" type="text/javascript"></script>

<script src="https://cdn.ckeditor.com/4.7.3/standard/ckeditor.js"></script>

<script>
$(document).ready(function() {
    $('select.brand').chosen({
        placeholder_text_single: 'Please Select',
        allow_single_deselect: true,
        width: "100%"
    });
} );

</script>

<script type="text/javascript">
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();

reader.onload = function (e) {
$('#display_image')
.attr('src', e.target.result)

};
reader.readAsDataURL(input.files[0]);
}
}
function remove(id) {
    if (confirm('Are You Sure? Do You Want To Delete?')) {
        $.ajax({
            url: '{{ url('admin/bikeimage/remove') }}/'+id,
            type: 'GET'
        })
        .done(function(data) {
            $('#'+id).remove();
            alert(data.message);
        });
        
        //console.log(id);
        //return true;
    } else {
        return false;
    }
}
CKEDITOR.replace( 'engine' , {
            // Define the toolbar groups as it is a more accessible solution.
            toolbarGroups: [
                {"name":"basicstyles","groups":["basicstyles"]},
                {"name":"links","groups":["links"]},
                {"name":"paragraph","groups":["list","blocks"]},
                {"name":"document","groups":["mode"]},
                {"name":"insert","groups":["insert"]},
                {"name":"styles","groups":["styles"]},
                {"name":"about","groups":["about"]}
            ],
            // Remove the redundant buttons from toolbar groups defined above.
            removeButtons: 'Underline,Strike,Subscript,Superscript,Anchor,Styles,Specialchar'
        } );
CKEDITOR.replace( 'review' , {
            // Define the toolbar groups as it is a more accessible solution.
            toolbarGroups: [
                {"name":"basicstyles","groups":["basicstyles"]},
                {"name":"links","groups":["links"]},
                {"name":"paragraph","groups":["list","blocks"]},
                {"name":"document","groups":["mode"]},
                {"name":"insert","groups":["insert"]},
                {"name":"styles","groups":["styles"]},
                {"name":"about","groups":["about"]}
            ],
            // Remove the redundant buttons from toolbar groups defined above.
            removeButtons: 'Underline,Strike,Subscript,Superscript,Anchor,Styles,Specialchar'
        } );
$('textarea[name^=details]').each(function(index, el) {
    CKEDITOR.replace($(this).attr('id'), {
            // Define the toolbar groups as it is a more accessible solution.
            toolbarGroups: [
                {"name":"basicstyles","groups":["basicstyles"]},
                {"name":"links","groups":["links"]},
                {"name":"paragraph","groups":["list","blocks"]},
                {"name":"document","groups":["mode"]},
                {"name":"insert","groups":["insert"]},
                {"name":"styles","groups":["styles"]},
                {"name":"about","groups":["about"]}
            ],
            // Remove the redundant buttons from toolbar groups defined above.
            removeButtons: 'Underline,Strike,Subscript,Superscript,Anchor,Styles,Specialchar'
        });
});
var room = {{ count($bikefeatures) }};
function features_fields() {
 
    room++;
    var objTo = document.getElementById('bikeFetures')
    var divtest = document.createElement("div");
    divtest.setAttribute("class", "form-group removeclass"+room);
    var rdiv = 'removeclass'+room;
    divtest.innerHTML = '<div class="box-body col-sm-6"><div class="form-group">{!! Form::label("title", "Features Title") !!}{!! Form::text("title[]", null, array("class" => "form-control","placeholder"=>"Enter title","id"=>"title")) !!}</div><div class="form-group">{!! Form::label("features_image", "Features Image") !!}<input type="file" name="features_image[]"  class="form-control" id="features_image" accept="image/*"><div class="img_show"></div></div><button onclick="return remove_features_fields('+ room +');" class="btn btn-danger">Remove</button></div><div class="box-body col-sm-6"><div class="form-group">{!! Form::label("details", "Features Details") !!}<textarea name="details[]" cols="40" rows="7"  placeholder="Enter details" id="details_'+ room +'" class="form-control details"></textarea></div></div>';
    
    objTo.appendChild(divtest);
    setCKEditor('details_'+room);
    return false;
}

function setCKEditor(id) {
    CKEDITOR.replace(id, {
            // Define the toolbar groups as it is a more accessible solution.
            toolbarGroups: [
                {"name":"basicstyles","groups":["basicstyles"]},
                {"name":"links","groups":["links"]},
                {"name":"paragraph","groups":["list","blocks"]},
                {"name":"document","groups":["mode"]},
                {"name":"insert","groups":["insert"]},
                {"name":"styles","groups":["styles"]},
                {"name":"about","groups":["about"]}
            ],
            // Remove the redundant buttons from toolbar groups defined above.
            removeButtons: 'Underline,Strike,Subscript,Superscript,Anchor,Styles,Specialchar'
        });
}
   function remove_features_fields(rid) {
       $('.removeclass'+rid).remove();
       return false;
   }
 </script>

@endpush