@extends('app') 

@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>
            @if($page == "create")
               <li>
                    <a href="{{URL::to('admin/products')}}"><i class="fa fa-dashboard"></i> products</a>
                </li>
                <li class="active">
                    <i class="fa fa-dashboard"></i> create
                </li>
                @elseif($page == "update")
                <li>
                    <a href="{{URL::to('admin/products')}}"><i class="fa fa-dashboard"></i> products</a>
                </li>
                @if(count((array)$products)>0)
                <li class="active">
                    <i class="fa fa-dashboard"></i> 
                    update {{$products->nameENG}} <small>({{$products->nameTH}})</small>
                </li>
                @endif
                <a href="{{URL::to('admin/products/create')}}" id="btnAdd" class="btn btn-primary btn-xs pull-right">Create</a>
                @else
                <li class="active">
                    <i class="fa fa-dashboard"></i> products
                </li>
                <a href="{{URL::to('admin/products/create')}}" id="btnAdd" class="btn btn-primary btn-xs pull-right">Create</a>

                @endif
                
        </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="row">
    <div class="col-sm-12">
        <div class="panel panel-defualt">
            <div class="panel-body">
                   @if($page=="list")
                        @include('admin.products.list')
                    @elseif($page=="create")
                        @include('admin.products.create')
                    @elseif($page=="update")
                        @include('admin.products.update')
                    @endif
            </div>
            <a href="#">
                <div class="panel-footer">
                    
                    <div class="clearfix"></div>
                </div>
            </a>
        </div>
    </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" style="min-height:450px">
            <div>
			<div id="img1" class="col-sm-6"></div>	
            <div id="img2" class="col-sm-6"></div>  
 <div id="th" class="col-sm-6"></div>	
            <div id="en" class="col-sm-6"></div>
            </div> 
			</div>
			<div class="modal-footer">
				<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,image ,image2){

            $('#m-title').html(title);
            $('#img1').html('<img   src=\"'+image+'\" style=\"width:100%\">');
			$('#img2').html('<img   src=\"'+image2+'\" style=\"width:100%\">');
 
            $('#m-show').modal('show');
        }
    function showModal1(title,th,en){
			//alert(th+en);
            $('#m-title').html(title);
            $('#th').html(th);
			$('#en').html(en);
 
            $('#m-show').modal('show');
        }		
        geteditor('descriptionTH');
        geteditor('descriptionENG');
		imageeditor("image-editor");
        
	</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);

}); 

/*
$('div.showimg-on-a').children().click(function(){
	var img = $(this).html();
	showModal('',img);
	return false;
	
});
 
	*/
	
 
</script>
<script src="{{asset('public/datatable/js/jquery.dataTables.js')}}">

</script>
 <script>
 $(document).ready(function() {
    $('#example').DataTable();
 
} );
 </script>   
    
@stop

@section('style')
<link href="{{asset('public/datatable/css/jquery.dataTables.min.css')}}" rel="stylesheet">
@stop