@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">Edit Produk</div>
                        {!! Form::open(
                            array(
                              'url' => 'user/product/'.$product->id,
                              'method' => 'PUT',
                              '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 value="{{ $product->category_id }}">{{ $product->category->name }}</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="{{ $product->title }}" type="text" class="form-control" id="title" 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="{{ $product->sub_title }}" type="text" class="form-control" id="sub_title" placeholder="">
                                </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="{{ $product->land_area }}" type="number" min="0" 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="{{ $product->building_area }}" type="number" min="0" 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="{{ $product->floor }}" type="number" min="0" 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="{{ $product->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="{{ $product->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="{{ $product->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="{{ $product->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="">{{ $product->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/'.$product->id) }}" 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 paste',
                paste_word_valid_elements: "b,strong,i,em,h1,h2"
            });

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