@extends('Frontend.layouts.top-nav')
<style>
    .container{
        width:80%;
    }
</style>
@section('content')
@if(Session::has('msg'))
<div class="col-md-4 col-sm-5 float-right alert alert-success alert-dismissible m-2 mt-4 fade show" role="alert">
  {{Session::get('msg')}}
  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
    <span aria-hidden="true">&times;</span>
  </button>
</div>
@endif
<div class="container mat">
<div class="page-header row no-gutters py-4">
	<div class="col-12 col-sm-4 text-center text-sm-left mb-0">
		<span class="text-uppercase page-subtitle">Blog Page</span>
		<h3 class="page-title">Add New Blog</h3>
	</div>
</div>
<!-- End Page Header -->
<div class="row">
	<div class="col-lg-9 col-md-12">
		<!-- Add New Post Form -->
		<div class="card card-small mb-3">
			<div class="card-body">
				{!! Form::open(['route' => ['blogs.store'],'method'=>'POST','data-parsley-validation'=> '','files' => true]) !!}
				{!! Form::label('title','Title:') !!}
				{!! Form::text('title', null,array('class' => 'form-control','required'=>'','maxlength'=>'20')) !!}
				{!! Form::label('content','Content:') !!}
				{!! Form::textarea('content',null,array('class' =>'form-control','required'=>'')) !!}
				{!! Form::label('category_id','Category Name:') !!}
				{!! Form::select('category_id', $category , '1',array('class' =>'form-control','required'=>'')); !!}
				{!! Form::label('eventName','Event Name:') !!}
				{!! Form::text('eventName', null,array('class' => 'form-control','required'=>'','maxlength'=>'20')) !!}
				{!! Form::label('featuredImage','Upload Featured Image:') !!}
				{!! Form::file('featuredImage',array('class'=>'form-control'))!!}
				{!! Form::label('author','Author:') !!}
				{!! Form::text('author', null,array('class' => 'form-control','required'=>'','maxlength'=>'20')) !!}
				{!! Form::label('gender','Gender:') !!}
				{!! Form::select('gender',['1' => 'Male', '2' => 'Female','3'=>'Others'], '1',array('class' =>'form-control','required'=>'')); !!}
				{!! Form::close() !!}
			</div>
		</div>
		<!-- / Add New Post Form -->
	</div>
	<div class="col-lg-3 col-md-12">
		<!-- Post Overview -->
		<div class='card card-small mb-3'>
			<div class="card-header">
				<h6>Actions</h6>
			</div>
			<div class='card-body'>
                <button id="draft" class="btn btn-sm btn-primary">
                    <i class="material-icons">save</i> Request for the post
                </button>
			</div>
		</div>
		<!-- / Post Overview -->
	</div>
</div>
</div>
<script src="{{asset('scripts/app/app-blog-new-post.1.1.0.js')}}"></script>
<script type="text/javascript">
	$(function() {
		$('#draft').on('click', function(e) {
			// $('#status').val('draft');
			$('form').submit();
		})
	});
</script>
@endsection