@extends('layouts.admin.master') 
@section('css')
    {!! Html::style('admin/froala_editor/css/froala_editor.css') !!}
    {!! Html::style('admin/froala_editor/css/froala_style.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>
            @if($page == "create")
               <li>
                    <a href="{{URL::to('admin/sliders')}}"><i class="fa fa-dashboard"></i> sliders</a>
                </li>
                <li class="active">
                    <i class="fa fa-dashboard"></i> create
                </li>
                @elseif($page == "update")
                <li>
                    <a href="{{URL::to('admin/sliders')}}"><i class="fa fa-dashboard"></i> sliders</a>
                </li>
                <li class="active">
                    <i class="fa fa-dashboard"></i> 
                    update {{$slider->title}}
                </li>
                <a href="{{URL::to('admin/sliders/create')}}" id="btnAdd" class="btn btn-primary btn-xs pull-right">Create</a>
                @else
                <li class="active">
                    <i class="fa fa-dashboard"></i> sliders
                </li>
                <a href="{{URL::to('admin/sliders/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.sliders.list')
                    @elseif($page=="create")
                        @include('admin.sliders.create')
                    @elseif($page=="update")
                        @include('admin.sliders.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">
				
			</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('js')
   @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