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

<div class="small-header transition animated fadeIn">
    <div class="hpanel">
        <div class="panel-body">
            <h2 class="font-light m-b-xs">
                About Us Image
            </h2>
        </div>
    </div>
</div>

<div class="content animate-panel">
    <div class="row">
        <div class="col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2" style="">
            <div class="hpanel">
                <div class="panel-heading sub-title">
                    About Us Image
                </div>
                @include('layouts.flash')

                <div class="panel-body">
                    {!! Form::model($target, array('route' => array('admission_cycle_image.update'), 'method' => 'PUT', 'class' => 'form-horizontal', 'id' => 'userId' ,'files'=> true)) !!}

                    <div class="form-group"><label class="control-label col-xs-12 col-sm-3 no-padding-right" for="name">{!! 'Image' !!} :</label>
                        <div class="col-md-6">
                            @if(isset($target))
                                @if($target->image!=null)
                                    <img style="padding:10px;height: auto;width:300px;" id="preview" src="{{asset($target->image)}}">
                                @else
                                    <img style="padding:10px;height: 100px;width:100px; display: none" id="preview" src="" alt="">
                                @endif
                            @else
                                <img style="padding:10px;height: 100px;width:100px; display: none" id="preview" src="" alt="">
                            @endif
                            <div class="upload-box">
                                <label class="btn" style="background: gainsboro;width: 50%;">
                                    <input name="image" id="imgupload" style="display:none" type="file">
                                    <i class="fa fa-cloud-upload"></i> Upload Image
                                    <i class="fa fa-cog fa-spin  fa-fw margin-bottom" id="loaderIcon"
                                       style="color:green;margin-top:10px;display: none"></i>
                                </label>
                                <label> Supported Image Formats: Jpg, Jpeg, Png [Image Ratio is 3:2 / 2976x1984 px and  Maximum Image Size is 500 KB] </label>
                            </div>
                        </div>
                    </div>

                    <div class="hr-line-dashed"></div>
                    <div class="form-group">
                        <div class="col-sm-8 col-sm-offset-2">
                            <button type="submit" class="btn btn-primary">{!!trans('english.SAVE')!!}</button>
                            <button type="button" class="btn btn-default cancel">{!!trans('english.CANCEL')!!}</button>
                        </div>
                    </div>
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>
</div>

@stop