@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="mailbox-controls with-border"> 
			<a href="" class="btn btn-primary" data-toggle="modal" data-target="#send_notification">
				<i class="fas fa-plus"></i> Nueva Notificación
			</a>
			@include('admin.notificaciones.modal.send_notification')
	    </div>


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

	        <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">Notificaciones Generales</h1> 
				<div class="col-md-4 mb-4">
				<a href="" class="btn btn-primary" data-toggle="modal" data-target="#send_notification">
				<i class="fas fa-plus"></i> Nueva Notificación
			</a>
				</div>

	          </div>
		
		<div class="table-responsive">
			        <table class="table table-striped table-sm">
			          <thead>
			            <tr>
			              <th>#</th>
			              <th>Fecha</th>
						  <th>titulo</th>
			              <th>Mensaje</th>
						  <th>Tipo</th>
			            </tr>
			          </thead>
					  <tbody>
					  @if(isset($notificacion))
						@forelse ($notificacion as $noti)
						<tr>
							<td>{{ $noti->id }}</td>
							<td>{{ $noti->fecha }}</td>
							<td>{{ $noti->titulo }}</td>
							<td>{{ $noti->mensaje }}</td>
							<td>{{ $noti->tipo }}</td>
							<td>
	    				<a href="{{ route('notifications.delete', $noti->id) }}">
	    					<i class="fas fa-trash"></i>
							Eliminar
	    				</a>
	    			</td>
	   					</tr>
						   @empty
						   <tr>
						   	<td colspan="S"> No hay notificaciones enviadas </td>
						   </tr>
						@endforelse
						@endif
						</tbody>
			        </table>
			      </div>				     
	          <!-- End Content  -->
	        </main>
	      </div>
	    </div>

	@endsection