@include('form::example.partial.header')

            <section class="single">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3">
                            @include('form::example.partial.aside')
                        </div>
                        <div class="col-md-9 ">
                            <div class="area">
                                <div class="item">
                                    <div class="feature">
                                        <img class="img-responsive center-block" src="{!!url($example->defaultImage('images' , 'xl'))!!}" alt="{{$example->title}}">
                                    </div>
                                    <div class="content">
                                        <div class="row">
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="id">
                    {!! trans('form::example.label.id') !!}
                </label><br />
                    {!! $example['id'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="name">
                    {!! trans('form::example.label.name') !!}
                </label><br />
                    {!! $example['name'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="email">
                    {!! trans('form::example.label.email') !!}
                </label><br />
                    {!! $example['email'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="color">
                    {!! trans('form::example.label.color') !!}
                </label><br />
                    {!! $example['color'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="date">
                    {!! trans('form::example.label.date') !!}
                </label><br />
                    {!! $example['date'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="datetime">
                    {!! trans('form::example.label.datetime') !!}
                </label><br />
                    {!! $example['datetime'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="file">
                    {!! trans('form::example.label.file') !!}
                </label><br />
                    {!! $example['file'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="files">
                    {!! trans('form::example.label.files') !!}
                </label><br />
                    {!! $example['files'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="image">
                    {!! trans('form::example.label.image') !!}
                </label><br />
                    {!! $example['image'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="images">
                    {!! trans('form::example.label.images') !!}
                </label><br />
                    {!! $example['images'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="month">
                    {!! trans('form::example.label.month') !!}
                </label><br />
                    {!! $example['month'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="password">
                    {!! trans('form::example.label.password') !!}
                </label><br />
                    {!! $example['password'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="range">
                    {!! trans('form::example.label.range') !!}
                </label><br />
                    {!! $example['range'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="search">
                    {!! trans('form::example.label.search') !!}
                </label><br />
                    {!! $example['search'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="tel">
                    {!! trans('form::example.label.tel') !!}
                </label><br />
                    {!! $example['tel'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="time">
                    {!! trans('form::example.label.time') !!}
                </label><br />
                    {!! $example['time'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="url">
                    {!! trans('form::example.label.url') !!}
                </label><br />
                    {!! $example['url'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="week">
                    {!! trans('form::example.label.week') !!}
                </label><br />
                    {!! $example['week'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="date_picker">
                    {!! trans('form::example.label.date_picker') !!}
                </label><br />
                    {!! $example['date_picker'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="time_picker">
                    {!! trans('form::example.label.time_picker') !!}
                </label><br />
                    {!! $example['time_picker'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="date_time_picker">
                    {!! trans('form::example.label.date_time_picker') !!}
                </label><br />
                    {!! $example['date_time_picker'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="radios">
                    {!! trans('form::example.label.radios') !!}
                </label><br />
                    {!! $example['radios'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="checkboxes">
                    {!! trans('form::example.label.checkboxes') !!}
                </label><br />
                    {!! $example['checkboxes'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="switch">
                    {!! trans('form::example.label.switch') !!}
                </label><br />
                    {!! $example['switch'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="select">
                    {!! trans('form::example.label.select') !!}
                </label><br />
                    {!! $example['select'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="model_select">
                    {!! trans('form::example.label.model_select') !!}
                </label><br />
                    {!! $example['model_select'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="tinyints">
                    {!! trans('form::example.label.tinyints') !!}
                </label><br />
                    {!! $example['tinyints'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="smallints">
                    {!! trans('form::example.label.smallints') !!}
                </label><br />
                    {!! $example['smallints'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="mediumints">
                    {!! trans('form::example.label.mediumints') !!}
                </label><br />
                    {!! $example['mediumints'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="ints">
                    {!! trans('form::example.label.ints') !!}
                </label><br />
                    {!! $example['ints'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="bigints">
                    {!! trans('form::example.label.bigints') !!}
                </label><br />
                    {!! $example['bigints'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="decimals">
                    {!! trans('form::example.label.decimals') !!}
                </label><br />
                    {!! $example['decimals'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="floats">
                    {!! trans('form::example.label.floats') !!}
                </label><br />
                    {!! $example['floats'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="doubles">
                    {!! trans('form::example.label.doubles') !!}
                </label><br />
                    {!! $example['doubles'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="reals">
                    {!! trans('form::example.label.reals') !!}
                </label><br />
                    {!! $example['reals'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="bits">
                    {!! trans('form::example.label.bits') !!}
                </label><br />
                    {!! $example['bits'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="booleans">
                    {!! trans('form::example.label.booleans') !!}
                </label><br />
                    {!! $example['booleans'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="dates">
                    {!! trans('form::example.label.dates') !!}
                </label><br />
                    {!! $example['dates'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="datetimes">
                    {!! trans('form::example.label.datetimes') !!}
                </label><br />
                    {!! $example['datetimes'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="timestamps">
                    {!! trans('form::example.label.timestamps') !!}
                </label><br />
                    {!! $example['timestamps'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="times">
                    {!! trans('form::example.label.times') !!}
                </label><br />
                    {!! $example['times'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="years">
                    {!! trans('form::example.label.years') !!}
                </label><br />
                    {!! $example['years'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="chars">
                    {!! trans('form::example.label.chars') !!}
                </label><br />
                    {!! $example['chars'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="varchars">
                    {!! trans('form::example.label.varchars') !!}
                </label><br />
                    {!! $example['varchars'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="tinytexts">
                    {!! trans('form::example.label.tinytexts') !!}
                </label><br />
                    {!! $example['tinytexts'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="texts">
                    {!! trans('form::example.label.texts') !!}
                </label><br />
                    {!! $example['texts'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="mediumtexts">
                    {!! trans('form::example.label.mediumtexts') !!}
                </label><br />
                    {!! $example['mediumtexts'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="longtexts">
                    {!! trans('form::example.label.longtexts') !!}
                </label><br />
                    {!! $example['longtexts'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="binarys">
                    {!! trans('form::example.label.binarys') !!}
                </label><br />
                    {!! $example['binarys'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="varbinarys">
                    {!! trans('form::example.label.varbinarys') !!}
                </label><br />
                    {!! $example['varbinarys'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="tinyblobs">
                    {!! trans('form::example.label.tinyblobs') !!}
                </label><br />
                    {!! $example['tinyblobs'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="mediumblobs">
                    {!! trans('form::example.label.mediumblobs') !!}
                </label><br />
                    {!! $example['mediumblobs'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="blobs">
                    {!! trans('form::example.label.blobs') !!}
                </label><br />
                    {!! $example['blobs'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="longblobs">
                    {!! trans('form::example.label.longblobs') !!}
                </label><br />
                    {!! $example['longblobs'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="enums">
                    {!! trans('form::example.label.enums') !!}
                </label><br />
                    {!! $example['enums'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="sets">
                    {!! trans('form::example.label.sets') !!}
                </label><br />
                    {!! $example['sets'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="slug">
                    {!! trans('form::example.label.slug') !!}
                </label><br />
                    {!! $example['slug'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="status">
                    {!! trans('form::example.label.status') !!}
                </label><br />
                    {!! $example['status'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="user_id">
                    {!! trans('form::example.label.user_id') !!}
                </label><br />
                    {!! $example['user_id'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="user_type">
                    {!! trans('form::example.label.user_type') !!}
                </label><br />
                    {!! $example['user_type'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="upload_folder">
                    {!! trans('form::example.label.upload_folder') !!}
                </label><br />
                    {!! $example['upload_folder'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="deleted_at">
                    {!! trans('form::example.label.deleted_at') !!}
                </label><br />
                    {!! $example['deleted_at'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="created_at">
                    {!! trans('form::example.label.created_at') !!}
                </label><br />
                    {!! $example['created_at'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="updated_at">
                    {!! trans('form::example.label.updated_at') !!}
                </label><br />
                    {!! $example['updated_at'] !!}
            </div>
        </div>
        <div class="col-md-4 col-sm-6">
            <div class"form-group">
                <label for="PRIMARY">
                    {!! trans('form::example.label.PRIMARY') !!}
                </label><br />
                    {!! $example['PRIMARY'] !!}
            </div>
        </div>
    </div>

                <div class='col-md-4 col-sm-6'>
                       {!! Form::text('name')
                       -> label(trans('form::example.label.name'))
                       -> placeholder(trans('form::example.placeholder.name'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                       {!! Form::text('email')
                       -> label(trans('form::example.label.email'))
                       -> placeholder(trans('form::example.placeholder.email'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                       {!! Form::text('color')
                       -> label(trans('form::example.label.color'))
                       -> placeholder(trans('form::example.placeholder.color'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                   <div class='form-group'>
                     <label for='date' class='control-label'>{!!trans('form::example.label.date')!!}</label>
                     <div class='input-group pickdate'>
                        {!! Form::text('date')
                        -> placeholder(trans('form::example.placeholder.date'))
                        -> required()
                        ->raw()!!}
                       <span class='input-group-addon'><i class='fa fa-calendar'></i></span>
                     </div>
                   </div>
                </div>

                <div class='col-md-4 col-sm-6'>
                    <div class='form-group'>
                        <label for='datetime' class='control-label'>{!!trans('form::example.label.datetime')!!}</label>
                        <div class='input-group pickdatetime'>
                            {!! Form::text('datetime')
                            -> placeholder(trans('form::example.placeholder.datetime'))
                            -> addClass('pickdatetime')
                            ->raw()!!}
                           <span class='input-group-addon'><i class='fa fa-calendar'></i></span>
                        </div>
                    </div>
                 </div>

                <div class='col-md-4 col-sm-6'>
                       {!! Form::text('file')
                       -> label(trans('form::example.label.file'))
                       -> placeholder(trans('form::example.placeholder.file'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                       {!! Form::text('files')
                       -> label(trans('form::example.label.files'))
                       -> placeholder(trans('form::example.placeholder.files'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                       {!! Form::text('image')
                       -> label(trans('form::example.label.image'))
                       -> placeholder(trans('form::example.placeholder.image'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                       {!! Form::text('images')
                       -> label(trans('form::example.label.images'))
                       -> placeholder(trans('form::example.placeholder.images'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                       {!! Form::text('month')
                       -> label(trans('form::example.label.month'))
                       -> placeholder(trans('form::example.placeholder.month'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                       {!! Form::text('password')
                       -> label(trans('form::example.label.password'))
                       -> placeholder(trans('form::example.placeholder.password'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                       {!! Form::text('range')
                       -> label(trans('form::example.label.range'))
                       -> placeholder(trans('form::example.placeholder.range'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                       {!! Form::text('search')
                       -> label(trans('form::example.label.search'))
                       -> placeholder(trans('form::example.placeholder.search'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                       {!! Form::text('tel')
                       -> label(trans('form::example.label.tel'))
                       -> placeholder(trans('form::example.placeholder.tel'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                       {!! Form::text('time')
                       -> label(trans('form::example.label.time'))
                       -> placeholder(trans('form::example.placeholder.time'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                       {!! Form::text('url')
                       -> label(trans('form::example.label.url'))
                       -> placeholder(trans('form::example.placeholder.url'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                       {!! Form::text('week')
                       -> label(trans('form::example.label.week'))
                       -> placeholder(trans('form::example.placeholder.week'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                   <div class='form-group'>
                     <label for='date_picker' class='control-label'>{!!trans('form::example.label.date_picker')!!}</label>
                     <div class='input-group pickdate'>
                        {!! Form::text('date_picker')
                        -> placeholder(trans('form::example.placeholder.date_picker'))
                        ->raw()!!}
                       <span class='input-group-addon'><i class='fa fa-calendar'></i></span>
                     </div>
                   </div>
                </div>

                <div class='col-md-4 col-sm-6'>
                    <div class='form-group'>
                        <label for='time_picker' class='control-label'>{!!trans('form::example.label.time_picker')!!}</label>
                        <div class='input-group picktime'>
                            {!! Form::text('time_picker')
                            -> placeholder(trans('form::example.placeholder.time_picker'))
                            -> raw()!!}
                            <span class='input-group-addon'><i class='fa fa-clock-o'></i></span>
                        </div>
                    </div>
                </div>

                <div class='col-md-4 col-sm-6'>
                    <div class='form-group'>
                        <label for='date_time_picker' class='control-label'>{!!trans('form::example.label.date_time_picker')!!}</label>
                        <div class='input-group pickdatetime'>
                            {!! Form::text('date_time_picker')
                            -> placeholder(trans('form::example.placeholder.date_time_picker'))
                            -> addClass('pickdatetime')
                            ->raw()!!}
                           <span class='input-group-addon'><i class='fa fa-calendar'></i></span>
                        </div>
                    </div>
                 </div>

                <div class='col-md-4 col-sm-6'>
                       {!! Form::text('radios')
                       -> label(trans('form::example.label.radios'))
                       -> placeholder(trans('form::example.placeholder.radios'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                       {!! Form::text('checkboxes')
                       -> label(trans('form::example.label.checkboxes'))
                       -> placeholder(trans('form::example.placeholder.checkboxes'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                       {!! Form::numeric('switch')
                       -> label(trans('form::example.label.switch'))
                       -> placeholder(trans('form::example.placeholder.switch'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                   {!! Form::inline_radios('select')
                   -> radios(trans('form::example.options.select'))
                   -> label(trans('form::example.label.select'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                   {!! Form::inline_radios('model_select')
                   -> radios(trans('form::example.options.model_select'))
                   -> label(trans('form::example.label.model_select'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                       {!! Form::numeric('tinyints')
                       -> label(trans('form::example.label.tinyints'))
                       -> placeholder(trans('form::example.placeholder.tinyints'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                       {!! Form::numeric('smallints')
                       -> label(trans('form::example.label.smallints'))
                       -> placeholder(trans('form::example.placeholder.smallints'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                       {!! Form::numeric('mediumints')
                       -> label(trans('form::example.label.mediumints'))
                       -> placeholder(trans('form::example.placeholder.mediumints'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                       {!! Form::numeric('ints')
                       -> label(trans('form::example.label.ints'))
                       -> placeholder(trans('form::example.placeholder.ints'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                       {!! Form::numeric('bigints')
                       -> label(trans('form::example.label.bigints'))
                       -> placeholder(trans('form::example.placeholder.bigints'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                       {!! Form::decimal('decimals')
                       -> label(trans('form::example.label.decimals'))
                       -> placeholder(trans('form::example.placeholder.decimals'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                       {!! Form::decimal('floats')
                       -> label(trans('form::example.label.floats'))
                       -> placeholder(trans('form::example.placeholder.floats'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                       {!! Form::decimal('doubles')
                       -> label(trans('form::example.label.doubles'))
                       -> placeholder(trans('form::example.placeholder.doubles'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                       {!! Form::decimal('reals')
                       -> label(trans('form::example.label.reals'))
                       -> placeholder(trans('form::example.placeholder.reals'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                       {!! Form::numeric('bits')
                       -> label(trans('form::example.label.bits'))
                       -> placeholder(trans('form::example.placeholder.bits'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                       {!! Form::numeric('booleans')
                       -> label(trans('form::example.label.booleans'))
                       -> placeholder(trans('form::example.placeholder.booleans'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                   <div class='form-group'>
                     <label for='dates' class='control-label'>{!!trans('form::example.label.dates')!!}</label>
                     <div class='input-group pickdate'>
                        {!! Form::text('dates')
                        -> placeholder(trans('form::example.placeholder.dates'))
                        ->raw()!!}
                       <span class='input-group-addon'><i class='fa fa-calendar'></i></span>
                     </div>
                   </div>
                </div>

                <div class='col-md-4 col-sm-6'>
                    <div class='form-group'>
                        <label for='datetimes' class='control-label'>{!!trans('form::example.label.datetimes')!!}</label>
                        <div class='input-group pickdatetime'>
                            {!! Form::text('datetimes')
                            -> placeholder(trans('form::example.placeholder.datetimes'))
                            -> addClass('pickdatetime')
                            ->raw()!!}
                           <span class='input-group-addon'><i class='fa fa-calendar'></i></span>
                        </div>
                    </div>
                 </div>

                <div class='col-md-4 col-sm-6'>
                    <div class='form-group'>
                        <label for='timestamps' class='control-label'>{!!trans('form::example.label.timestamps')!!}</label>
                        <div class='input-group pickdatetime'>
                            {!! Form::text('timestamps')
                            -> placeholder(trans('form::example.placeholder.timestamps'))
                            -> addClass('pickdatetime')
                            ->raw()!!}
                           <span class='input-group-addon'><i class='fa fa-calendar'></i></span>
                        </div>
                    </div>
                 </div>

                <div class='col-md-4 col-sm-6'>
                    <div class='form-group'>
                        <label for='times' class='control-label'>{!!trans('form::example.label.times')!!}</label>
                        <div class='input-group picktime'>
                            {!! Form::text('times')
                            -> placeholder(trans('form::example.placeholder.times'))
                            -> raw()!!}
                            <span class='input-group-addon'><i class='fa fa-clock-o'></i></span>
                        </div>
                    </div>
                </div>

                <div class='col-md-4 col-sm-6'>
                       {!! Form::numeric('years')
                       -> label(trans('form::example.label.years'))
                       -> placeholder(trans('form::example.placeholder.years'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                       {!! Form::text('chars')
                       -> label(trans('form::example.label.chars'))
                       -> placeholder(trans('form::example.placeholder.chars'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                       {!! Form::text('varchars')
                       -> label(trans('form::example.label.varchars'))
                       -> placeholder(trans('form::example.placeholder.varchars'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                    {!! Form::textarea ('tinytexts')
                    -> label(trans('form::example.label.tinytexts'))
                    -> placeholder(trans('form::example.placeholder.tinytexts'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                       {!! Form::text('texts')
                       -> label(trans('form::example.label.texts'))
                       -> placeholder(trans('form::example.placeholder.texts'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                    {!! Form::textarea ('mediumtexts')
                    -> label(trans('form::example.label.mediumtexts'))
                    -> placeholder(trans('form::example.placeholder.mediumtexts'))!!}
                </div>

                <div class='col-md-12'>
                    {!! Form::textarea('longtexts')
                    -> label(trans('form::example.label.longtexts'))
                    -> dataUpload(trans_url($example->getUploadURL('longtexts')))
                    -> addClass('html-editor')
                    -> placeholder(trans('form::example.placeholder.longtexts'))!!}
                </div>
                <div class='col-md-4 col-sm-6'>
                       {!! Form::text('binarys')
                       -> label(trans('form::example.label.binarys'))
                       -> placeholder(trans('form::example.placeholder.binarys'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                       {!! Form::text('varbinarys')
                       -> label(trans('form::example.label.varbinarys'))
                       -> placeholder(trans('form::example.placeholder.varbinarys'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                    {!! Form::textarea ('tinyblobs')
                    -> label(trans('form::example.label.tinyblobs'))
                    -> placeholder(trans('form::example.placeholder.tinyblobs'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                    {!! Form::textarea ('mediumblobs')
                    -> label(trans('form::example.label.mediumblobs'))
                    -> placeholder(trans('form::example.placeholder.mediumblobs'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                       {!! Form::text('blobs')
                       -> label(trans('form::example.label.blobs'))
                       -> placeholder(trans('form::example.placeholder.blobs'))!!}
                </div>

                <div class='col-md-12'>
                    {!! Form::textarea('longblobs')
                    -> label(trans('form::example.label.longblobs'))
                    -> dataUpload(trans_url($example->getUploadURL('longblobs')))
                    -> addClass('html-editor')
                    -> placeholder(trans('form::example.placeholder.longblobs'))!!}
                </div>
                <div class='col-md-4 col-sm-6'>
                   {!! Form::inline_radios('enums')
                   -> radios(trans('form::example.options.enums'))
                   -> label(trans('form::example.label.enums'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                   {!! Form::inline_radios('sets')
                   -> radios(trans('form::example.options.sets'))
                   -> label(trans('form::example.label.sets'))!!}
                </div>

                <div class='col-md-4 col-sm-6'>
                       {!! Form::text('PRIMARY')
                       -> label(trans('form::example.label.PRIMARY'))
                       -> placeholder(trans('form::example.placeholder.PRIMARY'))!!}
                </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>