@extends('user.layouts.index')
@section('content')
<div class="container-fluid">
    <div class="side-body">
        <div class="page-title">
            <span class="title"></span>
            <div class="description"></div>
        </div>
        <div class="row">
            <div class="col-xs-12">
                <div class="card">
                    <!--<div class="card-header">
                        <div class="card-title">
                            <div class="title">Create User</div>
                        </div>
                    </div>-->
                    <div class="card-body">
                        <div class="sub-title">Tambah Produk</div>
                        {!! Form::open(
                            array(
                              'url' => 'user/product',
                              'class' =>'form-horizontal',
                            )
                        ) !!}

                            @if ($errors->any())
                            <div class="form-group">
                                <label class="col-sm-2 control-label"></label>
                                <div class="col-sm-8" role="alert">
                                    <div class="alert alert-warning alert-dismissible" role="alert">
                                        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                        
                                        @foreach ($errors->all() as $error)             
                                            {!! $error !!}<br>              
                                        @endforeach
                                    </div>
                                </div>                           
                            </div>
                            @endif
                            <div class="form-group">
                                <label for="category_id" class="col-sm-2 control-label">Kategori</label>
                                <div class="col-sm-8">
                                    <select id="category_id" name="category_id">
                                        <optgroup label="Kategori">
                                            <option></option>
                                            @foreach($category as $value)
                                                <option value="{{ $value->id }}">{{ $value->name }}</option>
                                            @endforeach    
                                        </optgroup>  
                                    </select>
                                </div>
                            </div>  
        
                            <div class="form-group">
                                <label for="title" class="col-sm-2 control-label">Judul</label>
                                <div class="col-sm-4">
                                    <input name="title" value="{{ old('title') }}" type="text" class="form-control" id="name" placeholder="">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="sub_title" class="col-sm-2 control-label">Type</label>
                                <div class="col-sm-3">
                                    <input name="sub_title" value="{{ old('sub_title') }}" type="text" class="form-control" id="name" placeholder="Type 60 / 63">
                                </div>
                                <div>
                                    Ex: Type 60 / 63
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="land_area" class="col-sm-2 control-label">Luas Tanah</label>
                                <div class="col-sm-1">
                                    <input name="land_area" value="{{ old('land_area') }}" type="number" min="1" max="300" class="form-control" id="land_area" placeholder="">   
                                </div>
                                <div>
                                    M<sup>2</sup>
                                </div>
                            </div>                            
                            <div class="form-group">
                                <label for="building_area" class="col-sm-2 control-label">Luas Bangunan</label>
                                <div class="col-sm-1">
                                    <input name="building_area" value="{{ old('building_area') }}" type="number" min="1" max="300" class="form-control" id="building_area" placeholder="">   
                                </div>
                                <div>
                                    M<sup>2</sup>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="floor" class="col-sm-2 control-label">Jumlah Lantai</label>
                                <div class="col-sm-1">
                                    <input name="floor" value="{{ old('floor') }}" type="number" min="1" max="4" class="form-control" id="floor" placeholder="">   
                                </div>
                                <div>
                                    Lt
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="bath" class="col-sm-2 control-label">Kamar Mandi</label>
                                <div class="col-sm-1">
                                    <input name="bath" value="{{ old('bath') }}" type="number" min="0" max="4" class="form-control" id="bath" placeholder="">   
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="bed" class="col-sm-2 control-label">Kamar Tidur</label>
                                <div class="col-sm-1">
                                    <input name="bed" value="{{ old('bed') }}" type="number" min="0" max="4" class="form-control" id="bed" placeholder="">   
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="pool" class="col-sm-2 control-label">Kolam Renang</label>
                                <div class="col-sm-1">
                                    <input name="pool" value="{{ old('pool') }}" type="number" min="0" max="4" class="form-control" id="pool" placeholder="">   
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="carport" class="col-sm-2 control-label">Kapasitas Carport</label>
                                <div class="col-sm-1">
                                    <input name="carport" value="{{ old('carport') }}" type="number" min="0" max="4" class="form-control" id="carport" placeholder="">   
                                </div>
                                <div>
                                    Mobil    
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="description" class="col-sm-2 control-label">Deskripsi</label>
                                <div class="col-sm-8">
                                    <textarea name="description" type="text" class="form-control" id="description" placeholder="">{{ old('description') }}</textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-offset-2 col-sm-10">
                                    <button type="submit" class="btn btn-default">Simpan</button>         
                                    <button type="reset" class="btn btn-default">Reset</button>
                                    <a href="{{ url('user/product') }}" class="btn btn-default">Kembali</a>
                                </div>
                            </div>
                        
                        {!! Form::close() !!}

                    </div>
                </div>
            </div>
        </div>    
    </div> 
</div>
@endsection

@section('js')    
    <script type="text/javascript">
        $(document).ready(function() {    
            tinymce.init({
                selector: '#description',
                toolbar: 'undo redo '
            });

            $("#subcategory_id").chained("#category_id");
        });
    </script>
@endsection