@extends('layout.mainlayout')
@section('content')

    <!-- ========================
        Start Page Content
    ========================= -->

    <div class="page-wrapper">

        <!-- Start Content -->
		<div class="content ">
		
			<!-- Page Header -->
			<div class="page-header">
				<div class="row">
					<div class="col-sm-12">
						<h3 class="page-title">Sticky Note</h3>
						<ul class="breadcrumb">
							<li class="breadcrumb-item"><a href="{{url('index')}}">Dashboard</a></li>
							<li class="breadcrumb-item active">Sticky Note</li>
						</ul>
					</div>
				</div>
			</div>
			<!-- /Page Header -->
			
			<div class="row">
			
				<!-- Sticky -->
				<div class="col-md-12">	
					<div class="card">
						<div class="card-header">
							<h5 class="card-title">Sticky Note <a class="btn btn-primary float-sm-end m-l-10" id="add_new" href="javascript:void(0);">Add New Note</a></h5>
						</div>
						<div class="card-body">
								<div class="sticky-note" id="board"></div>
						</div>
					</div>
				</div>
				<!-- /Sticky -->
					
			</div>
		
		</div>	
        <!-- End Content -->
    
        @include('layout.partials.footer')

    </div>

    <!-- ========================
        End Page Content
    ========================= -->

@endsection