@extends('cms.layouts.app')

@section('pre-styles')
	<x-cms.css-helper :dataTable="true"/>
@endsection

@section('contents')
<!-- Hero -->
<x-cms.bread-crumb title="Gallery">
    <li class="breadcrumb-item"><a class="btn btn-success btn-sm" href="{{ route('galleries.create') }}" title=""><i class="fa fa-plus"></i> Add Gallery</a></li>

</x-cms.bread-crumb>
<!-- END Hero -->

<div class="content">
	<x-cms.common-message />
	@if ($message = Session::get('success'))
	    <div class="alert alert-success alert-block">
	        <button type="button" class="close" data-dismiss="alert">×</button> 
	        <strong>{{ $message }}</strong>
	    </div>
	@elseif($message = Session::get('danger'))
		<div class="alert alert-danger alert-block">
		    <button type="button" class="close" data-dismiss="alert">×</button> 
		    <strong>{{ $message }}</strong>
		</div>
	@endif
	
	<x-cms.data-table>
			
			<x-slot name="header">
				<th style="width: 35%;">Name</th>
				{{-- <th style="width: 25%;">Contant</th> --}}
				<th class="text-center" style="width: 15%;">Image</th>
				<th class="text-center" style="width: 15%;">Display Order</th>
				<th class="text-center" style="width: 15%;">Add Gallery Image</th>
				<th class="text-center" style="width: 10%;">Status</th>
				<th class="text-center" style="width: 100px;">Action</th>
			</x-slot>

			<x-slot name="body">
				@foreach ($galleries as $gallery)
	            	<tr>
	            		<td>{{ $gallery->name }}</td>
	            	  	
	            		<td class="text-center">
    	  	                <x-cms.table-image path="galleries" :filename="$gallery->image" />        
    	  	            </td>
						
						<td>{{ $gallery->display_order }}</td>

	            		<td class="text-center">
	            		    <x-cms.table-status-button routeName="galleries.update" modelName="gallery" :model="$gallery"/>
	            		</td>
						<td class="text-center"> <a href="{{ route('gallery-images.uploade', ['id' => $gallery->id]) }}" class="btn btn-success btn-sm" title="Add Gallery Image">Add Gallery Image </a> </td>
	            		<td class="text-center">
	            			@if($gallery->deleted_at == null)
								<x-cms.table-action-button type="edit" routeName="galleries.edit" modelName="gallery" :model="$gallery"/>
								<x-cms.table-action-button type="delete" routeName="galleries.destroy" modelName="gallery" :model="$gallery"/>

								@else

								<x-cms.table-action-button type="restore" routeName="galleries.restore" modelName="gallery_id" :model="$gallery"/>
		            		    <x-cms.table-action-button type="destroy-permanently" routeName="galleries.destroy-permanently" modelName="gallery_id" :model="$gallery"/>
	            		    @endif
	            		</td>

	                {{-- @each('admin.cms.menus._menu', $menus, 'menu') --}}
	            </tr>
	            @endforeach
			</x-slot>

	</x-cms.data-table>
</div>



@endsection

@section('scripts')
	<x-cms.js-helper :dataTable="true"/>
@endsection