@extends('app') 
@section('css')
 
@stop
@section('content')
<!-- Page Heading -->
<div class="row">
    <div class="col-lg-12">
        
        <ol class="breadcrumb">
            <li>
                <a href="{{URL::to('admin/home')}}"><i class="fa fa-dashboard"></i> Dashboard</a>
                
            </li>
 
                <li>
                    <a href="{{URL::to('admin/group')}}"><i class="fa fa-dashboard"></i> Groups</a>
                </li>
                <li class="active">
                    <i class="fa fa-dashboard"></i> 
                    update {{$group->nameENG}} <small>({{$group->nameTH}})</small>
                </li>
                <a href="{{URL::to('admin/group/create')}}" id="btnAdd" class="btn btn-primary btn-xs pull-right">Create</a>
                 
       
                
        </ol>
    </div>
</div>
<!-- /.row -->
@if(Session::has('msg'))
<div class="row">
    <div class="col-lg-12">
        <div class="alert alert-info alert-dismissable">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
            <i class="fa fa-info-circle"></i> 
            {{Session::get('msg')}}
        </div>
    </div>
</div>
<!-- /.row -->
@elseif(Session::has('error'))
<div class="row">
    <div class="col-lg-12">
        <div class="alert alert-danger alert-dismissable">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
            <i class="fa fa-info-circle"></i> 
            {{Session::get('error')}}
        </div>
    </div>
</div>
<!-- /.row -->
@endif



 
    <div class="col-sm-12">
        <div class="panel panel-defualt">
            <div class="panel-body">
<form method="post" role="form" class="from-horizental">
<input type="hidden" name="_token" value="{{csrf_token()}}">
    <div class="row">

    <!-- Nav tabs -->
    <ul class="nav nav-tabs" role="tablist">
        <li role="presentation" class="active"><a href="#THAI" aria-controls="THAI" role="tab" data-toggle="tab">THAI</a></li>
        <li role="presentation"><a href="#ENG" aria-controls="ENG" role="tab" data-toggle="tab">ENG</a></li>
    </ul>

    <!-- Tab panes -->
    <div class="tab-content">
        <div role="tabpanel" class="tab-pane active" id="THAI">
            <div class="form-group">
                <label for="nameTH">ชื่อ</label>
                <input id="nameTH" name="nameTH" type="text" class="form-control" value="{{$group->nameTH}}">
            </div>
            <div class="form-group">
                <label for="descriptionTH">คำอธิบาย</label>
                <textarea id="descriptionTH" name="descriptionTH" class="form-control">{{$group->descriptionTH}}</textarea>
            </div>
        </div>
        <div role="tabpanel" class="tab-pane" id="ENG">
            <div class="form-group">
                <label for="nameENG">Name</label>
                <input id="nameENG" name="nameENG" type="text" class="form-control" value="{{$group->nameENG}}">
            </div>
            <div class="form-group">
                <label for="descriptionENG">Description</label>
                <textarea id="descriptionENG" name="descriptionENG" class="form-control">{{$group->descriptionENG}}</textarea>
            </div>

        </div>

    </div>
    <div class="form-group">
        <label for="status">Status</label>
        <select name="status" id="status" class="form-control">
            <option value="ON" 
            @if($group->status=="ON") {{"selected"}} @endif
            >ON</option>
            <option value="OFF"
            @if($group->status=="OFF") {{"selected"}} @endif
            >OFF</option>
        </select>
    </div>
    <div class="clearfix"></div>
    <div class="col-sm-12 text-center">
       <input id="id" name="id" type="hidden" value="{{$group->id}}" class="form-control">
        <button name="btnSubmit" class="btn btn-success" value="submit">Save</button>
        <button name="btnSubmitNew" class="btn btn-success" value="submit">Save & Show</button>
        <a href="{{URL::to('admin/groups')}}" class="btn btn-default">Close</a>
    </div>
</div>
</form>
            </div>
            <a href="#">
                <div class="panel-footer">
                    
                    <div class="clearfix"></div>
                </div>
            </a>
        </div>
    </div>
 
<!-- /.row -->

<div class="modal fade" id="m-show">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title" id="m-title">Modal title</h4>
			</div>
			<div class="modal-body" id="m-body">
				
			</div>
			<div class="modal-footer">
			    <button type="button"  id="btn-uppic" class="btn btn-success">Upload</button>
				<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
			</div>
		</div>
	</div>
</div>
 
@stop
@section('script')
   @include('admin.custom-editor')
    <script type="text/javascript" language="javascript" class="init">
        $(document).ready(function() {
            $('#show-list').DataTable();
        } );
        
        function showModal(title,body){
            $('#m-title').html(title);
            $('#m-body').html(body);
            $('#m-show').modal('show');
        }
        geteditor('descriptionTH');
        geteditor('descriptionENG');
        
	</script>
<script>
$('#btn-uppic').click(function(){
    var form = document.querySelector('form');
    var request = new XMLHttpRequest();
    
    form.addEventListener('submit',function(e){
    e.preventDefault();
    
    var formdata = new FormData(form);
    request.open('post','submit');
    request.send(formdata);
    
    },false);

}); 
</script>
	
    
    
@stop