@extends('layouts.admin')

@section('content')

<div class="row">
	<div class="col-sm-12">
		    <h2>Create Package</h2>

		    <form class="form2" action="{{ route('package.store') }}" method="post" method="POST" enctype="multipart/form-data">
	   		@csrf
			    <div class="row">
			      	<div class="form-group col-lg-4">
			        	<label class="col-form-label" for="name">Name</label>
			        	<input class="form-control" id="name" name="name" type="text" value="{{ old('name') }}" required>
			      	</div>
			      
			      	<div class="form-group col-lg-4">
			        	<label class="col-form-label" for="price">Price</label>
			        	<input class="form-control" id="price" name="price" type="number" step="0.01" value="{{ old('price') }}" required>
			      	</div>
			      	
			      	<div class="form-group col-lg-4">
    		        	<label class="col-form-label" for="showOnFront">show On Front</label>
    			        <select class="form-control" id="showOnFront" name="showOnFront" required>
    			          	<option value="Yes">Yes</option>
    			          	<option value="No">No</option>
    			        </select>
    		      	</div>
			    </div>
			    <div class="row mt-3">
			      	<div class="form-group col-lg-4">
			        	<label class="col-form-label" for="capacity">Storage Capacity in GB</label>
			        	<input class="form-control" id="capacity" name="capacity" type="number" step="0.01" value="{{ old('capacity') }}" required>
			      	</div>
			        <div class="form-group col-lg-4">
    		        	<label class="col-form-label" for="icon">Icon</label>
    		        	<input class="form-control" id="icon" name="icon" type="file" required>
    		        	<small>100*100 pixels</small>
    		      	</div>
    		      	<div class="form-group col-lg-4">
    		        	<label class="col-form-label" for="type">Recurring Type</label>
    			        <select class="form-control" id="type" name="type" required>
    			          	<option value="Monthly">Monthly</option>
    			          	<option value="Annually">Annually</option>
    			        </select>
    		      	</div>
		        </div>

			    <div class="row">
			      	<div class="form-group col-lg-12">
			        	<label class="col-form-label" for="description">Description</label>
			        	<textarea class="form-control" name="description" id="description" required>{{ old('description') }}</textarea>
			     	</div>
			    </div>

			    <div class="row">
			      	<div class="form-group mt-5">
			        	<button class="btn btn-primary" type="submit">Add Package</button>
			      	</div>
			    </div>
	  		</form>
	</div>
</div>

@endsection