@extends('admin/default')

@section('css')
	<style type="text/css">
		.error{
			color: red;
		}
		.label-container label.label {
		    width: 97%;
		    margin-bottom: 0;
		}
		.label-container button.btn.btn-sm.btn-outline-danger.delete_row {
		    width: 3%;
		    padding: 3px;
		}
		.label-container {
		    margin: 10px 0;
		}		
	</style>
@endsection

@section('content')
	<div id="spinner" class="text-center"></div>
   	<!-- Main content -->
   	<section class="content">
	  	<div class="card">
		<!-- Small boxes (Stat box) -->
			<div class="row">
				<div class="col-12">
					<!-- /.card-header -->
					<!-- form start -->
					<form role="form" method="POST" action="{{ route('admin.banners.store') }}" enctype="multipart/form-data" id="store_banner">
						@csrf
						<div class="card-body">
							<div class="row">
								<div class="col-md-6">
									<div class="form-group">
										<label for="title">Title</label><span class="text-danger">&#42;</span>
										<input type="text" class="form-control" id="title" name="title" placeholder="Enter Banner Title" value="{{ isset($banner) ? $banner->title : old('title') }}">
										@if ($errors->has('title'))
											<p class="text-danger" role="alert">
												{{ $errors->first('title') }}
											</p>
										@endif
									</div>
								</div>
							</div>
							
							<div class="row">
								<div class="col-md-6">
									<div class="form-group">
										<label for="banner_image">Banner Image</label>
										<div class="input-group">
											<div class="custom-file">
												<input type="file" class="custom-file-input" id="banner_image" name="banner_image">
												<label class="custom-file-label" for="banner_image">Choose file</label>
											</div>
										</div>
										@if ($errors->has('banner_image'))
											<p class="text-danger" role="alert">
												{{ $errors->first('banner_image') }}
											</p>
										@endif
										<p class="text-muted"><small>Allowed JPG, GIF or PNG. Max size of 800kB. Ratio should be 480:89</small></p>
									</div>
								</div>
							</div>

							<!-- Links -->
							<div class="col-2">
								<button type="submit" class="btn btn-primary btn-block">Submit</button>
							</div>
						</div>
						<!-- /.card-body -->
					</form>
				</div>
			</div>
		<!-- /.row -->
	  	</div>
	  <!-- /.container-fluid -->
   	</section>

   	<!-- /.content -->
@endsection

@section('js')

@endsection