@extends('layouts.app')

@section('content')
<div class="container">
                <h2>Add New Story</h2>
               
<form method="POST" name='Form' action="/story" enctype="multipart/form-data">


	  <div class="form-group">
	<label>Category</label>
        <!-- <input name="catId" class="form-control" value="">   -->

<select name="catId" class="form-control" required>
<option value="">Select Category</option>
<option value="1">Politics</option>
<option value="2">Business</option>
<option value="3">Sports</option>
<option value="4">Entertainment</option>
<option value="5">Tech</option>
</select>

    </div>

		  <div class="form-group">
	<label>Title</label>
        <input name="sTitle" class="form-control" value="" required>  
    </div>


    <div class="form-group">
	<label>Description</label>
        <textarea name="sDescriptiom" class="form-control" required></textarea>  
    </div>

	  <div class="form-group">
	<label>Image</label>
        <input name="sImage" type='file' class="form-control" required>  
    </div>


	  <div class="form-group">
	<label>URL</label>
        <input name="sURL" class="form-control" value="" required>  
    </div>

		  <div class="form-group">
	<label>News Sourse</label>
        <input name="newsSource" class="form-control" value="" required>  
    </div>



    <div class="form-group">
        <button type="submit" class="btn btn-primary">Add Story</button>
    </div>
{{ csrf_field() }}
</form>


</div>
@endsection