@extends('backend.layouts.app')
@section('content')
<div class="col-xl-12">
	<div class="breadcrumb-holder">
		<h1 class="main-title float-left">{{ session('title') }}</h1>
		<ol class="breadcrumb float-right">
			<li class="breadcrumb-item">Home </li>
			<li class="breadcrumb-item active">{{ session('title') }}</li>
		</ol>
		<div class="clearfix"></div>
	</div>
</div>
<div class="container fullbody">
	<div class="col-md-12">
		<div class="card">
			<div class="card-header">
				<h5>Add Slider</h5>
			</div>
			<div class="card-body">
				<form method="post" action="{{ route('websites.slider.store') }}" enctype="multipart/form-data">
					@csrf
					<div class="form-row">
						<div class="form-group col-sm-8">
							<label class="control-label">Slider Image</label>
							<input type="file" name="image" id="image" class="form-control form-control-sm">
						</div>
						<div class="form-group" style="margin-top: 28px">
							<button type="submit" class="btn btn-sm btn-store"><i class="fa fa-save"></i> Save</button>
						</div>
					</div>
				</form>
			</div>
		</div>
		<br>
		<div class="card">
			<div class="card-header">
				<h6>Slider List</h6>
			</div>
			<div class="card-body">
				<div class="table-responsive">
					<table class="table table-sm table-bordered table-striped" width="100%">
						<thead>
							<tr>
								<th>Sl.</th>
								<th>Slider Image</th>
								<th>Status</th>
								<th>Action</th>
							</tr>
						</thead>
						<tbody>
							@foreach ($sliders as $element)
							<tr>
								<td>{{ $loop->iteration }}</td>
								<td>
									<img src="{{ url($element->image_path) }}" style="width: 250px">
								</td>
								<td class="text-center">
									@if ($element->status == 1)
										<span class="badge badge-primary">Active</span>
									@else
										<span class="badge badge-warning">Inactive</span>
									@endif
								</td>
								<td class="text-center">
									<a class="btn btn-sm btn-danger delete" title="Delete" data-id="{{$element->id}}" data-tablename="sliders"><i class="fa fa-trash"></i></a> 
								</td>
							</tr>
							@endforeach
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection