@extends('layouts.app')

@section('content')
<div class="container">


			<nav class="navbar navbar-default darkBg">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
     <!-- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <i class="fa fa-bars" style="color:#fff;"></i>
      </button> -->
	  
	   <div class="scrollmenu">
		  <a href="/politics">Politics</a>
		  <a href="/business">Business </a>
		  <a href="/sports">Sports</a>
		  <a href="/entertainment">Entertainment</a>
		  <a href="/tech">Tech</a>
			
		</div> 
    
    </div>

  </div><!-- /.container-fluid -->
</nav>


                @if (Auth::check())
				  <a href="/story" class="btn btn-primary">Add new Story</a>
                        <h2>My Story Lists</h2>
                      
                        <table class="table">
                            <thead>
							<tr>
                                <th colspan="2"><!-- Story --></th>
                            </tr>
                        </thead>
                        <tbody>@foreach($user->story as $story)

                            <tr>
                                <td valign='top'>
	 	
		<div class="col-md-12 pad-l10-xs pad-r10-xs">
		<div class="row bg-light-clmnew bg-light-clm">
			
			 
			 
			<div class="col-md-12 pad-l0-xs">
			<div class="img02_thumbbutton1 ">
				<div class="img03_thumbbutton1">
					<img src="images/{{$story->sImage}}" width="100%">
				</div>
			</div>
			<h3 class="res-fontsize"><a href="{{$story->sURL}}">{{$story->sTitle}}</a></h3>
			
			<p class="p_txt visible-lg visible-md visible-sm">{{$story->sDescription}}</p>
			
			<p class="dateTxt visible-lg visible-md visible-sm">{{$story->created_at}}</p>

			<p class="dateTxt visible-lg visible-md visible-sm">{{$story->newsSource}}</p>
			 
			</div>
			
		</div>
		</div>
											
		<div class="clearfix"> &nbsp; </div>
	

                                 
                                </td>
                                <td valign='middle' style="padding-top:25px;">
                                   
                                    <form action="/story/{{$story->id}}">
                                        <button type="submit" name="edit" class="btn btn-primary">Edit</button>
                                        <button type="submit" name="delete" formmethod="POST" class="btn btn-danger">Delete</button>
                                        {{ csrf_field() }}
                                    </form>
                                </td>
                            </tr>
                       
    
                        @endforeach</tbody>
                        </table>
                @else
                    <!-- <h3>You need to log in. <a href="/login">Click here to login</a></h3> -->



<div class="container-fluid">
	<div class="row">
		
		<div id="div1">
		<!-- <div class="col-md-12 col-sm-12">
			<div class="col-md-10 pad-l0 pad-r0">
			 <span class="spn-txt"><a href="#ht">Hindutan Times</a></span> | <span class="spn-txt"><a href="#toi">Times Of India</a> </span> | <span class="spn-txt"><a href="#ie">IndianExpress</a></span>
			</div>
		</div> -->
		<div class="clearfix"> &nbsp; </div>
		 <div class="col-md-12"> <div class="col-md-10 pad-l0 pad-r0"><h2 style="margin:0 0 15px 0;"><a id="ht" style="font-size:20px;">Welcome to India Sports</a></h2></div></div>
    	<!--Feed 1 -->	 	
	<!--  -->
	 	
		<div class="col-md-12 pad-l10-xs pad-r10-xs">
		<div class="row bg-light-clmnew bg-light-clm">
			


			
		</div>
		</div>
											
		<div class="clearfix"> &nbsp; </div>
	
<!--  -->
		
		<div class="clearfix"> &nbsp; </div>
		
		
	</div>
	<!--Tech News end -->
		
		
		
		
	</div>
</div>
        

<footer class="">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<p>&copy; 2018 Indian Sports. All right reserved.</p>
			</div>
		</div>
	</div>
</footer>


                @endif
               
</div>
@endsection