@extends('themes.app.pages')

@section('headerScript')
@endsection

@section('mainContent')
<div class="container">
	<!-- Breadcrumb -->
	<div class="row">
		<div class="col-md-8">
			<ol class="breadcrumb push-15">
			    <li><a class="link-effect"  data-toggle="tooltip" title="Back to Dashboard" href="{{ route('cms-dashboard') }}">Dashboard</a></li>
			    <li><a class="link-effect" href="{{ route('page-banners.index') }}" data-toggle="tooltip" title="Back to Page Banner Index">Page Banner</a></li>
			    <li>Create Page Banner</li>
			</ol>
		</div>

		<div class="col-md-4 text-right">

		</div>
	</div>
	<!-- END Breadcrumb -->

	<div class="row">
		<div class="col-md-12">
			<!-- Material (floating) Register -->
			<div class="block block-themed">
				<div class="block-header bg-primary">
					<ul class="block-options">
						<li>
							<a href="{{ route('page-banners.index') }}" class="btn btn-md" title="Back to Index"><i class="si si-arrow-left"></i></a>
						</li>

						<li>
						      <button type="button" data-toggle="block-option" data-action="fullscreen_toggle" title="Full Screen"></button>
						</li>

						<li>
							<button type="button" data-toggle="block-option" data-action="content_toggle" title="Hide & Show"></button>
						</li>
					</ul>

					<h3 class="block-title"><i class="fa fa-plus push-5-r"></i>Page Banner</h3>

				</div>
				<div class="block-content">

					<form action="{{ route('page-banners.store') }}" enctype="multipart/form-data" class="form-horizontal push-10-t push-10 js-validation-material"  method="post">
						{{ csrf_field() }}

						<div class="form-group">
							<div class="col-xs-12">
								<div class="form-material floating form-material-primary">
									<input class="form-control" type="text" id="name" name="name" required value="{{ old('name') }}">
									<label for="name">Name <span class="text-danger">*</span></label>
								</div>
							</div>
						</div>

						<div class="form-group">
							<div class="col-xs-12">
								<label for="image">Image <span class="text-danger">*</span></label>
								<div class="form-material floating form-material-primary">
									<input class="form-control" type="file" id="image" name="bannerImage" required>
								</div>
							</div>
						</div>

						<div class="form-group">
							<div class="col-xs-12">
								<label for="description">Description</label>
								<div class="form-material floating form-material-primary">
									<textarea class="form-control" id="js-ckeditor" name="description" rows="5" placeholder="Write Here ...">{{ old('description') }}</textarea>
								</div>
							</div>
						</div>

						<div class="form-group">
							<div class="col-xs-12">
								<label class="css-input switch switch-sm switch-primary">
									<input type="checkbox" id="is_active" name="is_active" value="1" checked><span></span>Is Active
								</label>
							</div>
						</div>

						<div class="form-group">
							<div class="col-xs-12">
								<button class="btn btn-sm bg-primary" type="submit"><i class="fa fa-plus push-5-r"></i>Save
								</button>
								<a href="{{ route('page-banners.index') }}" class="btn btn-danger btn-sm pull-right"><i class="fa fa-arrow-left"></i> Back to Index</a>
							</div>
						</div>
					</form>
				</div>
			</div>
			<!-- END Material (floating) Register -->
		</div>
	</div>
</div>
@endsection

@section('footerScript')
	<script src="{{ asset('/js/pages/base_forms_validation.js') }}"></script>
@endsection