@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="#add_splash">
				<i class="fas fa-plus"></i> Nueva pantalla Splash
			</a>
			@include('admin.pantallas.modal.add_splash')
	    </div>


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

	        <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">Pantallas Splash</h1> 
				<div class="col-md-4 mb-4">
				<a href="" class="btn btn-primary" data-toggle="modal" data-target="#add_splash">
				<i class="fas fa-plus"></i> Nueva Pantalla
			</a>
				</div>

	          </div>
		
		<div class="table-responsive">
			        <table class="table table-striped table-sm">
			          <thead>
			            <tr>
			              <th>#</th>
			              <th>name</th>
						  <th>description</th>
			              <th>path</th>
			            </tr>
			          </thead>

					  <tbody>
	    		@forelse($splash as $sp)
	    		<tr>
	    			<td>{{ $sp->id }}</td>
	    			<td>{{ $sp->name }}</td>
	    			<td>{{ $sp->description }}</td>
	    			<td>
	    				<a href="{{ $sp->path }}" target="_blank">
	    					VER
	    				</a>
	    			</td>

	    			<td>
	    				<a href="{{ route('sliders.delete', $sp->id) }}">
	    					<i class="fas fa-trash"></i>
							Eliminar
	    				</a>
	    			</td>


	    		</tr>
	    		@empty
	    		<tr>
	    			<td colspan="7">No hay sliders registrados</td>
	    		</tr>
	    		@endforelse
	    	</tbody>


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

	@endsection