@extends('layouts.admin.master', ['bodyCss'=>'', 'title'=>'Bioderma | Admin'])

	@section('styles')
		<style type="text/css">
			.image-parent {
			  max-width: 150px;
			}
		</style>
	@endsection

	@section('scripts')

	@endsection

	@section('content')

		<header>
			@include('layouts.admin.navbar')
		</header>

	    <div class="container-fluid">
	      <div class="row">

	        @include('layouts.admin.sidebar', [ 'menuActive' => 'noticias' ] )

	        <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-4">
	          <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
	            <h1 class="h5">Novedades</h1> 
	            <a href="{{ route('news.create') }}" class="btn btn-outline-primary btn-sm">Nuevo</a>
	          </div>

	          <!-- Start Content  -->

	          	<div class="container">
				  <div class="row">
				    <div class="col-12 col-sm-12 col-lg-12">
				      <ul class="list-group">

				      	@foreach ($posts as $post)

							<div class="row" style="margin-top: 5px;">
								<div class="col-8">									
									<a href="#" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
							          <div class="flex-column">
							            {{ $post->title }}
							            <p><small>{{ $post->resume }}</small></p>
							            <p><small>Publicado el: {{ $post->created_at }}</small></p>
							            
							          </div>
							          <div class="image-parent">
							              <img src="{{ asset('storage/news_image/'.$post->file_name) }}" class="img-fluid" alt="quixote">
							          </div>
							        </a>
								</div>
								<div class="col-4">
									
									<a href="{{ route('news.edit', [ 'id' => $post->id ]) }}" class="btn btn-outline-warning btn-sm" >Editar</a>
			              			
			              			<a href="#" data-target="#modal-delete-{{$post->id}}" data-toggle="modal"><button class="btn btn-outline-danger btn-sm">Eliminar</button></a>

								</div>
							</div>

							@include('commons.admin.modal-delete', [ 'routeName' => 'news.destroy', 'id'=>$post->id ])

				        @endforeach

				        
				      </ul>
				    </div>
				  </div>
				</div>
	          
	          <!-- End Content  -->
	        </main>
	      </div>
	    </div>

	@endsection