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

@section('htmlheader_title')    
{{ trans('Update Upload Image') }}
@endsection

@section('contentheader_title')
Update Upload Image
@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/winpoint/store'),'method'=>'post', 'files'=>true)) !!}
        <div class="box box-primary">
            <!-- /.box-header -->
            <!-- form start -->            
            <input type="hidden" name="id" value="{{ $data->id }} " >
            <div class="box-body">
                <div class="form-group">

                    {!! Form::label('brand', 'Brand *') !!}
                    {!! Form::select('bike_id', [null=>''] + $bikes, $data->bike_id,['class' => 'form-control brand']) !!}
                    <p class="red" id="BikeError"></p>

                    {!! Form::label('title', 'Title') !!}
                    <input type="text" name="title"  class="form-control" id="title" value="{{$data->title}}">
                    <p class="red" id="TitleError"></p>

                    {!! Form::label('image', 'Challenge Image') !!}
                    <input type="file" name="chellenge_image"  class="form-control" id="chellenge_image" placeholder="{{ $data->chellenge_name }}" accept="image/*">
                    <p class="red" id="ChellengeimageError"></p>
                    <div class="form-group">
                        <img class="edit-image" src="{{ url('public/uploads/winpoint') }}/{{$data->chellenge_image}}">
                    </div>

                    {!! Form::label('image', 'Image') !!}
                    <input type="file" name="image" class="form-control" id="image" accept="image/*"><br>
                    
                    <div id="spot-the-ball-demo"></div>
                    <!-- <div class="img_show">
                        <img id="display_image" src="{{ url('public/uploads/winpoint/').'/'.$data->win_image}}" alt="{{ trans('') }} "/>
                    </div> -->
                     <p class="red" id="pictureError"></p>
                </div>

                <div class="form-group">
                    <label>{!! Form::label('x-cordinate', 'X Co-ordinate') !!}</label>
                    {!! Form::text('x_cordinate',$data->x_cordinate, array('class' => 'form-control x_cordinate','readonly')) !!}
                </div>

                <div class="form-group">
                    <label>{!! Form::label('y-cordinate', 'Y Co-ordinate') !!}</label>
                    {!! Form::text('y_cordinate', $data->y_cordinate, array('class' => 'form-control y_cordinate','readonly')) !!}
                    <p class="red" id="cordinateError"></p>
                </div>
                
                <div class="form-group">
                    <label for="status">{!! Form::label('status', 'Status:')   !!}</label>
                    @if ($data->status == 1)
                    {!! Form::radio('status', '1',['checked' => 'checked'],['class' => 'minimal']) !!} Active
                    {!! Form::radio('status', '0','',['class' => 'minimal']) !!} InActive
                    @else
                    {!! Form::radio('status', '1','',['class' => 'minimal']) !!} Active
                    {!! Form::radio('status', '0',['checked' => 'checked'],['class' => 'minimal']) !!} InActive
                    @endif
                </div>
            </div>
             <div class="box-footer">
                    {!! Form::submit('Save', array('class' => 'btn btn-primary submit')) !!}
                    <a class="btn btn-default btn-close" href="{{ URL::to('admin/winpoint') }}">Cancel</a>
                </div>
            </div>


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

@push('scripts')
<script type="text/javascript">
    var url = "